BearND has submitted this change and it was merged.

Change subject: Add CSS normal style
......................................................................


Add CSS normal style

(not night mode yet)

Change-Id: I2badde3134848d66dd1e7a77716f9a80be04bca5
---
M routes/mobileapp-page.js
A static/night.css
A static/preview.css
A static/styles.css
4 files changed, 1,929 insertions(+), 0 deletions(-)

Approvals:
  BearND: Verified; Looks good to me, approved



diff --git a/routes/mobileapp-page.js b/routes/mobileapp-page.js
index 5a9c0ec..7253535 100644
--- a/routes/mobileapp-page.js
+++ b/routes/mobileapp-page.js
@@ -222,6 +222,16 @@
     elem.appendChild(child);
 }
 
+// from www/js/loader.js
+function addStyleLink(doc, href) {
+    var link = doc.createElement("link");
+    link.setAttribute("rel", "stylesheet");
+    link.setAttribute("type", "text/css");
+    link.setAttribute("charset", "UTF-8");
+    link.setAttribute("href", href);
+    doc.querySelector("head").appendChild(link);
+}
+
 /**
  * Compiles the final HTML string output.
  * All sections are combined, plus two JavaScript blocks for the metadata.
@@ -242,6 +252,7 @@
     var doc = domino.createDocument();
     var body = doc.querySelector('body');
 
+    addStyleLink(doc, "/static/styles.css"); // Light mode hard-coded for now
     body.appendChild(embedJsScriptInHtml(doc, "app_meta1", meta1));
 
     for (var idx = 0; idx < sections.length; idx++) {
diff --git a/static/night.css b/static/night.css
new file mode 100644
index 0000000..095c9e8
--- /dev/null
+++ b/static/night.css
@@ -0,0 +1,46 @@
+/* Same specificity as in MFE/less/content/hacks.less */
+/* Same specificity as in MFE/less/content/hacks.less */
+body {
+  color: #999;
+  background: #000;
+}
+a {
+  color: #2B6FB2;
+}
+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/styles/../images/external-link-ltr.png?2015-02-03T18:38:20Z)!ie;
+}
+img {
+  background: #fff;
+}
+.stable .content table.infobox {
+  background: #000;
+}
+.content table td,
+.content table th,
+.content table.infobox th,
+.content table.infobox td {
+  border-color: rgba(128,128,128,0.12);
+}
+.app_table_container {
+  box-shadow: none;
+  border: 1px solid #202020;
+  background-color: #202020;
+}
+.app_table_collapsed_container {
+  background-color: #202020;
+}
+.app_table_collapsed_open {
+  border-radius: 0;
+}
+.app_table_collapse_close {
+  border-radius: 0;
+}
+.app_span_collapse_text {
+  color: #808080;
+}
+.app_table_collapsed_bottom {
+  background-color: #202020;
+  border-radius: 0;
+}
\ No newline at end of file
diff --git a/static/preview.css b/static/preview.css
new file mode 100644
index 0000000..5d190c8
--- /dev/null
+++ b/static/preview.css
@@ -0,0 +1,862 @@
+/* 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,
+span,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+ins,
+em,
+img,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+input,
+textarea,
+button,
+select,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+  background: none;
+}
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td {
+  font-size: 100%;
+}
+.beta *,
+.stable * {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+div#centralNotice {
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+button {
+  border: none;
+  background-color: transparent;
+}
+body {
+  line-height: 1;
+  -webkit-tap-highlight-color: transparent;
+}
+input {
+  line-height: normal;
+}
+ol,
+ul {
+  list-style: none;
+}
+table {
+  border-collapse: collapse;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+html {
+  -webkit-text-size-adjust: none;
+  font-size: 100%;
+}
+body {
+  font-family: "Helvetica Neue", "Helvetica", "Nimbus Sans L", "Arial", 
"Liberation Sans", sans-serif;
+  line-height: 1.4;
+  color: #252525;
+  background: #fff;
+}
+.content {
+  line-height: 1.65;
+  margin: .8em 16px 0;
+  word-wrap: break-word;
+}
+@media all and (max-width: 280px) {
+  body {
+    font-size: .8em;
+  }
+  .content {
+    margin: 0 12px;
+  }
+}
+.nomobile {
+  display: none !important;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+.content .thumb {
+  margin: .6em 0;
+  /* bug 20030 */
+}
+.content .thumb .thumbinner {
+  margin: 0 auto;
+  max-width: 100% !important;
+}
+.content .thumb .thumbinner > div {
+  float: none !important;
+  width: auto !important;
+  clear: both !important;
+}
+.content .thumb .noresize {
+  width: 100%;
+  overflow-x: auto;
+}
+.content .thumb .noresize img {
+  max-width: none !important;
+}
+.content .thumbcaption {
+  margin: .5em 0 0;
+  font-size: .8em;
+  line-height: 1.5;
+  padding: 0 !important;
+  color: #555;
+  width: auto !important;
+}
+.content .thumbborder {
+  border: 1px solid #CCC;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+.content img {
+  vertical-align: middle;
+}
+.content .floatright {
+  /* @noflip */
+  clear: right;
+  /* @noflip */
+  float: right;
+  /* @noflip */
+  margin: 0 0 .6em .6em;
+}
+.content .floatleft {
+  /* @noflip */
+  clear: left;
+  /* @noflip */
+  float: left;
+  /* @noflip */
+  margin: 0 .6em .6em 0;
+}
+.content a > img {
+  max-width: 100% !important;
+  height: auto !important;
+}
+.content div.magnify {
+  display: none;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+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;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+#section_0 {
+  line-height: 1.3;
+}
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5,
+.content h6 {
+  line-height: 1.3;
+  font-family: "Linux Libertine", Georgia, Times, serif;
+  padding: .5em 0;
+}
+.pre-content h1,
+.content h1 {
+  font-family: "Linux Libertine", Georgia, Times, serif;
+  font-size: 1.7em;
+}
+h2 {
+  font-size: 1.5em;
+}
+h3 {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+h4 {
+  font-weight: bold;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+blockquote {
+  font-family: "Linux Libertine", Georgia, Times, serif;
+  font-size: 1.1em;
+  quotes: "\201C" "\201D";
+  padding: 1em 25px 1em 30px;
+  position: relative;
+  overflow: hidden;
+}
+blockquote:before {
+  content: open-quote;
+  font-size: 3em;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+blockquote:after {
+  content: close-quote;
+  font-size: 3em;
+  line-height: 1;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+.content ol ol,
+.content ol ul,
+.content ul ol,
+.content ul ul {
+  margin-left: 1em;
+}
+.content ul {
+  list-style: square inside;
+}
+.content ul>li>ul {
+  list-style-type: disc;
+}
+.content ul>li>ul>li>ul {
+  list-style-type: circle;
+}
+.content ol {
+  list-style: decimal inside;
+}
+dl {
+  margin-left: 1em;
+}
+dl dt {
+  font-weight: bold;
+}
+.hlist > ul li,
+ul.hlist li {
+  display: inline-block;
+  margin-right: 8px;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+/* Plainlinks - this can be used to switch
+ * off special external link styling */
+a {
+  text-decoration: none;
+  color: #002bb8;
+}
+a:visited {
+  color: #5a3696;
+}
+a:active {
+  color: #faa700;
+}
+a:hover {
+  text-decoration: underline;
+}
+a.new,
+a.new:visited,
+a.new:hover {
+  color: #CC0000;
+}
+a.external {
+  background-image: 
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVElEQVR42n3PgQkAIAhEUXdqJ3dqJ3e6IoTPUSQcgj4EQ5IlUiLE0Jil3PECXhcHGBhZ8kg4hwxAu3MZeCGeyFnAXp4hqNQPnt7QL0nADpD6wHccLvnAKksq8iiaAAAAAElFTkSuQmCC);
+  background-image: 
url(http://127.0.0.1:8080/w/extensions/MobileApp/../MobileFrontend/less/content/images/external-link-ltr-icon.png?2015-02-03T18:33:20Z)!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/MobileApp/../MobileFrontend/less/content/images/external-link-ltr-icon.svg?2015-02-03T18:33:20Z)!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/MobileApp/../MobileFrontend/less/content/images/external-link-ltr-icon.svg?2015-02-03T18:33:20Z)!ie;
+  background-repeat: no-repeat;
+  background-position: center right;
+  padding-right: 13px;
+}
+.content .return-link,
+.content #mw-mf-last-modified {
+  display: block;
+  font-size: .9em;
+  margin-top: 1.5em;
+}
+.plainlinks a {
+  background: none !important;
+  padding: 0 !important;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+.content p {
+  margin: .5em 0 1em 0;
+}
+strong,
+b {
+  font-weight: bold;
+}
+em,
+i {
+  font-style: italic;
+}
+code,
+pre {
+  font-family: monospace;
+  border: solid 1px #CCC;
+  white-space: pre-wrap;
+}
+code {
+  padding: 0.2em 0.5em;
+}
+pre {
+  padding: 1em;
+}
+sup {
+  vertical-align: super;
+}
+sub {
+  vertical-align: sub;
+}
+sub,
+sup {
+  font-size: 0.75em;
+  line-height: 1;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+.content table {
+  margin: 1em 0;
+  /* following 4 rules are needed for scrolling */
+  overflow: auto;
+  /* for browsers that don't support overflow-y */
+  overflow-y: hidden;
+  overflow-x: auto;
+  display: block;
+  width: 100% !important;
+}
+.content table caption {
+  display: block;
+  text-align: left;
+}
+.content table.wikitable {
+  background-color: transparent !important;
+  border: none !important;
+}
+.content table.wikitable tr {
+  border-bottom: 1px solid #EEE !important;
+}
+.content table.wikitable tr:last-child {
+  border-bottom: none !important;
+}
+.content table.wikitable th,
+.content table.wikitable td {
+  border-right: 1px solid #EEE !important;
+  padding: .2em;
+}
+.content table.wikitable td:last-child,
+.content table.wikitable th:last-child {
+  border-right: none !important;
+}
+
+/*
+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 */
+/* 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
+ */
+.client-js .alpha .infobox {
+  display: none;
+}
+.content .mbox-small,
+.content .tmbox,
+.content .ambox,
+.content #coordinates,
+.content .navbox,
+.content .vertical-navbox,
+.content .topicon,
+.content .metadata {
+  display: none !important;
+}
+.content table {
+  float: none !important;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+.content table.infobox {
+  font-size: 90%;
+  position: relative;
+  border: none;
+  margin-bottom: 2em;
+  text-align: left;
+  background-color: #F9F9F9;
+}
+.content table.infobox th,
+.content table.infobox td {
+  vertical-align: top;
+  border: none;
+  border-bottom: 1px solid #DDD;
+  padding: .2em;
+}
+.content table.infobox tr:last-child th,
+.content table.infobox tr:last-child td {
+  border: none;
+}
+.hatnote,
+#filetoc,
+.editsection,
+.mw-editsection {
+  display: none;
+}
+.skin-minerva .portal-column-left-wide,
+.skin-minerva .portal-column-left,
+.skin-minerva .portal-column-right,
+.skin-minerva .portal-column-right-narrow {
+  float: none;
+  width: 100%;
+}
+.collapsible td {
+  width: auto !important;
+}
+.references-column-count {
+  -moz-column-width: 35em;
+  -webkit-column-width: 35em;
+  column-width: 35em;
+}
+.references li:target {
+  background-color: #ddeeff;
+}
+.dablink,
+.rellink {
+  padding: 0 0 .6em 0;
+  color: #777;
+  font-size: .8em;
+  font-style: italic;
+}
+.quotebox {
+  margin: 0 0 0.8em !important;
+  width: auto !important;
+}
+@media all and (max-width: 768px) {
+  .hatnote {
+    display: block;
+  }
+  .gallery .gallerybox {
+    width: 100% !important;
+  }
+  .gallery .gallerybox div {
+    width: 100% !important;
+  }
+}
+
+/* Hide the stupid editlink */
+.edit-page {
+  display: none;
+}
+
+/* FIXME: Copied over from 
http://en.wikipedia.org/w/index.php?title=MediaWiki:Mobile.css&oldid=609508028
+   This fixes some styling issues in the app, primarily hlists.
+   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-float-reset {
+  float: none !important;
+  width: 100% !important;
+}
+#content .vertical-navbox,
+#content .navbox {
+  display: none;
+}
+@media all and (min-width: 768px) {
+  #content .vertical-navbox,
+  #content .navbox {
+    display: inherit;
+  }
+}
+@media screen,handheld {
+  .citation *.printonly {
+    display: none;
+  }
+}
+.citation {
+  word-wrap: break-word;
+}
+.navbar {
+  display: inline;
+  font-size: 88%;
+  font-weight: normal;
+}
+.navbar ul {
+  display: inline;
+  white-space: nowrap;
+}
+.navbar li {
+  word-spacing: -0.125em;
+}
+.navbar.mini li span {
+  font-variant: small-caps;
+}
+.infobox .navbar {
+  font-size: 100%;
+}
+.navbox .navbar {
+  display: block;
+  font-size: 100%;
+}
+.navbox-title .navbar {
+  /* @noflip */
+  float: left;
+  /* @noflip */
+  text-align: left;
+  /* @noflip */
+  margin-right: 0.5em;
+  width: 6em;
+}
+.hlist dl,
+.hlist ol,
+.hlist ul {
+  margin: 0;
+  padding: 0;
+}
+.hlist dd,
+.hlist dt,
+.hlist li {
+  margin: 0;
+  display: inline;
+}
+.hlist dl dl,
+.hlist dl ol,
+.hlist dl ul,
+.hlist ol dl,
+.hlist ol ol,
+.hlist ol ul,
+.hlist ul dl,
+.hlist ul ol,
+.hlist ul ul {
+  display: inline;
+}
+#content .hlist dt:after {
+  content: ": ";
+}
+#content .hlist dd:after,
+#content .hlist li:after {
+  content: " · ";
+  font-weight: bold;
+}
+#content .hlist dd:last-child:after,
+#content .hlist dt:last-child:after,
+#content .hlist li:last-child:after {
+  content: none;
+}
+#content .hlist dd dd:first-child:before,
+#content .hlist dd dt:first-child:before,
+#content .hlist dd li:first-child:before,
+#content .hlist dt dd:first-child:before,
+#content .hlist dt dt:first-child:before,
+#content .hlist dt li:first-child:before,
+#content .hlist li dd:first-child:before,
+#content .hlist li dt:first-child:before,
+#content .hlist li li:first-child:before {
+  content: " (";
+  font-weight: normal;
+}
+#content .hlist dd dd:last-child:after,
+#content .hlist dd dt:last-child:after,
+#content .hlist dd li:last-child:after,
+#content .hlist dt dd:last-child:after,
+#content .hlist dt dt:last-child:after,
+#content .hlist dt li:last-child:after,
+#content .hlist li dd:last-child:after,
+#content .hlist li dt:last-child:after,
+#content .hlist li li:last-child:after {
+  content: ") ";
+  font-weight: normal;
+}
+#content .hlist ol {
+  counter-reset: list-item;
+}
+#content .hlist ol > li {
+  counter-increment: list-item;
+}
+#content .hlist ol > li:before {
+  content: " " counter(list-item) " ";
+}
+#content .hlist dd ol > li:first-child:before,
+#content .hlist dt ol > li:first-child:before,
+#content .hlist li ol > li:first-child:before {
+  content: " (" counter(list-item) " ";
+}
+.plainlist ul {
+  list-style: none;
+}
+.compact-ambox table .mbox-image,
+.compact-ambox table .mbox-imageright,
+.compact-ambox table .mbox-empty-cell {
+  display: none;
+}
+.compact-ambox table.ambox {
+  border: none;
+  border-collapse: collapse;
+  background: transparent;
+  margin: 0 0 0 1.6em !important;
+  padding: 0 !important;
+  width: auto;
+  display: block;
+}
+.compact-ambox table.mbox-small-left {
+  font-size: 100%;
+  width: auto;
+  margin: 0;
+}
+.compact-ambox table .mbox-text {
+  padding: 0 !important;
+  margin: 0 !important;
+}
+.compact-ambox table .mbox-text-span {
+  display: list-item;
+  line-height: 1.5em;
+  list-style-type: square;
+  list-style-image: 
url(data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=);
+}
+.compact-ambox .hide-when-compact {
+  display: none;
+}
+.rellink,
+.dablink,
+.hatnote {
+  font-style: italic;
+}
+.rellink i,
+.dablink i,
+.hatnote i {
+  font-style: normal;
+}
+div.rellink,
+div.dablink,
+div.hatnote {
+  /* @noflip */
+  padding-left: 1.6em;
+  margin-bottom: 0.5em;
+}
+.geo-default,
+.geo-dms,
+.geo-dec {
+  display: inline;
+}
+.geo-nondefault,
+.geo-multi-punct {
+  display: none;
+}
+.longitude,
+.latitude {
+  white-space: nowrap;
+}
+.nowrap,
+.nowraplinks a,
+.nowraplinks .selflink,
+sup.reference a {
+  white-space: nowrap;
+}
+.wrap,
+.wraplinks a {
+  white-space: normal;
+}
+.sysop-show,
+.accountcreator-show,
+.autoconfirmed-show {
+  display: none;
+}
+#li-coordinates {
+  background-image: 
url(//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Edge-firefox.png/80px-Edge-firefox.png);
+  float: right;
+  display: none;
+  -webkit-background-size: auto 30px;
+  background-size: auto 30px;
+}
+.client-js .content_block.coordinates {
+  display: none;
+  text-align: right;
+  margin-bottom: 0.5em;
+  font-size: smaller;
+}
+.client-js .content_block.coordinates .latitude {
+  display: none;
+  padding-left: 20px;
+  background-image: 
url(//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Edge-firefox.png/50px-Edge-firefox.png);
+  background-repeat: no-repeat;
+  -webkit-background-size: auto 15px;
+  background-size: auto 15px;
+}
+.alpha #li-coordinates {
+  display: list-item;
+}
+.client-js .beta .content_block.coordinates {
+  display: block;
+}
+.client-js .beta .content_block.coordinates .latitude {
+  display: inline;
+}
+.topicon {
+  display: none;
+}
+td .sortkey,
+th .sortkey {
+  display: none;
+  speak: none;
+}
+.transborder {
+  border: solid transparent;
+}
+.references-column-count {
+  -moz-column-count: 1 !important;
+  -webkit-column-count: 1 !important;
+  column-count: 1 !important;
+}
+.mwe-math-fallback-image-inline {
+  display: inline-block;
+  max-width: 100%;
+  vertical-align: middle;
+}
+.mwe-math-fallback-image-display {
+  display: block;
+  max-width: 100%;
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+.mwe-math-fallback-source-inline {
+  display: inline;
+  max-width: 100%;
+  vertical-align: middle;
+}
+.mwe-math-fallback-source-display {
+  display: block;
+  max-width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
\ No newline at end of file
diff --git a/static/styles.css b/static/styles.css
new file mode 100644
index 0000000..2c0a96f
--- /dev/null
+++ b/static/styles.css
@@ -0,0 +1,1010 @@
+/* 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,
+span,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+ins,
+em,
+img,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+input,
+textarea,
+button,
+select,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+  background: none;
+}
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td {
+  font-size: 100%;
+}
+.beta *,
+.stable * {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+div#centralNotice {
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+button {
+  border: none;
+  background-color: transparent;
+}
+body {
+  line-height: 1;
+  -webkit-tap-highlight-color: transparent;
+}
+input {
+  line-height: normal;
+}
+ol,
+ul {
+  list-style: none;
+}
+table {
+  border-collapse: collapse;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+html {
+  -webkit-text-size-adjust: none;
+  font-size: 100%;
+}
+body {
+  font-family: "Helvetica Neue", "Helvetica", "Nimbus Sans L", "Arial", 
"Liberation Sans", sans-serif;
+  line-height: 1.4;
+  color: #252525;
+  background: #fff;
+}
+.content {
+  line-height: 1.65;
+  margin: .8em 16px 0;
+  word-wrap: break-word;
+}
+@media all and (max-width: 280px) {
+  body {
+    font-size: .8em;
+  }
+  .content {
+    margin: 0 12px;
+  }
+}
+.nomobile {
+  display: none !important;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+.content .thumb {
+  margin: .6em 0;
+  /* bug 20030 */
+}
+.content .thumb .thumbinner {
+  margin: 0 auto;
+  max-width: 100% !important;
+}
+.content .thumb .thumbinner > div {
+  float: none !important;
+  width: auto !important;
+  clear: both !important;
+}
+.content .thumb .noresize {
+  width: 100%;
+  overflow-x: auto;
+}
+.content .thumb .noresize img {
+  max-width: none !important;
+}
+.content .thumbcaption {
+  margin: .5em 0 0;
+  font-size: .8em;
+  line-height: 1.5;
+  padding: 0 !important;
+  color: #555;
+  width: auto !important;
+}
+.content .thumbborder {
+  border: 1px solid #CCC;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+.content img {
+  vertical-align: middle;
+}
+.content .floatright {
+  /* @noflip */
+  clear: right;
+  /* @noflip */
+  float: right;
+  /* @noflip */
+  margin: 0 0 .6em .6em;
+}
+.content .floatleft {
+  /* @noflip */
+  clear: left;
+  /* @noflip */
+  float: left;
+  /* @noflip */
+  margin: 0 .6em .6em 0;
+}
+.content a > img {
+  max-width: 100% !important;
+  height: auto !important;
+}
+.content div.magnify {
+  display: none;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+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;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+#section_0 {
+  line-height: 1.3;
+}
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5,
+.content h6 {
+  line-height: 1.3;
+  font-family: "Linux Libertine", Georgia, Times, serif;
+  padding: .5em 0;
+}
+.pre-content h1,
+.content h1 {
+  font-family: "Linux Libertine", Georgia, Times, serif;
+  font-size: 1.7em;
+}
+h2 {
+  font-size: 1.5em;
+}
+h3 {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+h4 {
+  font-weight: bold;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+blockquote {
+  font-family: "Linux Libertine", Georgia, Times, serif;
+  font-size: 1.1em;
+  quotes: "\201C" "\201D";
+  padding: 1em 25px 1em 30px;
+  position: relative;
+  overflow: hidden;
+}
+blockquote:before {
+  content: open-quote;
+  font-size: 3em;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+blockquote:after {
+  content: close-quote;
+  font-size: 3em;
+  line-height: 1;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+.content ol ol,
+.content ol ul,
+.content ul ol,
+.content ul ul {
+  margin-left: 1em;
+}
+.content ul {
+  list-style: square inside;
+}
+.content ul>li>ul {
+  list-style-type: disc;
+}
+.content ul>li>ul>li>ul {
+  list-style-type: circle;
+}
+.content ol {
+  list-style: decimal inside;
+}
+dl {
+  margin-left: 1em;
+}
+dl dt {
+  font-weight: bold;
+}
+.hlist > ul li,
+ul.hlist li {
+  display: inline-block;
+  margin-right: 8px;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+/* Plainlinks - this can be used to switch
+ * off special external link styling */
+a {
+  text-decoration: none;
+  color: #002bb8;
+}
+a:visited {
+  color: #5a3696;
+}
+a:active {
+  color: #faa700;
+}
+a:hover {
+  text-decoration: underline;
+}
+a.new,
+a.new:visited,
+a.new:hover {
+  color: #CC0000;
+}
+a.external {
+  background-image: 
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVElEQVR42n3PgQkAIAhEUXdqJ3dqJ3e6IoTPUSQcgj4EQ5IlUiLE0Jil3PECXhcHGBhZ8kg4hwxAu3MZeCGeyFnAXp4hqNQPnt7QL0nADpD6wHccLvnAKksq8iiaAAAAAElFTkSuQmCC);
+  background-image: 
url(http://127.0.0.1:8080/w/extensions/MobileApp/../MobileFrontend/less/content/images/external-link-ltr-icon.png?2015-02-03T18:33:20Z)!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/MobileApp/../MobileFrontend/less/content/images/external-link-ltr-icon.svg?2015-02-03T18:33:20Z)!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/MobileApp/../MobileFrontend/less/content/images/external-link-ltr-icon.svg?2015-02-03T18:33:20Z)!ie;
+  background-repeat: no-repeat;
+  background-position: center right;
+  padding-right: 13px;
+}
+.content .return-link,
+.content #mw-mf-last-modified {
+  display: block;
+  font-size: .9em;
+  margin-top: 1.5em;
+}
+.plainlinks a {
+  background: none !important;
+  padding: 0 !important;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+.content p {
+  margin: .5em 0 1em 0;
+}
+strong,
+b {
+  font-weight: bold;
+}
+em,
+i {
+  font-style: italic;
+}
+code,
+pre {
+  font-family: monospace;
+  border: solid 1px #CCC;
+  white-space: pre-wrap;
+}
+code {
+  padding: 0.2em 0.5em;
+}
+pre {
+  padding: 1em;
+}
+sup {
+  vertical-align: super;
+}
+sub {
+  vertical-align: sub;
+}
+sub,
+sup {
+  font-size: 0.75em;
+  line-height: 1;
+}
+
+/* use -webkit prefix for older android browsers eg. nexus 1 */
+.content table {
+  margin: 1em 0;
+  /* following 4 rules are needed for scrolling */
+  overflow: auto;
+  /* for browsers that don't support overflow-y */
+  overflow-y: hidden;
+  overflow-x: auto;
+  display: block;
+  width: 100% !important;
+}
+.content table caption {
+  display: block;
+  text-align: left;
+}
+.content table.wikitable {
+  background-color: transparent !important;
+  border: none !important;
+}
+.content table.wikitable tr {
+  border-bottom: 1px solid #EEE !important;
+}
+.content table.wikitable tr:last-child {
+  border-bottom: none !important;
+}
+.content table.wikitable th,
+.content table.wikitable td {
+  border-right: 1px solid #EEE !important;
+  padding: .2em;
+}
+.content table.wikitable td:last-child,
+.content table.wikitable th:last-child {
+  border-right: none !important;
+}
+
+/*
+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 */
+/* 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
+ */
+.client-js .alpha .infobox {
+  display: none;
+}
+.content .mbox-small,
+.content .tmbox,
+.content .ambox,
+.content #coordinates,
+.content .navbox,
+.content .vertical-navbox,
+.content .topicon,
+.content .metadata {
+  display: none !important;
+}
+.content table {
+  float: none !important;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+.content table.infobox {
+  font-size: 90%;
+  position: relative;
+  border: none;
+  margin-bottom: 2em;
+  text-align: left;
+  background-color: #F9F9F9;
+}
+.content table.infobox th,
+.content table.infobox td {
+  vertical-align: top;
+  border: none;
+  border-bottom: 1px solid #DDD;
+  padding: .2em;
+}
+.content table.infobox tr:last-child th,
+.content table.infobox tr:last-child td {
+  border: none;
+}
+.hatnote,
+#filetoc,
+.editsection,
+.mw-editsection {
+  display: none;
+}
+.skin-minerva .portal-column-left-wide,
+.skin-minerva .portal-column-left,
+.skin-minerva .portal-column-right,
+.skin-minerva .portal-column-right-narrow {
+  float: none;
+  width: 100%;
+}
+.collapsible td {
+  width: auto !important;
+}
+.references-column-count {
+  -moz-column-width: 35em;
+  -webkit-column-width: 35em;
+  column-width: 35em;
+}
+.references li:target {
+  background-color: #ddeeff;
+}
+.dablink,
+.rellink {
+  padding: 0 0 .6em 0;
+  color: #777;
+  font-size: .8em;
+  font-style: italic;
+}
+.quotebox {
+  margin: 0 0 0.8em !important;
+  width: auto !important;
+}
+@media all and (max-width: 768px) {
+  .hatnote {
+    display: block;
+  }
+  .gallery .gallerybox {
+    width: 100% !important;
+  }
+  .gallery .gallerybox div {
+    width: 100% !important;
+  }
+}
+
+/* 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-radius: 100%;
+  -webkit-animation: rot .6s infinite linear;
+}
+@-webkit-keyframes rot {
+  from {
+    -webkit-transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(359deg);
+  }
+}
+#loading_sections {
+  margin: 8px auto;
+  height: 24px;
+  width: 24px;
+}
+
+a.edit_section_button {
+  height: 32px;
+  width: 32px;
+  margin-left: 8px;
+  margin-bottom: 8px;
+  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/styles/../images/edit.png?2015-02-03T18:38:20Z)!ie;
+  background-size: 32px 32px;
+  float: right;
+  display: inline-float;
+}
+.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/styles/../images/edit-locked.png?2015-02-03T18:38:20Z)!ie;
+}
+#mainpage a.edit_section_button {
+  display: none;
+}
+.content-rtl a.edit_section_button {
+  float: left;
+  /* Flip it! */
+  -webkit-transform: scaleX(-1);
+  transform: scaleX(-1);
+}
+
+div.issues_container {
+  margin-top: -0.2em;
+  margin-bottom: 2.2em;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  width: 100%;
+  display: block;
+  font-size: .9em;
+  letter-spacing: 0.02em;
+  color: #555555;
+}
+span.issues_separator {
+  padding-left: 0.6em;
+  padding-right: 0.6em;
+  float: left;
+}
+a.issues_button {
+  text-decoration: none;
+  color: #555555;
+  float: left;
+}
+a.issues_button:active {
+  color: #b0b0b0;
+}
+
+#issues_container div.hatnote {
+  display: none;
+}
+a.disambig_button {
+  text-decoration: none;
+  color: #555555;
+  float: left;
+}
+a.disambig_button:active {
+  color: #b0b0b0;
+}
+
+.content table.infobox {
+  font-size: 100%;
+}
+table.infobox caption {
+  text-align: center;
+  font-weight: bold;
+}
+.app_table_container {
+  width: 100%;
+  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);
+}
+.app_table_collapsed_container {
+  width: 100%;
+  padding-left: 12px;
+  padding-right: 48px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  line-height: 120%;
+  background-color: #f8f8f8;
+  background-repeat: no-repeat;
+  background-position: 95% 50%;
+  background-size: 16px 16px;
+}
+.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/styles/../images/table_expand.png?2015-02-03T18:38:20Z)!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/styles/../images/table_collapse.png?2015-02-03T18:38:20Z)!ie;
+}
+.app_span_collapse_text {
+  color: #808080;
+}
+.app_table_collapsed_bottom {
+  width: 100%;
+  color: #808080;
+  padding-left: 12px;
+  padding-right: 48px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  line-height: 120%;
+  border-radius: 0px 0px 2px 2px;
+  background-color: #f8f8f8;
+  background-repeat: no-repeat;
+  background-position: 95% 50%;
+  background-size: 16px 16px;
+}
+
+.ipa_button {
+  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/styles/../images/ipa.png?2015-02-03T18:38:20Z)!ie;
+  background-size: 28px 16px;
+  height: 16px;
+  width: 28px;
+}
+
+/* FIXME: Copied over from 
http://en.wikipedia.org/w/index.php?title=MediaWiki:Mobile.css&oldid=609508028
+   This fixes some styling issues in the app, primarily hlists.
+   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-float-reset {
+  float: none !important;
+  width: 100% !important;
+}
+#content .vertical-navbox,
+#content .navbox {
+  display: none;
+}
+@media all and (min-width: 768px) {
+  #content .vertical-navbox,
+  #content .navbox {
+    display: inherit;
+  }
+}
+@media screen,handheld {
+  .citation *.printonly {
+    display: none;
+  }
+}
+.citation {
+  word-wrap: break-word;
+}
+.navbar {
+  display: inline;
+  font-size: 88%;
+  font-weight: normal;
+}
+.navbar ul {
+  display: inline;
+  white-space: nowrap;
+}
+.navbar li {
+  word-spacing: -0.125em;
+}
+.navbar.mini li span {
+  font-variant: small-caps;
+}
+.infobox .navbar {
+  font-size: 100%;
+}
+.navbox .navbar {
+  display: block;
+  font-size: 100%;
+}
+.navbox-title .navbar {
+  /* @noflip */
+  float: left;
+  /* @noflip */
+  text-align: left;
+  /* @noflip */
+  margin-right: 0.5em;
+  width: 6em;
+}
+.hlist dl,
+.hlist ol,
+.hlist ul {
+  margin: 0;
+  padding: 0;
+}
+.hlist dd,
+.hlist dt,
+.hlist li {
+  margin: 0;
+  display: inline;
+}
+.hlist dl dl,
+.hlist dl ol,
+.hlist dl ul,
+.hlist ol dl,
+.hlist ol ol,
+.hlist ol ul,
+.hlist ul dl,
+.hlist ul ol,
+.hlist ul ul {
+  display: inline;
+}
+#content .hlist dt:after {
+  content: ": ";
+}
+#content .hlist dd:after,
+#content .hlist li:after {
+  content: " · ";
+  font-weight: bold;
+}
+#content .hlist dd:last-child:after,
+#content .hlist dt:last-child:after,
+#content .hlist li:last-child:after {
+  content: none;
+}
+#content .hlist dd dd:first-child:before,
+#content .hlist dd dt:first-child:before,
+#content .hlist dd li:first-child:before,
+#content .hlist dt dd:first-child:before,
+#content .hlist dt dt:first-child:before,
+#content .hlist dt li:first-child:before,
+#content .hlist li dd:first-child:before,
+#content .hlist li dt:first-child:before,
+#content .hlist li li:first-child:before {
+  content: " (";
+  font-weight: normal;
+}
+#content .hlist dd dd:last-child:after,
+#content .hlist dd dt:last-child:after,
+#content .hlist dd li:last-child:after,
+#content .hlist dt dd:last-child:after,
+#content .hlist dt dt:last-child:after,
+#content .hlist dt li:last-child:after,
+#content .hlist li dd:last-child:after,
+#content .hlist li dt:last-child:after,
+#content .hlist li li:last-child:after {
+  content: ") ";
+  font-weight: normal;
+}
+#content .hlist ol {
+  counter-reset: list-item;
+}
+#content .hlist ol > li {
+  counter-increment: list-item;
+}
+#content .hlist ol > li:before {
+  content: " " counter(list-item) " ";
+}
+#content .hlist dd ol > li:first-child:before,
+#content .hlist dt ol > li:first-child:before,
+#content .hlist li ol > li:first-child:before {
+  content: " (" counter(list-item) " ";
+}
+.plainlist ul {
+  list-style: none;
+}
+.compact-ambox table .mbox-image,
+.compact-ambox table .mbox-imageright,
+.compact-ambox table .mbox-empty-cell {
+  display: none;
+}
+.compact-ambox table.ambox {
+  border: none;
+  border-collapse: collapse;
+  background: transparent;
+  margin: 0 0 0 1.6em !important;
+  padding: 0 !important;
+  width: auto;
+  display: block;
+}
+.compact-ambox table.mbox-small-left {
+  font-size: 100%;
+  width: auto;
+  margin: 0;
+}
+.compact-ambox table .mbox-text {
+  padding: 0 !important;
+  margin: 0 !important;
+}
+.compact-ambox table .mbox-text-span {
+  display: list-item;
+  line-height: 1.5em;
+  list-style-type: square;
+  list-style-image: 
url(data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=);
+}
+.compact-ambox .hide-when-compact {
+  display: none;
+}
+.rellink,
+.dablink,
+.hatnote {
+  font-style: italic;
+}
+.rellink i,
+.dablink i,
+.hatnote i {
+  font-style: normal;
+}
+div.rellink,
+div.dablink,
+div.hatnote {
+  /* @noflip */
+  padding-left: 1.6em;
+  margin-bottom: 0.5em;
+}
+.geo-default,
+.geo-dms,
+.geo-dec {
+  display: inline;
+}
+.geo-nondefault,
+.geo-multi-punct {
+  display: none;
+}
+.longitude,
+.latitude {
+  white-space: nowrap;
+}
+.nowrap,
+.nowraplinks a,
+.nowraplinks .selflink,
+sup.reference a {
+  white-space: nowrap;
+}
+.wrap,
+.wraplinks a {
+  white-space: normal;
+}
+.sysop-show,
+.accountcreator-show,
+.autoconfirmed-show {
+  display: none;
+}
+#li-coordinates {
+  background-image: 
url(//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Edge-firefox.png/80px-Edge-firefox.png);
+  float: right;
+  display: none;
+  -webkit-background-size: auto 30px;
+  background-size: auto 30px;
+}
+.client-js .content_block.coordinates {
+  display: none;
+  text-align: right;
+  margin-bottom: 0.5em;
+  font-size: smaller;
+}
+.client-js .content_block.coordinates .latitude {
+  display: none;
+  padding-left: 20px;
+  background-image: 
url(//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Edge-firefox.png/50px-Edge-firefox.png);
+  background-repeat: no-repeat;
+  -webkit-background-size: auto 15px;
+  background-size: auto 15px;
+}
+.alpha #li-coordinates {
+  display: list-item;
+}
+.client-js .beta .content_block.coordinates {
+  display: block;
+}
+.client-js .beta .content_block.coordinates .latitude {
+  display: inline;
+}
+.topicon {
+  display: none;
+}
+td .sortkey,
+th .sortkey {
+  display: none;
+  speak: none;
+}
+.transborder {
+  border: solid transparent;
+}
+.references-column-count {
+  -moz-column-count: 1 !important;
+  -webkit-column-count: 1 !important;
+  column-count: 1 !important;
+}
+.mwe-math-fallback-image-inline {
+  display: inline-block;
+  max-width: 100%;
+  vertical-align: middle;
+}
+.mwe-math-fallback-image-display {
+  display: block;
+  max-width: 100%;
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+.mwe-math-fallback-source-inline {
+  display: inline;
+  max-width: 100%;
+  vertical-align: middle;
+}
+.mwe-math-fallback-source-display {
+  display: block;
+  max-width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
\ No newline at end of file

-- 
To view, visit https://gerrit.wikimedia.org/r/201103
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: merged
Gerrit-Change-Id: I2badde3134848d66dd1e7a77716f9a80be04bca5
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/services/mobileapps
Gerrit-Branch: master
Gerrit-Owner: BearND <bsitzm...@wikimedia.org>
Gerrit-Reviewer: BearND <bsitzm...@wikimedia.org>

_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to