mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
Bug 862445 - Adjust reader mode content layout for serif fonts, r=lucasr, f=margaret
This commit is contained in:
parent
bcb5e4a8b6
commit
7fc032e09d
@ -10,7 +10,8 @@
|
||||
|
||||
<body>
|
||||
<div id="reader-header" class="header">
|
||||
<div id="reader-domain" class="domain"></div>
|
||||
<a id="reader-domain" class="domain"></a>
|
||||
<div class="domain-border"></div>
|
||||
<h1 id="reader-title"></h1>
|
||||
<div id="reader-credits" class="credits"></div>
|
||||
</div>
|
||||
|
@ -515,10 +515,9 @@ AboutReader.prototype = {
|
||||
|
||||
this._article = article;
|
||||
|
||||
this._domainElement.href = article.url;
|
||||
let articleUri = Services.io.newURI(article.url, null, null);
|
||||
let domain = articleUri.host;
|
||||
|
||||
this._domainElement.innerHTML = domain;
|
||||
this._domainElement.innerHTML = articleUri.host;
|
||||
|
||||
this._creditsElement.innerHTML = article.byline;
|
||||
|
||||
|
@ -44,13 +44,25 @@ body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header > .domain {
|
||||
.domain,
|
||||
.credits {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
}
|
||||
|
||||
.domain {
|
||||
margin-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 2px solid;
|
||||
color: #00acff !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.domain-border {
|
||||
border-bottom: 1.5px solid #777777;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.header > h1 {
|
||||
font-size: 2.625em;
|
||||
font-weight: 300;
|
||||
line-height: 1.1em;
|
||||
width: 100%;
|
||||
@ -60,6 +72,10 @@ body {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.serif > .header > h1 {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.header > .credits {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
@ -163,14 +179,14 @@ body {
|
||||
.light > .content a:visited,
|
||||
.light > .content a:hover,
|
||||
.light > .content a:active {
|
||||
color: #ee6700 !important;
|
||||
color: #00acff !important;
|
||||
}
|
||||
|
||||
.dark > .content a,
|
||||
.dark > .content a:visited,
|
||||
.dark > .content a:hover,
|
||||
.dark > .content a:active {
|
||||
color: #ff9400 !important;
|
||||
color: #00acff !important;
|
||||
}
|
||||
|
||||
.content * {
|
||||
@ -218,6 +234,7 @@ body {
|
||||
.content .caption,
|
||||
.content .wp-caption-text,
|
||||
.content figcaption {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
margin: 0px !important;
|
||||
padding-top: 4px !important;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user