Mholloway has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/282057

Change subject: Update bundled CSS
......................................................................

Update bundled CSS

Updates bundled CSS with the latest from MobileFrontend, via
scripts/make-css-assets.bash

Change-Id: Ic6bcd344566c99b91b6a644e92cc16646fd6f950
---
M app/src/main/assets/night.css
M app/src/main/assets/preview.css
M app/src/main/assets/styles.css
3 files changed, 258 insertions(+), 465 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/apps/android/wikipedia 
refs/changes/57/282057/1

diff --git a/app/src/main/assets/night.css b/app/src/main/assets/night.css
index 2b0cb7c..b7facdc 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;
@@ -9,16 +7,18 @@
 }
 a.external {
   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;
+  background-image: 
url(/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 2311463..192044a 100644
--- a/app/src/main/assets/preview.css
+++ b/app/src/main/assets/preview.css
@@ -1,8 +1,12 @@
+/*
+Problematic modules: {
+    "ext.cite.style": "missing"
+}
+*/
 /* Fork of http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
 */
-/* use -webkit prefix for older android browsers eg. nexus 1 */
 html,
 body,
 div,
@@ -91,26 +95,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 +105,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 +150,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 +182,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 +238,8 @@
   bottom: 0;
 }
 .content ol ol,
-.content ol ul,
 .content ul ol,
+.content ol ul,
 .content ul ul {
   margin-left: 1em;
 }
@@ -292,10 +254,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 +290,26 @@
 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: 
url(/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.png?948bf)!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%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M.5%203.518h5.982V9.5H.5z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M4.755-.16H9.99v5.39L8.417%206.774l-1.31-1.31L4.383%208.19%201.695%205.5l2.808-2.807-1.31-1.31z%22%20fill%3D%22%2306f%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.984.845l.022%204.884L7.19%203.91l-2.882%202.88L3.08%205.567l2.882-2.88L4.112.833z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A);
+  background-image: linear-gradient(transparent, transparent), 
url(/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.svg?acafc)!ie;
+  background-image: -o-linear-gradient(transparent, transparent), 
url(/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;
   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;
 }
@@ -482,7 +460,7 @@
   margin: 0 0 0.8em !important;
   width: auto !important;
 }
-@media all and (max-width: 768px) {
+@media all and (max-width: 720px) {
   .gallery .gallerybox {
     width: 100% !important;
   }
@@ -494,88 +472,6 @@
     display: block !important;
     width: auto !important;
   }
-}/* CSS for Parsoid Cite extension */
-
-/* Style for <ref>s */
-span.mw-ref {
-       vertical-align: super;
-       line-height: 1;
-       font-size: smaller;
-       /* Make sure the brackets and the numbers aren't jumbled after LTR 
words in RTL wikis */
-       unicode-bidi: embed;
-}
-
-/* With a group set */
-span.mw-ref a[data-mw-group]::after {
-       content: "[" attr(data-mw-group) " " counter(mw-Ref, decimal) "]"}
-
-/* Groups with special appearance */
-span.mw-ref a[data-mw-group="decimal"]::after {
-       content: "[" counter(mw-Ref, decimal) "]";
-}
-span.mw-ref a[data-mw-group="lower-alpha"]::after {
-       content: "[" counter(mw-Ref, lower-alpha) "]";
-}
-span.mw-ref a[data-mw-group="upper-alpha"]::after {
-       content: "[" counter(mw-Ref, upper-alpha) "]";
-}
-span.mw-ref a[data-mw-group="lower-greek"]::after {
-       content: "[" counter(mw-Ref, lower-greek) "]";
-}
-span.mw-ref a[data-mw-group="lower-roman"]::after {
-       content: "[" counter(mw-Ref, lower-roman) "]";
-}
-span.mw-ref a[data-mw-group="upper-roman"]::after {
-       content: "[" counter(mw-Ref, upper-roman) "]";
-}
-span.mw-ref a[data-mw-group="error-test"]::after {
-       content: "[" counter(mw-Ref, symbols(cyclic "first" "second" "last!")) 
"]";
-}
-
-/* Without a group */
-span.mw-ref a::after {
-       content: "[" counter(mw-Ref, decimal) "]";
-}
-
-/* Hide the default rendering in browsers that support content
- * generation by selecting for ::after pseudo-element.*/
-x-thereisnoelementwiththisname::after, span.mw-reflink-text {
-       display: none;
-}
-
-/* Style for linkbacks from <references> to <ref>s */
-ol.mw-references {
-       counter-reset: mw-ref-linkback;
-}
-
-ol.mw-references li {
-       counter-increment: mw-ref-linkback;
-}
-
-[rel="mw:referencedBy"] {
-       counter-reset: mw-ref-linkback -1;
-}
-
-[rel="mw:referencedBy"]::before {
-       content: "↑ ";
-}
-
-span[rel="mw:referencedBy"] a::before {
-       counter-increment: mw-ref-linkback;
-       content: counters(mw-ref-linkback, ".", decimal);
-       vertical-align: super;
-       line-height: 1;
-       font-size: smaller;
-}
-
-span[rel="mw:referencedBy"] a::after {
-       content: " ";
-}
-
-/* Hide the default rendering in browsers that support content
- * generation by selecting for ::after pseudo-element.*/
-x-thereisnoelementwiththisname[rel="mw:referencedBy"]::before, 
span.mw-linkback-text {
-       display: none;
 }/* Hide the stupid editlink */
 .edit-page {
   display: none;
@@ -586,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%;
@@ -681,6 +538,7 @@
 .navbar.mini li span {
   font-variant: small-caps;
 }
+/* Navbar styling when nested in infobox and navbox */
 .infobox .navbar {
   font-size: 100%;
 }
@@ -697,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,
@@ -720,6 +585,7 @@
 .hlist ul ul {
   display: inline;
 }
+/* Generate interpuncts */
 #content .hlist dt:after {
   content: ": ";
 }
