mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 862445 - Adjust reader mode content layout for serif fonts, r=lucasr, f=margaret

This commit is contained in:
Mark Capella 2013-05-24 19:10:33 -04:00
Родитель b5698ac443
Коммит 976a27069c
3 изменённых файлов: 25 добавлений и 8 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

3
mobile/android/chrome/content/aboutReader.html
Просмотреть файл

@ -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>

5
mobile/android/chrome/content/aboutReader.js
Просмотреть файл

@ -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;

25
mobile/android/themes/core/aboutReader.css
Просмотреть файл

@ -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;
}