Mholloway has uploaded a new change for review.

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

Change subject: Replace erroneously removed cite styles
......................................................................

Replace erroneously removed cite styles

Generating these requires the 'cite' role in mw-vagrant, which I didn't
have before (leading to an error generating the CSS).

Thus, I removed the reference from the CSS generation script.

This puts back the needed styles.  I'll update the mobileapp role in a
follow-up patch to require the cite role.

Bug: T132253
Change-Id: I7a9c8ef804301bc81932886a2aec74fe96ba3f84
---
M app/src/main/assets/preview.css
M app/src/main/assets/styles.css
M scripts/make-css-assets.bash
3 files changed, 296 insertions(+), 139 deletions(-)


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

diff --git a/app/src/main/assets/preview.css b/app/src/main/assets/preview.css
index 8c85468..84e0395 100644
--- a/app/src/main/assets/preview.css
+++ b/app/src/main/assets/preview.css
@@ -467,6 +467,88 @@
     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;
diff --git a/app/src/main/assets/styles.css b/app/src/main/assets/styles.css
index ad191a6..6264352 100644
--- a/app/src/main/assets/styles.css
+++ b/app/src/main/assets/styles.css
@@ -467,26 +467,98 @@
     display: block !important;
     width: auto !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;
+}/* 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;
 }
-@-webkit-keyframes rot {
-  from {
-    -webkit-transform: rotate(0deg);
-  }
-  to {
-    -webkit-transform: rotate(359deg);
-  }
+
+/* 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) "]";
 }
-#loading_sections {
-  margin: 8px auto;
-  height: 24px;
-  width: 24px;
+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;
+}#issues_container div.hatnote {
+  display: none;
+}
+a.disambig_button {
+  text-decoration: none;
+  color: #555555;
+  float: left;
+}
+a.disambig_button:active {
+  color: #b0b0b0;
 }
 
 a.edit_section_button {
@@ -564,107 +636,6 @@
   /* 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 {
-  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(/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(/w/extensions/MobileApp/images/table_collapse.png?d3e42)!ie;
-}
-.app_span_collapse_text {
-  color: #808080;
-}
-.app_table_collapsed_bottom {
-  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(/w/extensions/MobileApp/images/ipa.png?736e4)!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
@@ -1010,6 +981,75 @@
   overflow: auto;
 }
 
+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;
+}
+
+/* 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;
+}
+
+.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(/w/extensions/MobileApp/images/ipa.png?736e4)!ie;
+  background-size: 28px 16px;
+  height: 16px;
+  width: 28px;
+}
+
+.content figure {
+  max-width: 100%;
+  background-color: transparent;
+  font-size: inherit;
+}
+.content figure img {
+  margin: .6em auto .6em auto;
+  border: none;
+  padding: 0;
+  display: block;
+  clear: both;
+}
 .content figcaption {
   margin: .5em 0 0;
   font-size: .8em;
@@ -1019,13 +1059,60 @@
   width: auto !important;
 }
 
-.wideImageOverride {
-  /* Center images. */
-  display: block;
-  clear: both;
-  margin-left: auto;
-  margin-right: auto;
+.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 {
+  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(/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(/w/extensions/MobileApp/images/table_collapse.png?d3e42)!ie;
+}
+.app_span_collapse_text {
+  color: #808080;
+}
+.app_table_collapsed_bottom {
+  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;
+}
+
 @media (orientation: portrait) {
   .wideImageOverride {
     width: 100% !important;
@@ -1059,16 +1146,4 @@
 .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;
-}
-div.gallerytext > p {
-  margin-top: 0px !important;
 }
\ No newline at end of file
diff --git a/scripts/make-css-assets.bash b/scripts/make-css-assets.bash
index bd32bd9..77beb4c 100755
--- a/scripts/make-css-assets.bash
+++ b/scripts/make-css-assets.bash
@@ -3,6 +3,6 @@
 PREFIX="http://127.0.0.1:8080/w";
 BASE_PATH="`dirname $0`/.."
 
-wget 
"$PREFIX/load.php?debug=true&lang=en&modules=skins.minerva.base.reset|skins.minerva.content.styles|mobile.app.pagestyles.android&only=styles&skin=vector&version=&*"
 -O "$BASE_PATH/app/src/main/assets/styles.css"
-wget 
"$PREFIX/load.php?debug=true&lang=en&modules=skins.minerva.base.reset|skins.minerva.content.styles|mobile.app.preview&only=styles&skin=vector&version=&*"
 -O "$BASE_PATH/app/src/main/assets/preview.css"
+wget 
"$PREFIX/load.php?debug=true&lang=en&modules=skins.minerva.base.reset|skins.minerva.content.styles|ext.cite.style|mobile.app.pagestyles.android&only=styles&skin=vector&version=&*"
 -O "$BASE_PATH/app/src/main/assets/styles.css"
+wget 
"$PREFIX/load.php?debug=true&lang=en&modules=skins.minerva.base.reset|skins.minerva.content.styles|ext.cite.style|mobile.app.preview&only=styles&skin=vector&version=&*"
 -O "$BASE_PATH/app/src/main/assets/preview.css"
 wget 
"$PREFIX/load.php?debug=true&lang=en&modules=mobile.app.pagestyles.android.night&only=styles&skin=vector&version=&*"
 -O "$BASE_PATH/app/src/main/assets/night.css"

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

Gerrit-MessageType: newchange
Gerrit-Change-Id: I7a9c8ef804301bc81932886a2aec74fe96ba3f84
Gerrit-PatchSet: 1
Gerrit-Project: apps/android/wikipedia
Gerrit-Branch: master
Gerrit-Owner: Mholloway <mhollo...@wikimedia.org>

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

Reply via email to