@@ -733,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,
@@ -757,6 +624,7 @@
   content: ") ";
   font-weight: normal;
 }
+/* Put ordinals in front of ordered list items */
 #content .hlist ol {
   counter-reset: list-item;
 }
@@ -771,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;
@@ -793,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;
@@ -803,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 {
@@ -823,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 {
@@ -836,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 {
@@ -872,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;
 }
@@ -884,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%;
@@ -922,4 +818,4 @@
 .image_overflow_x_container {
   max-width: 100%;
   overflow: auto;
-}
+}
\ No newline at end of file
diff --git a/app/src/main/assets/styles.css b/app/src/main/assets/styles.css
index 110e99c..515b3f4 100644
--- a/app/src/main/assets/styles.css
+++ b/app/src/main/assets/styles.css
@@ -1,8 +1,12 @@
+/*
+Problematic modules: {
+    "ext.cite.style": "missing"
+}
+*/
 /* Fork of http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
 */
-/* use -webkit prefix for older android browsers eg. nexus 1 */
 html,
 body,
 div,
@@ -91,26 +95,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 +105,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 +150,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 +182,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 +238,8 @@
   bottom: 0;
 }
 .content ol ol,
-.content ol ul,
 .content ul ol,
+.content ol ul,
 .content ul ul {
   margin-left: 1em;
 }
@@ -292,10 +254,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 +290,26 @@
 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: 
url(/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.png?948bf)!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%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M.5%203.518h5.982V9.5H.5z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M4.755-.16H9.99v5.39L8.417%206.774l-1.31-1.31L4.383%208.19%201.695%205.5l2.808-2.807-1.31-1.31z%22%20fill%3D%22%2306f%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.984.845l.022%204.884L7.19%203.91l-2.882%202.88L3.08%205.567l2.882-2.88L4.112.833z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A);
+  background-image: linear-gradient(transparent, transparent), 
url(/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.svg?acafc)!ie;
+  background-image: -o-linear-gradient(transparent, transparent), 
url(/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;
   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;
 }
@@ -482,7 +460,7 @@
   margin: 0 0 0.8em !important;
   width: auto !important;
 }
