BearND has uploaded a new change for review. https://gerrit.wikimedia.org/r/201103
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(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/services/mobileapps refs/changes/03/201103/1 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: newchange Gerrit-Change-Id: I2badde3134848d66dd1e7a77716f9a80be04bca5 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/services/mobileapps Gerrit-Branch: master Gerrit-Owner: BearND <bsitzm...@wikimedia.org> _______________________________________________ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits