BearND has uploaded a new change for review.
https://gerrit.wikimedia.org/r/248363
Change subject: Update CSS styles to latest MFE
......................................................................
Update CSS styles to latest MFE
Made a separate patch so my deliberate changes (in a later patch) can be diffed
easier.
Change-Id: Ide01dec17372a50710234dabc6abb5ceb8757744
---
M app/src/main/assets/night.css
M app/src/main/assets/preview.css
M app/src/main/assets/styles.css
3 files changed, 246 insertions(+), 290 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/apps/android/wikipedia
refs/changes/63/248363/1
diff --git a/app/src/main/assets/night.css b/app/src/main/assets/night.css
index 2b0cb7c..fa6d802 100644
--- a/app/src/main/assets/night.css
+++ b/app/src/main/assets/night.css
@@ -1,5 +1,3 @@
-/* Same specificity as in MFE/less/content/hacks.less */
-/* Same specificity as in MFE/less/content/hacks.less */
body {
color: #999;
background: #000;
@@ -11,14 +9,16 @@
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAGJJREFUKFN1jdENgCAMBYmJn47Bak7DZrhTpc/XIm34OAjXA4qIgHI/dSBbLGTcOKjBryFlinGmjDQGiOF0MQkxI3v5wq6L38qR7SnsAx8ul37igPjAd+o5Oz2MRA+xY4ZSXuaW6wYouOLpAAAAAElFTkSuQmCC);
background-image:
url(http://127.0.0.1:8080/w/extensions/MobileApp/images/external-link-ltr.png?36384)!ie;
}
+/* Same specificity as in MFE/less/content/hacks.less */
.stable .content table.infobox {
background: #000;
}
+/* Same specificity as in MFE/less/content/hacks.less */
.content table td,
.content table th,
.content table.infobox th,
.content table.infobox td {
- border-color: rgba(128,128,128,0.12);
+ border-color: rgba(128, 128, 128, 0.12);
}
.app_table_container {
box-shadow: none;
diff --git a/app/src/main/assets/preview.css b/app/src/main/assets/preview.css
index 1e9d8fe..ac3e4a6 100644
--- a/app/src/main/assets/preview.css
+++ b/app/src/main/assets/preview.css
@@ -2,7 +2,6 @@
v2.0 | 20110126
License: none (public domain)
*/
-/* use -webkit prefix for older android browsers eg. nexus 1 */
html,
body,
div,
@@ -91,26 +90,7 @@
}
table {
border-collapse: collapse;
-}/*
-A file for css that corrects known rendering issues on known Wikimedia wikis.
-
-the following definitions exist to deal with certain inline styles
-present in wikitext.
-This file should not need to exist
-It will become redundant when the following RFC is resolved:
-https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
-
-FIXME: Review all of these hacks to see if they still apply.
-*/
-/* use -webkit prefix for older android browsers eg. nexus 1 */
-/* Plainlinks - this can be used to switch
- * off special external link styling */
-/* force portals to use a one column layout on mobile */
-/* bug 34878: Set an optimal width for a column.
- * Makes sure that on small screens column-count is only honored if
column-width hint is not violated.
- * https://developer.mozilla.org/en-US/docs/CSS/column-width
- */
-html {
+}html {
-webkit-text-size-adjust: none;
font-size: 100%;
}
@@ -120,9 +100,13 @@
color: #252525;
background: #fff;
}
+.pre-content,
+.content,
+.post-content {
+ margin: 0 16px;
+}
.content {
line-height: 1.65;
- margin: .8em 16px 0;
word-wrap: break-word;
}
@media all and (max-width: 280px) {
@@ -161,11 +145,11 @@
font-size: .8em;
line-height: 1.5;
padding: 0 !important;
- color: #555;
+ color: #555555;
width: auto !important;
}
.content .thumbborder {
- border: 1px solid #CCC;
+ border: 1px solid #cccccc;
}
.content img {
vertical-align: middle;
@@ -193,54 +177,27 @@
.content div.magnify {
display: none;
}
-ul.gallery {
- list-style: none;
- max-width: 100%;
-}
-ul.gallery .gallerybox {
- display: inline-block;
- vertical-align: top;
- max-width: 100%;
-}
-ul.gallery .gallerybox .thumb img {
- display: block;
-}
-ul.gallery .gallerybox > div {
- max-width: 100%;
-}
-ul.gallery .gallerybox > div > .thumb {
- max-width: 100%;
-}
-ul.gallery .gallerybox .gallerytext {
- overflow: hidden;
- padding: 2px 4px;
- word-wrap: break-word;
- font-size: .8em;
-}
-#section_0 {
- line-height: 1.3;
-}
+.pre-content h1,
.content h1,
+.content h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: "Linux Libertine", Georgia, Times, serif;
+ line-height: 1.3;
+ word-wrap: break-word;
+ word-break: break-word;
+}
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
- line-height: 1.3;
- font-family: "Linux Libertine", Georgia, Times, serif;
- padding: .5em 0;
+ padding: 0.5em 0;
}
-.pre-content h1,
-.content h1 {
- -webkit-hyphens: auto;
- -moz-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- font-family: "Linux Libertine", Georgia, Times, serif;
+h1 {
font-size: 1.7em;
- -ms-word-break: normal;
- word-break: normal;
- word-wrap: break-word;
}
h2 {
font-size: 1.5em;
@@ -276,8 +233,8 @@
bottom: 0;
}
.content ol ol,
-.content ol ul,
.content ul ol,
+.content ol ul,
.content ul ul {
margin-left: 1em;
}
@@ -292,10 +249,10 @@
.content ul {
list-style: square inside;
}
-.content ul>li>ul {
+.content ul > li > ul {
list-style-type: disc;
}
-.content ul>li>ul>li>ul {
+.content ul > li > ul > li > ul {
list-style-type: circle;
}
.content ol {
@@ -328,26 +285,31 @@
a.new,
a.new:visited,
a.new:hover {
- color: #CC0000;
+ color: #cc0000;
}
a.external {
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVElEQVR42n3PgQkAIAhEUXdqJ3dqJ3e6IoTPUSQcgj4EQ5IlUiLE0Jil3PECXhcHGBhZ8kg4hwxAu3MZeCGeyFnAXp4hqNQPnt7QL0nADpD6wHccLvnAKksq8iiaAAAAAElFTkSuQmCC);
background-image:
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.png?948bf)!ie;
- background-image: -webkit-linear-gradient(transparent,transparent),
url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cdefs%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M-.958-4.259c-1.134%200-2.056.922-2.056%202.056%200%20.394.143.736.336%201.049l-.07.056c-.373-.513-.954-.867-1.636-.867-1.134%200-2.056.922-2.056%202.056s.922%202.056%202.056%202.056c.596%200%201.121-.265%201.496-.671-.075.213-.126.433-.126.671%200%201.134.922%202.056%202.056%202.056s2.056-.922%202.056-2.056c0-.476-.189-.896-.462-1.245.813.158%201.627.477%202.224%201.399-.443-.443-.727-1.248-.727-2.336l-.378-.028.35-.014c0-1.087.27-1.893.713-2.336-.575.889-1.354%201.216-2.14%201.385.243-.337.42-.728.42-1.175%200-1.134-.922-2.056-2.056-2.056z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M0-2.828l-2.828%202.828%202.828%202.828%202.828-2.828-2.828-2.828z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M10%200l4-4-14%204%2014%204-4-4z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M.5%203.518h5.982v5.982h-5.982z%22%2F%3E%3Cpath%20d%3D%22M4.755-.16h5.234v5.39l-1.571%201.544-1.31-1.31-2.725%202.725-2.688-2.688%202.808-2.808-1.31-1.31z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M8.984.845l.022%204.884-1.817-1.817-2.881%202.881-1.227-1.227%202.881-2.881-1.85-1.851z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
- background-image: -webkit-linear-gradient(transparent,transparent),
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.svg?19955)!ie;
- background-image: linear-gradient(transparent,transparent),
url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cdefs%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M-.958-4.259c-1.134%200-2.056.922-2.056%202.056%200%20.394.143.736.336%201.049l-.07.056c-.373-.513-.954-.867-1.636-.867-1.134%200-2.056.922-2.056%202.056s.922%202.056%202.056%202.056c.596%200%201.121-.265%201.496-.671-.075.213-.126.433-.126.671%200%201.134.922%202.056%202.056%202.056s2.056-.922%202.056-2.056c0-.476-.189-.896-.462-1.245.813.158%201.627.477%202.224%201.399-.443-.443-.727-1.248-.727-2.336l-.378-.028.35-.014c0-1.087.27-1.893.713-2.336-.575.889-1.354%201.216-2.14%201.385.243-.337.42-.728.42-1.175%200-1.134-.922-2.056-2.056-2.056z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M0-2.828l-2.828%202.828%202.828%202.828%202.828-2.828-2.828-2.828z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M10%200l4-4-14%204%2014%204-4-4z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M.5%203.518h5.982v5.982h-5.982z%22%2F%3E%3Cpath%20d%3D%22M4.755-.16h5.234v5.39l-1.571%201.544-1.31-1.31-2.725%202.725-2.688-2.688%202.808-2.808-1.31-1.31z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M8.984.845l.022%204.884-1.817-1.817-2.881%202.881-1.227-1.227%202.881-2.881-1.85-1.851z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
- background-image: linear-gradient(transparent,transparent),
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.svg?19955)!ie;
- background-image: -o-linear-gradient(transparent,transparent),
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.png?948bf);
+ background-image: -webkit-linear-gradient(transparent, transparent),
url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cdefs%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M-.958-4.259c-1.134%200-2.056.922-2.056%202.056%200%20.394.143.736.336%201.049l-.07.056c-.373-.513-.954-.867-1.636-.867-1.134%200-2.056.922-2.056%202.056s.922%202.056%202.056%202.056c.596%200%201.121-.265%201.496-.671-.075.213-.126.433-.126.671%200%201.134.922%202.056%202.056%202.056s2.056-.922%202.056-2.056c0-.476-.189-.896-.462-1.245.813.158%201.627.477%202.224%201.399-.443-.443-.727-1.248-.727-2.336l-.378-.028.35-.014c0-1.087.27-1.893.713-2.336-.575.889-1.354%201.216-2.14%201.385.243-.337.42-.728.42-1.175%200-1.134-.922-2.056-2.056-2.056z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M0-2.828l-2.828%202.828%202.828%202.828%202.828-2.828-2.828-2.828z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M10%200l4-4-14%204%2014%204-4-4z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M.5%203.518h5.982v5.982h-5.982z%22%2F%3E%3Cpath%20d%3D%22M4.755-.16h5.234v5.39l-1.571%201.544-1.31-1.31-2.725%202.725-2.688-2.688%202.808-2.808-1.31-1.31z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M8.984.845l.022%204.884-1.817-1.817-2.881%202.881-1.227-1.227%202.881-2.881-1.85-1.851z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
+ background-image: -webkit-linear-gradient(transparent, transparent),
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.svg?19955)!ie;
+ background-image: linear-gradient(transparent, transparent),
url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cdefs%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M-.958-4.259c-1.134%200-2.056.922-2.056%202.056%200%20.394.143.736.336%201.049l-.07.056c-.373-.513-.954-.867-1.636-.867-1.134%200-2.056.922-2.056%202.056s.922%202.056%202.056%202.056c.596%200%201.121-.265%201.496-.671-.075.213-.126.433-.126.671%200%201.134.922%202.056%202.056%202.056s2.056-.922%202.056-2.056c0-.476-.189-.896-.462-1.245.813.158%201.627.477%202.224%201.399-.443-.443-.727-1.248-.727-2.336l-.378-.028.35-.014c0-1.087.27-1.893.713-2.336-.575.889-1.354%201.216-2.14%201.385.243-.337.42-.728.42-1.175%200-1.134-.922-2.056-2.056-2.056z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M0-2.828l-2.828%202.828%202.828%202.828%202.828-2.828-2.828-2.828z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M10%200l4-4-14%204%2014%204-4-4z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M.5%203.518h5.982v5.982h-5.982z%22%2F%3E%3Cpath%20d%3D%22M4.755-.16h5.234v5.39l-1.571%201.544-1.31-1.31-2.725%202.725-2.688-2.688%202.808-2.808-1.31-1.31z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M8.984.845l.022%204.884-1.817-1.817-2.881%202.881-1.227-1.227%202.881-2.881-1.85-1.851z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
+ background-image: linear-gradient(transparent, transparent),
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.svg?19955)!ie;
+ background-image: -o-linear-gradient(transparent, transparent),
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.png?948bf);
background-repeat: no-repeat;
background-position: center right;
padding-right: 13px;
}
-.content .return-link,
-.content #mw-mf-last-modified {
+.return-link,
+#mw-mf-last-modified {
display: block;
font-size: .9em;
+}
+.return-link.last-modified-bottom,
+#mw-mf-last-modified.last-modified-bottom {
margin-top: 1.5em;
}
+/* Plainlinks - this can be used to switch
+ * off special external link styling */
.plainlinks a {
background: none !important;
padding: 0 !important;
@@ -366,7 +328,7 @@
code,
pre {
font-family: monospace;
- border: solid 1px #CCC;
+ border: solid 1px #cccccc;
white-space: pre-wrap;
}
code {
@@ -401,19 +363,30 @@
text-align: left;
}
.content table.wikitable {
- border: 1px solid #CCC;
+ border: 1px solid #cccccc;
}
.content table.wikitable > tr > th,
.content table.wikitable > tr > td,
.content table.wikitable > * > tr > th,
.content table.wikitable > * > tr > td {
- border: 1px solid #CCC;
+ border: 1px solid #cccccc;
padding: .2em;
}
.content table.wikitable > tr > th,
.content table.wikitable > * > tr > th {
- background-color: #EEE;
+ background-color: #eeeeee;
}
+/*
+A file for css that corrects known rendering issues on known Wikimedia wikis.
+
+the following definitions exist to deal with certain inline styles
+present in wikitext.
+This file should not need to exist
+It will become redundant when the following RFC is resolved:
+https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
+
+FIXME: Review all of these hacks to see if they still apply.
+*/
.content .sistersitebox,
.content .tmbox,
.content .ambox,
@@ -435,13 +408,13 @@
border: none;
margin-bottom: 2em;
text-align: left;
- background-color: #F9F9F9;
+ background-color: #f9f9f9;
}
.content table.infobox th,
.content table.infobox td {
vertical-align: top;
border: none;
- border-bottom: 1px solid #DDD;
+ border-bottom: 1px solid #dddddd;
padding: .2em;
}
.content table.infobox tr:last-child th,
@@ -452,6 +425,7 @@
.mw-editsection {
display: none;
}
+/* force portals to use a one column layout on mobile */
.skin-minerva .portal-column-left-wide,
.skin-minerva .portal-column-left,
.skin-minerva .portal-column-right,
@@ -462,6 +436,10 @@
.collapsible td {
width: auto !important;
}
+/* bug 34878: Set an optimal width for a column.
+ * Makes sure that on small screens column-count is only honored if
column-width hint is not violated.
+ * https://developer.mozilla.org/en-US/docs/CSS/column-width
+ */
.references-column-count {
-moz-column-width: 35em;
-webkit-column-width: 35em;
@@ -474,7 +452,7 @@
.dablink,
.rellink {
padding: 0 0 .6em 0;
- color: #777;
+ color: #777777;
font-size: .8em;
font-style: italic;
}
@@ -504,86 +482,47 @@
Eventually fix this by supporting loading Mobile.css in the app
*/
/* Copied from Common.css - allow for hiding text in compact form e.g. clean
up templates */
-/* Mobile template hacks (see bug 54176) */
-/* Temporary fix for bug 53437 - nav boxes can disrupt reading experience on
smaller screens
-TODO: Update template to have nomobile class */
-/* Tablet specific styling */
-/* For linked citation numbers and document IDs, where
- the number need not be shown on a screen or a handheld,
- but should be included in the printed version
-TODO: Move to Citation template when templates have stylesheets
-See
https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
-*/
-/* Styling for citations (CSS3). Breaks long urls, etc., rather than
overflowing box
-*/
-/* Default styling for Navbar template
-TODO: Move to Navbar template when templates have stylesheets
-See
https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
-*/
-/* Navbar styling when nested in infobox and navbox */
-/* Style for horizontal lists (separator following item).
- @source mediawiki.org/wiki/Snippets/Horizontal_lists
- @revision 4.2 (2013-11-20)
- @author: [[User:Edokter]]
-*/
-/* Display list items inline */
-/* Display nested lists inline */
-/* Generate interpuncts */
-/* Add parentheses around nested lists */
-/* Put ordinals in front of ordered list items */
-/* Unbulleted lists e.g. Barack Obama page */
-/* CODE FOR COMPACT AMBOX */
-/* Hide the images */
-/* Remove borders, backgrounds, padding, etc.
-Please document here what pages use this
-*/
-/* Style the text cell as a list item and remove its padding */
-/* Allow for hiding text in compact form */
-/* Hatnotes and disambiguation notices */
-/* Geographical coordinates defaults. See [[Template:Coord/link]]
- for how these are used. The classes "geo", "longitude", and
- "latitude" are used by the [[Geo microformat]]. */
-/* Prevent line breaks in silly places:
- 1) Where desired
- 2) Links when we don't want them to
- 3) Bold "links" to the page itself
- 4) Ref tags with group names <ref group="Note"> --> "[Note 1]"
-Please document here what pages use this
-*/
-/* But allow wrapping where desired: */
-/* Hide stuff meant for accounts with special permissions. Made visible again
in
- [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]] and
- [[MediaWiki:Group-autoconfirmed.css]]. */
-/* Until Geohack is mobile optimised and/or there is a nice alternative e.g.
map namespace */
-/* hidden sortkey for tablesorter */
-/* Pie chart: Transparent borders */
-/* Disabling column-count for {{reflist}} and {{refbegin}} */
-/* Show fallback math formulas, since MathML is hidden */
.hide-when-compact {
display: none;
}
+/* Mobile template hacks (see bug 54176) */
.mobile-float-reset {
float: none !important;
width: 100% !important;
}
+/* Temporary fix for bug 53437 - nav boxes can disrupt reading experience on
smaller screens
+TODO: Update template to have nomobile class */
#content .vertical-navbox,
#content .navbox {
display: none;
}
+/* Tablet specific styling */
@media all and (min-width: 768px) {
#content .vertical-navbox,
#content .navbox {
display: inherit;
}
}
-@media screen,handheld {
+/* For linked citation numbers and document IDs, where
+ the number need not be shown on a screen or a handheld,
+ but should be included in the printed version
+TODO: Move to Citation template when templates have stylesheets
+See
https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
+*/
+@media screen, handheld {
.citation *.printonly {
display: none;
}
}
+/* Styling for citations (CSS3). Breaks long urls, etc., rather than
overflowing box
+*/
.citation {
word-wrap: break-word;
}
+/* Default styling for Navbar template
+TODO: Move to Navbar template when templates have stylesheets
+See
https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
+*/
.navbar {
display: inline;
font-size: 88%;
@@ -599,6 +538,7 @@
.navbar.mini li span {
font-variant: small-caps;
}
+/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
font-size: 100%;
}
@@ -615,18 +555,25 @@
margin-right: 0.5em;
width: 6em;
}
+/* Style for horizontal lists (separator following item).
+ @source mediawiki.org/wiki/Snippets/Horizontal_lists
+ @revision 4.2 (2013-11-20)
+ @author: [[User:Edokter]]
+*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
+/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
+/* Display nested lists inline */
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
@@ -638,6 +585,7 @@
.hlist ul ul {
display: inline;
}
+/* Generate interpuncts */
#content .hlist dt:after {
content: ": ";
}
@@ -651,6 +599,7 @@
#content .hlist li:last-child:after {
content: none;
}
+/* Add parentheses around nested lists */
#content .hlist dd dd:first-child:before,
#content .hlist dd dt:first-child:before,
#content .hlist dd li:first-child:before,
@@ -675,6 +624,7 @@
content: ") ";
font-weight: normal;
}
+/* Put ordinals in front of ordered list items */
#content .hlist ol {
counter-reset: list-item;
}
@@ -689,14 +639,20 @@
#content .hlist li ol > li:first-child:before {
content: " (" counter(list-item) " ";
}
+/* Unbulleted lists e.g. Barack Obama page */
.plainlist ul {
list-style: none;
}
+/* CODE FOR COMPACT AMBOX */
+/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
display: none;
}
+/* Remove borders, backgrounds, padding, etc.
+Please document here what pages use this
+*/
.compact-ambox table.ambox {
border: none;
border-collapse: collapse;
@@ -711,6 +667,7 @@
width: auto;
margin: 0;
}
+/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
padding: 0 !important;
margin: 0 !important;
@@ -721,9 +678,11 @@
list-style-type: square;
list-style-image:
url(data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=);
}
+/* Allow for hiding text in compact form */
.compact-ambox .hide-when-compact {
display: none;
}
+/* Hatnotes and disambiguation notices */
.rellink,
.dablink,
.hatnote {
@@ -741,6 +700,9 @@
padding-left: 1.6em;
margin-bottom: 0.5em;
}
+/* Geographical coordinates defaults. See [[Template:Coord/link]]
+ for how these are used. The classes "geo", "longitude", and
+ "latitude" are used by the [[Geo microformat]]. */
.geo-default,
.geo-dms,
.geo-dec {
@@ -754,16 +716,27 @@
.latitude {
white-space: nowrap;
}
+/* Prevent line breaks in silly places:
+ 1) Where desired
+ 2) Links when we don't want them to
+ 3) Bold "links" to the page itself
+ 4) Ref tags with group names <ref group="Note"> --> "[Note 1]"
+Please document here what pages use this
+*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
white-space: nowrap;
}
+/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
+/* Hide stuff meant for accounts with special permissions. Made visible again
in
+ [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]] and
+ [[MediaWiki:Group-autoconfirmed.css]]. */
.sysop-show,
.accountcreator-show,
.autoconfirmed-show {
@@ -790,6 +763,7 @@
-webkit-background-size: auto 15px;
background-size: auto 15px;
}
+/* Until Geohack is mobile optimised and/or there is a nice alternative e.g.
map namespace */
.alpha #li-coordinates {
display: list-item;
}
@@ -802,19 +776,23 @@
.topicon {
display: none;
}
+/* hidden sortkey for tablesorter */
td .sortkey,
th .sortkey {
display: none;
speak: none;
}
+/* Pie chart: Transparent borders */
.transborder {
border: solid transparent;
}
+/* Disabling column-count for {{reflist}} and {{refbegin}} */
.references-column-count {
-moz-column-count: 1 !important;
-webkit-column-count: 1 !important;
column-count: 1 !important;
}
+/* Show fallback math formulas, since MathML is hidden */
.mwe-math-fallback-image-inline {
display: inline-block;
max-width: 100%;
diff --git a/app/src/main/assets/styles.css b/app/src/main/assets/styles.css
index 4b58175..a6d7a16 100644
--- a/app/src/main/assets/styles.css
+++ b/app/src/main/assets/styles.css
@@ -2,7 +2,6 @@
v2.0 | 20110126
License: none (public domain)
*/
-/* use -webkit prefix for older android browsers eg. nexus 1 */
html,
body,
div,
@@ -91,26 +90,7 @@
}
table {
border-collapse: collapse;
-}/*
-A file for css that corrects known rendering issues on known Wikimedia wikis.
-
-the following definitions exist to deal with certain inline styles
-present in wikitext.
-This file should not need to exist
-It will become redundant when the following RFC is resolved:
-https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
-
-FIXME: Review all of these hacks to see if they still apply.
-*/
-/* use -webkit prefix for older android browsers eg. nexus 1 */
-/* Plainlinks - this can be used to switch
- * off special external link styling */
-/* force portals to use a one column layout on mobile */
-/* bug 34878: Set an optimal width for a column.
- * Makes sure that on small screens column-count is only honored if
column-width hint is not violated.
- * https://developer.mozilla.org/en-US/docs/CSS/column-width
- */
-html {
+}html {
-webkit-text-size-adjust: none;
font-size: 100%;
}
@@ -120,9 +100,13 @@
color: #252525;
background: #fff;
}
+.pre-content,
+.content,
+.post-content {
+ margin: 0 16px;
+}
.content {
line-height: 1.65;
- margin: .8em 16px 0;
word-wrap: break-word;
}
@media all and (max-width: 280px) {
@@ -161,11 +145,11 @@
font-size: .8em;
line-height: 1.5;
padding: 0 !important;
- color: #555;
+ color: #555555;
width: auto !important;
}
.content .thumbborder {
- border: 1px solid #CCC;
+ border: 1px solid #cccccc;
}
.content img {
vertical-align: middle;
@@ -193,54 +177,27 @@
.content div.magnify {
display: none;
}
-ul.gallery {
- list-style: none;
- max-width: 100%;
-}
-ul.gallery .gallerybox {
- display: inline-block;
- vertical-align: top;
- max-width: 100%;
-}
-ul.gallery .gallerybox .thumb img {
- display: block;
-}
-ul.gallery .gallerybox > div {
- max-width: 100%;
-}
-ul.gallery .gallerybox > div > .thumb {
- max-width: 100%;
-}
-ul.gallery .gallerybox .gallerytext {
- overflow: hidden;
- padding: 2px 4px;
- word-wrap: break-word;
- font-size: .8em;
-}
-#section_0 {
- line-height: 1.3;
-}
+.pre-content h1,
.content h1,
+.content h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: "Linux Libertine", Georgia, Times, serif;
+ line-height: 1.3;
+ word-wrap: break-word;
+ word-break: break-word;
+}
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
- line-height: 1.3;
- font-family: "Linux Libertine", Georgia, Times, serif;
- padding: .5em 0;
+ padding: 0.5em 0;
}
-.pre-content h1,
-.content h1 {
- -webkit-hyphens: auto;
- -moz-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- font-family: "Linux Libertine", Georgia, Times, serif;
+h1 {
font-size: 1.7em;
- -ms-word-break: normal;
- word-break: normal;
- word-wrap: break-word;
}
h2 {
font-size: 1.5em;
@@ -276,8 +233,8 @@
bottom: 0;
}
.content ol ol,
-.content ol ul,
.content ul ol,
+.content ol ul,
.content ul ul {
margin-left: 1em;
}
@@ -292,10 +249,10 @@
.content ul {
list-style: square inside;
}
-.content ul>li>ul {
+.content ul > li > ul {
list-style-type: disc;
}
-.content ul>li>ul>li>ul {
+.content ul > li > ul > li > ul {
list-style-type: circle;
}
.content ol {
@@ -328,26 +285,31 @@
a.new,
a.new:visited,
a.new:hover {
- color: #CC0000;
+ color: #cc0000;
}
a.external {
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVElEQVR42n3PgQkAIAhEUXdqJ3dqJ3e6IoTPUSQcgj4EQ5IlUiLE0Jil3PECXhcHGBhZ8kg4hwxAu3MZeCGeyFnAXp4hqNQPnt7QL0nADpD6wHccLvnAKksq8iiaAAAAAElFTkSuQmCC);
background-image:
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.png?948bf)!ie;
- background-image: -webkit-linear-gradient(transparent,transparent),
url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cdefs%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M-.958-4.259c-1.134%200-2.056.922-2.056%202.056%200%20.394.143.736.336%201.049l-.07.056c-.373-.513-.954-.867-1.636-.867-1.134%200-2.056.922-2.056%202.056s.922%202.056%202.056%202.056c.596%200%201.121-.265%201.496-.671-.075.213-.126.433-.126.671%200%201.134.922%202.056%202.056%202.056s2.056-.922%202.056-2.056c0-.476-.189-.896-.462-1.245.813.158%201.627.477%202.224%201.399-.443-.443-.727-1.248-.727-2.336l-.378-.028.35-.014c0-1.087.27-1.893.713-2.336-.575.889-1.354%201.216-2.14%201.385.243-.337.42-.728.42-1.175%200-1.134-.922-2.056-2.056-2.056z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M0-2.828l-2.828%202.828%202.828%202.828%202.828-2.828-2.828-2.828z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M10%200l4-4-14%204%2014%204-4-4z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M.5%203.518h5.982v5.982h-5.982z%22%2F%3E%3Cpath%20d%3D%22M4.755-.16h5.234v5.39l-1.571%201.544-1.31-1.31-2.725%202.725-2.688-2.688%202.808-2.808-1.31-1.31z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M8.984.845l.022%204.884-1.817-1.817-2.881%202.881-1.227-1.227%202.881-2.881-1.85-1.851z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
- background-image: -webkit-linear-gradient(transparent,transparent),
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.svg?19955)!ie;
- background-image: linear-gradient(transparent,transparent),
url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cdefs%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M-.958-4.259c-1.134%200-2.056.922-2.056%202.056%200%20.394.143.736.336%201.049l-.07.056c-.373-.513-.954-.867-1.636-.867-1.134%200-2.056.922-2.056%202.056s.922%202.056%202.056%202.056c.596%200%201.121-.265%201.496-.671-.075.213-.126.433-.126.671%200%201.134.922%202.056%202.056%202.056s2.056-.922%202.056-2.056c0-.476-.189-.896-.462-1.245.813.158%201.627.477%202.224%201.399-.443-.443-.727-1.248-.727-2.336l-.378-.028.35-.014c0-1.087.27-1.893.713-2.336-.575.889-1.354%201.216-2.14%201.385.243-.337.42-.728.42-1.175%200-1.134-.922-2.056-2.056-2.056z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M0-2.828l-2.828%202.828%202.828%202.828%202.828-2.828-2.828-2.828z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M10%200l4-4-14%204%2014%204-4-4z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M.5%203.518h5.982v5.982h-5.982z%22%2F%3E%3Cpath%20d%3D%22M4.755-.16h5.234v5.39l-1.571%201.544-1.31-1.31-2.725%202.725-2.688-2.688%202.808-2.808-1.31-1.31z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M8.984.845l.022%204.884-1.817-1.817-2.881%202.881-1.227-1.227%202.881-2.881-1.85-1.851z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
- background-image: linear-gradient(transparent,transparent),
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.svg?19955)!ie;
- background-image: -o-linear-gradient(transparent,transparent),
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.png?948bf);
+ background-image: -webkit-linear-gradient(transparent, transparent),
url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cdefs%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M-.958-4.259c-1.134%200-2.056.922-2.056%202.056%200%20.394.143.736.336%201.049l-.07.056c-.373-.513-.954-.867-1.636-.867-1.134%200-2.056.922-2.056%202.056s.922%202.056%202.056%202.056c.596%200%201.121-.265%201.496-.671-.075.213-.126.433-.126.671%200%201.134.922%202.056%202.056%202.056s2.056-.922%202.056-2.056c0-.476-.189-.896-.462-1.245.813.158%201.627.477%202.224%201.399-.443-.443-.727-1.248-.727-2.336l-.378-.028.35-.014c0-1.087.27-1.893.713-2.336-.575.889-1.354%201.216-2.14%201.385.243-.337.42-.728.42-1.175%200-1.134-.922-2.056-2.056-2.056z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M0-2.828l-2.828%202.828%202.828%202.828%202.828-2.828-2.828-2.828z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M10%200l4-4-14%204%2014%204-4-4z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M.5%203.518h5.982v5.982h-5.982z%22%2F%3E%3Cpath%20d%3D%22M4.755-.16h5.234v5.39l-1.571%201.544-1.31-1.31-2.725%202.725-2.688-2.688%202.808-2.808-1.31-1.31z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M8.984.845l.022%204.884-1.817-1.817-2.881%202.881-1.227-1.227%202.881-2.881-1.85-1.851z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
+ background-image: -webkit-linear-gradient(transparent, transparent),
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.svg?19955)!ie;
+ background-image: linear-gradient(transparent, transparent),
url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cdefs%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M-.958-4.259c-1.134%200-2.056.922-2.056%202.056%200%20.394.143.736.336%201.049l-.07.056c-.373-.513-.954-.867-1.636-.867-1.134%200-2.056.922-2.056%202.056s.922%202.056%202.056%202.056c.596%200%201.121-.265%201.496-.671-.075.213-.126.433-.126.671%200%201.134.922%202.056%202.056%202.056s2.056-.922%202.056-2.056c0-.476-.189-.896-.462-1.245.813.158%201.627.477%202.224%201.399-.443-.443-.727-1.248-.727-2.336l-.378-.028.35-.014c0-1.087.27-1.893.713-2.336-.575.889-1.354%201.216-2.14%201.385.243-.337.42-.728.42-1.175%200-1.134-.922-2.056-2.056-2.056z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M0-2.828l-2.828%202.828%202.828%202.828%202.828-2.828-2.828-2.828z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3Cmarker%20orient%3D%22auto%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M10%200l4-4-14%204%2014%204-4-4z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22NaN%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M.5%203.518h5.982v5.982h-5.982z%22%2F%3E%3Cpath%20d%3D%22M4.755-.16h5.234v5.39l-1.571%201.544-1.31-1.31-2.725%202.725-2.688-2.688%202.808-2.808-1.31-1.31z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M8.984.845l.022%204.884-1.817-1.817-2.881%202.881-1.227-1.227%202.881-2.881-1.85-1.851z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
+ background-image: linear-gradient(transparent, transparent),
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.svg?19955)!ie;
+ background-image: -o-linear-gradient(transparent, transparent),
url(http://127.0.0.1:8080/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.png?948bf);
background-repeat: no-repeat;
background-position: center right;
padding-right: 13px;
}
-.content .return-link,
-.content #mw-mf-last-modified {
+.return-link,
+#mw-mf-last-modified {
display: block;
font-size: .9em;
+}
+.return-link.last-modified-bottom,
+#mw-mf-last-modified.last-modified-bottom {
margin-top: 1.5em;
}
+/* Plainlinks - this can be used to switch
+ * off special external link styling */
.plainlinks a {
background: none !important;
padding: 0 !important;
@@ -366,7 +328,7 @@
code,
pre {
font-family: monospace;
- border: solid 1px #CCC;
+ border: solid 1px #cccccc;
white-space: pre-wrap;
}
code {
@@ -401,19 +363,30 @@
text-align: left;
}
.content table.wikitable {
- border: 1px solid #CCC;
+ border: 1px solid #cccccc;
}
.content table.wikitable > tr > th,
.content table.wikitable > tr > td,
.content table.wikitable > * > tr > th,
.content table.wikitable > * > tr > td {
- border: 1px solid #CCC;
+ border: 1px solid #cccccc;
padding: .2em;
}
.content table.wikitable > tr > th,
.content table.wikitable > * > tr > th {
- background-color: #EEE;
+ background-color: #eeeeee;
}
+/*
+A file for css that corrects known rendering issues on known Wikimedia wikis.
+
+the following definitions exist to deal with certain inline styles
+present in wikitext.
+This file should not need to exist
+It will become redundant when the following RFC is resolved:
+https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
+
+FIXME: Review all of these hacks to see if they still apply.
+*/
.content .sistersitebox,
.content .tmbox,
.content .ambox,
@@ -435,13 +408,13 @@
border: none;
margin-bottom: 2em;
text-align: left;
- background-color: #F9F9F9;
+ background-color: #f9f9f9;
}
.content table.infobox th,
.content table.infobox td {
vertical-align: top;
border: none;
- border-bottom: 1px solid #DDD;
+ border-bottom: 1px solid #dddddd;
padding: .2em;
}
.content table.infobox tr:last-child th,
@@ -452,6 +425,7 @@
.mw-editsection {
display: none;
}
+/* force portals to use a one column layout on mobile */
.skin-minerva .portal-column-left-wide,
.skin-minerva .portal-column-left,
.skin-minerva .portal-column-right,
@@ -462,6 +436,10 @@
.collapsible td {
width: auto !important;
}
+/* bug 34878: Set an optimal width for a column.
+ * Makes sure that on small screens column-count is only honored if
column-width hint is not violated.
+ * https://developer.mozilla.org/en-US/docs/CSS/column-width
+ */
.references-column-count {
-moz-column-width: 35em;
-webkit-column-width: 35em;
@@ -474,7 +452,7 @@
.dablink,
.rellink {
padding: 0 0 .6em 0;
- color: #777;
+ color: #777777;
font-size: .8em;
font-style: italic;
}
@@ -497,8 +475,8 @@
}/* Loading animation in pure CSS
Thanks to http://dabblet.com/gist/7708654 */
.loading {
- border: 4px solid rgba(0,0,0,0.1);
- border-top: 4px solid rgba(0,0,0,0.4);
+ border: 4px solid rgba(0, 0, 0, 0.1);
+ border-top: 4px solid rgba(0, 0, 0, 0.4);
border-radius: 100%;
-webkit-animation: rot .6s infinite linear;
}
@@ -535,7 +513,7 @@
position: relative;
}
a.edit_section_button:active {
- background-color: rgba(128,128,128,0.1);
+ background-color: rgba(128, 128, 128, 0.1);
}
a.edit_section_button.android:active {
background-color: transparent;
@@ -548,8 +526,8 @@
border-radius: 50%;
-webkit-transform: scale(0);
transform: scale(0);
- -webkit-transition: transform 300ms cubic-bezier(0.250,0.460,0.450,0.940);
- transition: transform 300ms cubic-bezier(0.250,0.460,0.450,0.940);
+ -webkit-transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45,
0.9399999999999999);
+ transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45,
0.9399999999999999);
/* ease out quad */
}
a.edit_section_button.android:active:before {
@@ -559,8 +537,8 @@
top: -50%;
left: -50%;
background-color: #eee;
- -webkit-transform: scale(.6);
- transform: scale(.6);
+ -webkit-transform: scale(0.6);
+ transform: scale(0.6);
}
.no-editing a.edit_section_button {
display: none;
@@ -638,7 +616,7 @@
margin-top: 14px;
margin-bottom: 14px;
border-radius: 2px;
- box-shadow: 0 1px 4px 0 rgba(0,0,0,0.12), 0 0 1px 0 rgba(0,0,0,0.18);
+ box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.18);
}
.app_table_collapsed_container {
padding-left: 12px;
@@ -695,86 +673,47 @@
Eventually fix this by supporting loading Mobile.css in the app
*/
/* Copied from Common.css - allow for hiding text in compact form e.g. clean
up templates */
-/* Mobile template hacks (see bug 54176) */
-/* Temporary fix for bug 53437 - nav boxes can disrupt reading experience on
smaller screens
-TODO: Update template to have nomobile class */
-/* Tablet specific styling */
-/* For linked citation numbers and document IDs, where
- the number need not be shown on a screen or a handheld,
- but should be included in the printed version
-TODO: Move to Citation template when templates have stylesheets
-See
https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
-*/
-/* Styling for citations (CSS3). Breaks long urls, etc., rather than
overflowing box
-*/
-/* Default styling for Navbar template
-TODO: Move to Navbar template when templates have stylesheets
-See
https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
-*/
-/* Navbar styling when nested in infobox and navbox */
-/* Style for horizontal lists (separator following item).
- @source mediawiki.org/wiki/Snippets/Horizontal_lists
- @revision 4.2 (2013-11-20)
- @author: [[User:Edokter]]
-*/
-/* Display list items inline */
-/* Display nested lists inline */
-/* Generate interpuncts */
-/* Add parentheses around nested lists */
-/* Put ordinals in front of ordered list items */
-/* Unbulleted lists e.g. Barack Obama page */
-/* CODE FOR COMPACT AMBOX */
-/* Hide the images */
-/* Remove borders, backgrounds, padding, etc.
-Please document here what pages use this
-*/
-/* Style the text cell as a list item and remove its padding */
-/* Allow for hiding text in compact form */
-/* Hatnotes and disambiguation notices */
-/* Geographical coordinates defaults. See [[Template:Coord/link]]
- for how these are used. The classes "geo", "longitude", and
- "latitude" are used by the [[Geo microformat]]. */
-/* Prevent line breaks in silly places:
- 1) Where desired
- 2) Links when we don't want them to
- 3) Bold "links" to the page itself
- 4) Ref tags with group names <ref group="Note"> --> "[Note 1]"
-Please document here what pages use this
-*/
-/* But allow wrapping where desired: */
-/* Hide stuff meant for accounts with special permissions. Made visible again
in
- [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]] and
- [[MediaWiki:Group-autoconfirmed.css]]. */
-/* Until Geohack is mobile optimised and/or there is a nice alternative e.g.
map namespace */
-/* hidden sortkey for tablesorter */
-/* Pie chart: Transparent borders */
-/* Disabling column-count for {{reflist}} and {{refbegin}} */
-/* Show fallback math formulas, since MathML is hidden */
.hide-when-compact {
display: none;
}
+/* Mobile template hacks (see bug 54176) */
.mobile-float-reset {
float: none !important;
width: 100% !important;
}
+/* Temporary fix for bug 53437 - nav boxes can disrupt reading experience on
smaller screens
+TODO: Update template to have nomobile class */
#content .vertical-navbox,
#content .navbox {
display: none;
}
+/* Tablet specific styling */
@media all and (min-width: 768px) {
#content .vertical-navbox,
#content .navbox {
display: inherit;
}
}
-@media screen,handheld {
+/* For linked citation numbers and document IDs, where
+ the number need not be shown on a screen or a handheld,
+ but should be included in the printed version
+TODO: Move to Citation template when templates have stylesheets
+See
https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
+*/
+@media screen, handheld {
.citation *.printonly {
display: none;
}
}
+/* Styling for citations (CSS3). Breaks long urls, etc., rather than
overflowing box
+*/
.citation {
word-wrap: break-word;
}
+/* Default styling for Navbar template
+TODO: Move to Navbar template when templates have stylesheets
+See
https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
+*/
.navbar {
display: inline;
font-size: 88%;
@@ -790,6 +729,7 @@
.navbar.mini li span {
font-variant: small-caps;
}
+/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
font-size: 100%;
}
@@ -806,18 +746,25 @@
margin-right: 0.5em;
width: 6em;
}
+/* Style for horizontal lists (separator following item).
+ @source mediawiki.org/wiki/Snippets/Horizontal_lists
+ @revision 4.2 (2013-11-20)
+ @author: [[User:Edokter]]
+*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
+/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
+/* Display nested lists inline */
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
@@ -829,6 +776,7 @@
.hlist ul ul {
display: inline;
}
+/* Generate interpuncts */
#content .hlist dt:after {
content: ": ";
}
@@ -842,6 +790,7 @@
#content .hlist li:last-child:after {
content: none;
}
+/* Add parentheses around nested lists */
#content .hlist dd dd:first-child:before,
#content .hlist dd dt:first-child:before,
#content .hlist dd li:first-child:before,
@@ -866,6 +815,7 @@
content: ") ";
font-weight: normal;
}
+/* Put ordinals in front of ordered list items */
#content .hlist ol {
counter-reset: list-item;
}
@@ -880,14 +830,20 @@
#content .hlist li ol > li:first-child:before {
content: " (" counter(list-item) " ";
}
+/* Unbulleted lists e.g. Barack Obama page */
.plainlist ul {
list-style: none;
}
+/* CODE FOR COMPACT AMBOX */
+/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
display: none;
}
+/* Remove borders, backgrounds, padding, etc.
+Please document here what pages use this
+*/
.compact-ambox table.ambox {
border: none;
border-collapse: collapse;
@@ -902,6 +858,7 @@
width: auto;
margin: 0;
}
+/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
padding: 0 !important;
margin: 0 !important;
@@ -912,9 +869,11 @@
list-style-type: square;
list-style-image:
url(data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=);
}
+/* Allow for hiding text in compact form */
.compact-ambox .hide-when-compact {
display: none;
}
+/* Hatnotes and disambiguation notices */
.rellink,
.dablink,
.hatnote {
@@ -932,6 +891,9 @@
padding-left: 1.6em;
margin-bottom: 0.5em;
}
+/* Geographical coordinates defaults. See [[Template:Coord/link]]
+ for how these are used. The classes "geo", "longitude", and
+ "latitude" are used by the [[Geo microformat]]. */
.geo-default,
.geo-dms,
.geo-dec {
@@ -945,16 +907,27 @@
.latitude {
white-space: nowrap;
}
+/* Prevent line breaks in silly places:
+ 1) Where desired
+ 2) Links when we don't want them to
+ 3) Bold "links" to the page itself
+ 4) Ref tags with group names <ref group="Note"> --> "[Note 1]"
+Please document here what pages use this
+*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
white-space: nowrap;
}
+/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
+/* Hide stuff meant for accounts with special permissions. Made visible again
in
+ [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]] and
+ [[MediaWiki:Group-autoconfirmed.css]]. */
.sysop-show,
.accountcreator-show,
.autoconfirmed-show {
@@ -981,6 +954,7 @@
-webkit-background-size: auto 15px;
background-size: auto 15px;
}
+/* Until Geohack is mobile optimised and/or there is a nice alternative e.g.
map namespace */
.alpha #li-coordinates {
display: list-item;
}
@@ -993,19 +967,23 @@
.topicon {
display: none;
}
+/* hidden sortkey for tablesorter */
td .sortkey,
th .sortkey {
display: none;
speak: none;
}
+/* Pie chart: Transparent borders */
.transborder {
border: solid transparent;
}
+/* Disabling column-count for {{reflist}} and {{refbegin}} */
.references-column-count {
-moz-column-count: 1 !important;
-webkit-column-count: 1 !important;
column-count: 1 !important;
}
+/* Show fallback math formulas, since MathML is hidden */
.mwe-math-fallback-image-inline {
display: inline-block;
max-width: 100%;
@@ -1029,9 +1007,6 @@
margin-right: auto;
}
-/* Center text beneath images now that images are centered. */
-/* Add a little breathing room beneath thumb captions - see enwiki "Vincent
van Gogh > Paris (1886-1888)" */
-/* Wrangle extra margin - see enwiki "Claude Monet > Impressionism" */
.wideImageOverride {
/* Center images. */
display: block;
@@ -1067,13 +1042,16 @@
height: auto !important;
}
}
+/* Center text beneath images now that images are centered. */
.thumbinner,
.gallerytext {
text-align: center;
}
+/* Add a little breathing room beneath thumb captions - see enwiki "Vincent
van Gogh > Paris (1886-1888)" */
.thumbcaption {
margin-bottom: 1.5em !important;
}
+/* Wrangle extra margin - see enwiki "Claude Monet > Impressionism" */
li.gallerybox div.thumb > div {
margin: 0px !important;
}
--
To view, visit https://gerrit.wikimedia.org/r/248363
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: Ide01dec17372a50710234dabc6abb5ceb8757744
Gerrit-PatchSet: 1
Gerrit-Project: apps/android/wikipedia
Gerrit-Branch: master
Gerrit-Owner: BearND <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