-@media all and (max-width: 768px) {
+@media all and (max-width: 720px) {
   .gallery .gallerybox {
     width: 100% !important;
   }
@@ -494,93 +472,11 @@
     display: block !important;
     width: auto !important;
   }
-}/* CSS for Parsoid Cite extension */
-
-/* Style for <ref>s */
-span.mw-ref {
-       vertical-align: super;
-       line-height: 1;
-       font-size: smaller;
-       /* Make sure the brackets and the numbers aren't jumbled after LTR 
words in RTL wikis */
-       unicode-bidi: embed;
-}
-
-/* With a group set */
-span.mw-ref a[data-mw-group]::after {
-       content: "[" attr(data-mw-group) " " counter(mw-Ref, decimal) "]"}
-
-/* Groups with special appearance */
-span.mw-ref a[data-mw-group="decimal"]::after {
-       content: "[" counter(mw-Ref, decimal) "]";
-}
-span.mw-ref a[data-mw-group="lower-alpha"]::after {
-       content: "[" counter(mw-Ref, lower-alpha) "]";
-}
-span.mw-ref a[data-mw-group="upper-alpha"]::after {
-       content: "[" counter(mw-Ref, upper-alpha) "]";
-}
-span.mw-ref a[data-mw-group="lower-greek"]::after {
-       content: "[" counter(mw-Ref, lower-greek) "]";
-}
-span.mw-ref a[data-mw-group="lower-roman"]::after {
-       content: "[" counter(mw-Ref, lower-roman) "]";
-}
-span.mw-ref a[data-mw-group="upper-roman"]::after {
-       content: "[" counter(mw-Ref, upper-roman) "]";
-}
-span.mw-ref a[data-mw-group="error-test"]::after {
-       content: "[" counter(mw-Ref, symbols(cyclic "first" "second" "last!")) 
"]";
-}
-
-/* Without a group */
-span.mw-ref a::after {
-       content: "[" counter(mw-Ref, decimal) "]";
-}
-
-/* Hide the default rendering in browsers that support content
- * generation by selecting for ::after pseudo-element.*/
-x-thereisnoelementwiththisname::after, span.mw-reflink-text {
-       display: none;
-}
-
-/* Style for linkbacks from <references> to <ref>s */
-ol.mw-references {
-       counter-reset: mw-ref-linkback;
-}
-
-ol.mw-references li {
-       counter-increment: mw-ref-linkback;
-}
-
-[rel="mw:referencedBy"] {
-       counter-reset: mw-ref-linkback -1;
-}
-
-[rel="mw:referencedBy"]::before {
-       content: "↑ ";
-}
-
-span[rel="mw:referencedBy"] a::before {
-       counter-increment: mw-ref-linkback;
-       content: counters(mw-ref-linkback, ".", decimal);
-       vertical-align: super;
-       line-height: 1;
-       font-size: smaller;
-}
-
-span[rel="mw:referencedBy"] a::after {
-       content: " ";
-}
-
-/* Hide the default rendering in browsers that support content
- * generation by selecting for ::after pseudo-element.*/
-x-thereisnoelementwiththisname[rel="mw:referencedBy"]::before, 
span.mw-linkback-text {
-       display: none;
 }/* 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;
 }
@@ -603,7 +499,7 @@
   width: 32px;
   border: 8px solid transparent;
   background-image: 
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAANlBMVEUAAAD///9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW+FiFraAAAAEXRSTlMAABAgMEBQYHCAkKCwwNDg8InUWv0AAAGfSURBVHhe7djBjsIgFIXhOwjFeltK3/9lJ4J6SG5dHGgyyaRn1dUXlb8slJ+T9//AC7zACxRiLu37EqXsDPCW9ue2cBLo8/7a/RQwFK9OTwDj3k6Hwbk6Mb/EeRDUojyaHzKMgG4pRmy/ehoAXcklT3h+buoGffU8vDJlQJtfuuG5busEY/Xc28N4EPkp7EHwUaODjSkLIr8Iu/VIELkE2Bj9psDzSBuLQoLIxX1sLEfhQHirQ9rwvLAgcoHdejx4b3IJ8PDOcCBysfklJzToipc9Piu2OKFA5LL5o/xUhAZ9Qi7W40Dkspj8as48OGXkYj0ORH73w/yC8OCMXA5y5sE2lwgPh86Bbi3h+i8506Brc3kYjwb9VkL7lh8N+jaXxXg0GBGayW8WCoSXq+dNzjyIXGx+UXhQm1yCyZkHA8JAfvBosF6h21RvU3vb86B+4lCTcxf4rkTV3PZ9IAiTcxcYvnm94P3Qi9IN6rHXDybL5SAD4IHnZQAMxtu8jIA4E+Q8BKr1xkCcybrOcwhOBsE3JOT+4G+WC7zAC7zAXxMIT+qGYJfyAAAAAElFTkSuQmCC);
-  background-image: 
url(http://127.0.0.1:8080/w/extensions/MobileApp/images/edit.png?dd026)!ie;
+  background-image: url(/w/extensions/MobileApp/images/edit.png?dd026)!ie;
   background-repeat: no-repeat;
   background-size: 32px 32px;
   float: right;
@@ -618,7 +514,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;
@@ -631,8 +527,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 {
@@ -642,15 +538,15 @@
   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;
 }
 .page-protected a.edit_section_button {
   background-image: 
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAXVBMVEUAAAD////Pz89sbW/Pz89sbW/Pz89sbW/Pz89sbW/Pz89sbW/Pz89sbW/Pz89sbW/Pz8/Pz8/Pz89sbW/Pz89sbW/Pz8/Pz89sbW/Pz89sbW/Pz89sbW/Pz89sbW+fZUWwAAAAHXRSTlMAABAQICAwMEBAUFBgYHBwgJCgoLDAwNDQ4ODw8PGFG8cAAAHOSURBVHhe7dTLcoMwDAVQxVCXJAoByiPUEf//mcW0Gh5KFrbojrtidUYM9wKnnfOP4AEe4AGCT3JvmuHR3BOAXcDrc/jN87wLeBvmnCUIATnZEUyeC/A7UYHWjeDdQ48PSL68eNOA6GgEH9Nh3m9GsFGASOTB6S7wufrHeLCkGfycwLMKrGgBwm8UoKknD/cCTffn7QSmk+cup51A6ybP+hsGmUCQvd7CTiCST2dAB0pPAcr6VQY0oPRgCqpB005eydvTglxnPlYLWvZ4ezqQ65zxsVrwwvPg7SlBJJ4HH6sDc64ze0qwWnroSAHKeSDRDL6JBGX9eB4FKUH2Sj5WC9p+PQ8lyA1BPnYVZ4NBnOssvS4NvhBp4dl+45nAV+Yv2q3nwakMBICyztnWAwgEzcpDWgchABR1Fp5DCAXTlVdtPAuBINevEB5/pQBQ1rneeAZCQaTVPERdQsGMVn97UZdgMJ89UeccIsDaA7V55SHEgD0vDtCJukSAKQM5kvBiwAtxRF3iwPKtFwm2TIi6RIJvvGgwe+UhxIO55ByCAqylZ0ED9luvt6ABU1kXUIHLWru2LVoDOrAk6tu6KLKMJSVohaMAtTnA4BzgAf4Asb6U9nmPcP4AAAAASUVORK5CYII=);
-  background-image: 
url(http://127.0.0.1:8080/w/extensions/MobileApp/images/edit-locked.png?2ded5)!ie;
+  background-image: 
url(/w/extensions/MobileApp/images/edit-locked.png?2ded5)!ie;
 }
 .page-protected a.edit_section_button.android {
   background-image: url(file:///android_asset/images/edit-locked.png);
@@ -724,7 +620,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;
@@ -740,14 +636,14 @@
 .app_table_collapsed_open {
   border-radius: 2px;
   background-image: 
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4zjOaXUAAAAoZJREFUaEPtmE1uE0EQhceEn1NwFEtwALL0CSzbe2+9QQgJAoKI8BeF8I8ImCQCIRCSxVk4QNhkxwZ4z+qOespvPNMzYxCiS/ricVVX1evpnukkWbJkyZIlS5Ys2f9ss9lsTr/fPz8ajV4Mh8Nv4Dv4OhgMLvr43wKaLkDLF3BEbdRIrT4+/wGhlxA8Br8MPxG74gf/adD7OjUYTeSYmjkmw5d18CMILoBZ37DFVw0E3lFaAqh5nROYBs5CUPC2arQCOuh1T2kQTLNer3cGF4cmIOFdEQ3bhOIfqt6CQ2qfJ7pJHJgBEt4dNgqatgXF76iegn1qZt5JgclkchqBd2ZgEdts6HOb0u12T+E52xV9FFNq9bm5Qm4Sb01CEY/YOMyvgxP/VNRfAOPehOJJrhjhAA5UBQRPmkwC+WvoxbNH1c6B7fUan2u2Ru6LhwNdgixmeA4WCpfBHPDK1SiD42SPBYeHCS5RFbQUNlC4rboX5BfiVqiwtnR6mIiVeBkWXMKe3Z+KmOcMvZ+VbVHpDGEBFOM2kU0MuTeExb2u901OEZWeL+m0xLwpwIF/R4c48ZUOTPTarfpykE4FC2JJH6uGgvfgrM/lNfjgYktBjx3kVD5jpLMItxJVD5yP4/H4HOG1iRURfUBKZwkxR/4n8Nn4JLgxD1jb9CpFOivQQdNtK6IuuCG1f7+Szop0eNeUoEi2RO3KSGcEXIn7RlAMm6JmFNIZC1birhC3FOTcUrVikc46YB+X/Ql4AsbeVDXqIJ11gbhNK1awoXLrIp1N4NYQoucgdk3lNEE6m8ItIsRfVWObIp1tANEbXjwmtLL/LUlnW3DLYAKXVawtkiVLlixZsn/Ysuw35enU+iMlJaQAAAAASUVORK5CYII=);
-  background-image: 
url(http://127.0.0.1:8080/w/extensions/MobileApp/images/table_expand.png?1f7f0)!ie;
+  background-image: 
url(/w/extensions/MobileApp/images/table_expand.png?1f7f0)!ie;
 }
 .app_table_collapse_close {
   border-radius: 2px 2px 0px 0px;
 }
 .app_table_collapse_icon {
   background-image: 
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4zjOaXUAAAAoBJREFUaEPtmE1uE0EQhW3Mzyk4iiU4AFn6BJbtvbfeIIQEAUEUCEnE/58ImCQCIRCSxVk4AGyyYwN5L+qOxuXXM90zthCiS/ricXV11avunhkrrWzZsmXLlu2fttlstjJGo9GN4XB4VY0tC+lcBhC+Dv6QwWBwTcUsA+lsCgTf9uI92I3rKrYp0tkECL1jxXt4pNScJkhnXSByw4oWrKu5dZHOOuDYbAqxEh4xlaMO0pkKjsZ9JbQMHjWVKxXpTKANMQ+suAQ2RM4kpDOSNlZxW4hK5Z7IHY10RsCV3zVCaoN7Yos5TY0opLOCNgo+VEIEn8EX45NwN5nb1KpEOkN0u90zKPRYCRB8Go/HFwivzViIXdRJakI6FRSPlX8iiio+gPN+Lq/BRzdWCncXc6KbkE6LW/lnqqDgoNfrnbM56MPYoYmVcJdZ0+ZQSGcRJkLSF7ZIgOlkMjmr8hDXxL6ZE+JpTBPS6UGSDrb0lUkcYq9MvIcxiH1n5kpQ+3lVE9JJkKADXhcTlsC4jsqjcE3sFeYHwXF6ic9gbunkBHT/ppioBB6vaPEezgGNF2jBwdVB129NghBR5zQE5nfcCqvcc7gFXWhi7kvK+QSPmoj3MEfsE44La++z0wsn/r2dFCD5hVOGayL2BTn3pDv54x5vByZQgq2s/bulgpSfKPv+XZP0gkGBTVN02bCJHVVbcEjtvJGmZkCCxHdFwVXAJraUBsGUDayBXwXnAjift0ShlcLdVloKUPOaD76CL0eFQc9vjK3sfzpVoPZNajCayBE1M+Y0uN/vX3TP5O/gJ/iGoMt+/G8BTZeg5Sv4QW3USK1+PFu2bNmyZcuW7f+1VusYzYvU+uNoBCAAAAAASUVORK5CYII=);
-  background-image: 
url(http://127.0.0.1:8080/w/extensions/MobileApp/images/table_collapse.png?d3e42)!ie;
+  background-image: 
url(/w/extensions/MobileApp/images/table_collapse.png?d3e42)!ie;
 }
 .app_span_collapse_text {
   color: #808080;
@@ -770,7 +666,7 @@
   display: inline-block;
   margin-bottom: -3px;
   background-image: 
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAgCAYAAABHA7voAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAABBRJREFUWEfdWflPFkEM5U9HQUGj0WiMmnhrRBMVUeOt4fQG8cALBU8OEUEURK7aN06Xbr/Z/Wb59hd5yYtZ253Zt+203Y+6je0kpHVEp4mI6tajOGEiMGRMePkN0YHesK0M3hrixygRem1GvsDd94gWl4mWV4jufyba2h32WytPPXMP4bDCe2QxhDwfWZ+RL/DxqHNKMP2baMfdsG9RbmBmPXwWYt1lD0a2QAhZWHJOCYaniBo6wv5FWVRcEcgejGyBN945hxSO9ad9dt8n2lRQMNK8VnHVbpe9GNkCR386hwS4blD2zZ1EE7NEIzNEB/vS9+YRZ9oCgucX/YXBWt6F7MUIC9zFxQWFRePaYNqn9aU3MOD7gItQc1fax/Iwv4gYLAdeQgwkM2Q/Rlhg2ytnTAABEK19Pv/wRo/ZBaJtPWmfEMd++Rs81hKhapC9GGGBvSPOmACpqO04ezbCne/TPkhhfa3ZxtFHynfwPXYdAaIhzIO2R0fQRqd/LG2/9NobPPCQ6Jlih7gxFnD9LVFjlSLUMewXKQFRAlEVf/5xxgSoqNqnz0R4nNNO28+98AYGInUopwgdf+IdFfCgS9yiwCKIEtjEhWLJOwrODKR9Pkx7g0c/DwTa/pQjrjE9H24nONc6xWKQ5y/FSdZnVApEobA4rvofWsU3PpMa7Zxmeg3bYh5+SduFUzwZlYmoCGKCsTj8eNWOSeb7nDd43FQpjBdg7Rioxa55+vm/9EfVRpac5dS+yOf7PBch2Fr5Gi/HvrAsRAkMRVBPMBAwaQTcNgJGzAOhKmu7UA8OIWJexb+2tQB5qSr3MyoFolnb0o23qX0+mSr7yAh4Ys7g4GTaboXh2okJnNMLpifHnFm5l1EpcBOXeDRtjatmink27g0eaCvajnQD8KJ6Pub3RKEVfZSz5grvm9Un8yBrMCoFgtWKBPqbBubL7WqKgaD3/OVxgluAvs+ykf1a+Jtw3wNek88izmov7zVgXqBGzREEbZnHQK3t+x9WbmSjXO18gd0f/M2RiBEHyPqMsECkhoaL0J1VOx4e45sGSj56qF6nGvdw5Ow3ZxmQ9RlhgfsQIWdfBUq59rFpirRey9f+DA8BZUPWZoQFIkK2FQzxmdI+W/jDdYZHOhQB/F7TFFFIQoxNuyKQtRlhgWCXOR94Dpw97YPG3PI0/X9FOWcqdhmQtRnZAnE+7Ew68DXsWwtjIlg0yrI2I1sg+GrCOSVAOuqxrVbiKAybwb0MyPqMfIH4wVe/PXzj7TVpWgullaBg4RMNvTMW+rlshGV9Rr5AEFML7sdvLkXbQCwreiaPbFKRMTo2cwHDkH+Es8e2Jwu9DsMJzBW5kzc6WWMhqUYZqktm6o8vVSP5n9FpcgLr6+vXLYmo7i97FXYYGMQFoAAAAABJRU5ErkJggg==);
-  background-image: 
url(http://127.0.0.1:8080/w/extensions/MobileApp/images/ipa.png?736e4)!ie;
+  background-image: url(/w/extensions/MobileApp/images/ipa.png?736e4)!ie;
   background-size: 28px 16px;
   height: 16px;
   width: 28px;
@@ -781,86 +677,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%;
@@ -876,6 +733,7 @@
 .navbar.mini li span {
   font-variant: small-caps;
 }
+/* Navbar styling when nested in infobox and navbox */
 .infobox .navbar {
   font-size: 100%;
 }
@@ -892,18 +750,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,
@@ -915,6 +780,7 @@
 .hlist ul ul {
   display: inline;
 }
+/* Generate interpuncts */
 #content .hlist dt:after {
   content: ": ";
 }
@@ -928,6 +794,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,
@@ -952,6 +819,7 @@
   content: ") ";
   font-weight: normal;
 }
+/* Put ordinals in front of ordered list items */
 #content .hlist ol {
   counter-reset: list-item;
 }
@@ -966,14 +834,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;
@@ -988,6 +862,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;
@@ -998,9 +873,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 {
@@ -1018,6 +895,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 {
@@ -1031,16 +911,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 {
@@ -1067,6 +958,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;
 }
@@ -1079,19 +971,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%;
@@ -1127,9 +1023,7 @@
   color: #555555;
   width: auto !important;
 }
-/* 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;
@@ -1165,15 +1059,18 @@
     height: auto !important;
   }
 }
+/* Center text beneath images now that images are centered. */
 .thumbinner,
 .gallerytext,
 figcaption {
   text-align: center;
 }
+/* Add a little breathing room beneath thumb captions - see enwiki "Vincent 
van Gogh > Paris (1886-1888)" */
 .thumbcaption,
 figcaption {
   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/282057
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: Ic6bcd344566c99b91b6a644e92cc16646fd6f950
Gerrit-PatchSet: 1
Gerrit-Project: apps/android/wikipedia
Gerrit-Branch: master
Gerrit-Owner: Mholloway <[email protected]>

_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to