Jdlrobson has uploaded a new change for review. (
https://gerrit.wikimedia.org/r/404893 )
Change subject: DONOTMERGE: Test uncss
......................................................................
DONOTMERGE: Test uncss
Change-Id: I43c15ffefef29e5df811d8659b0648d35d36ff9d
---
M includes/skins/SkinMinerva.php
A resources/compressed.css
M skin.json
3 files changed, 1,165 insertions(+), 1 deletion(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/skins/MinervaNeue
refs/changes/93/404893/1
diff --git a/includes/skins/SkinMinerva.php b/includes/skins/SkinMinerva.php
index b0fc312..fdf8454 100644
--- a/includes/skins/SkinMinerva.php
+++ b/includes/skins/SkinMinerva.php
@@ -1435,6 +1435,7 @@
* @return array
*/
protected function getSkinStyles() {
+ return ['skin.compressed'];
$title = $this->getTitle();
$styles = [
'skins.minerva.base.reset',
@@ -1462,7 +1463,7 @@
*/
public function setupSkinUserCss( OutputPage $out ) {
// Add Minerva-specific ResourceLoader modules to the page
output
- $out->addModuleStyles( $this->getSkinStyles() );
+ $out->addModuleStyles( [ 'skin.compressed' ] );
}
}
diff --git a/resources/compressed.css b/resources/compressed.css
new file mode 100644
index 0000000..b1ba9a8
--- /dev/null
+++ b/resources/compressed.css
@@ -0,0 +1,1156 @@
+
+.hlist ul {
+ margin: 0;
+ padding: 0;
+}
+.hlist li {
+ margin: 0;
+ display: inline;
+}
+
+/**
+ * This tweaks the default mediawiki.hlist module to provide performance
optimisations
+ * as well as subtle tweaks to the appearance. It's a work in progress.
+ */
+.hlist > ul li,
+ul.hlist li {
+ display: inline-block;
+ margin-right: 8px;
+}
+.hlist-separated li:after {
+ content: '•' !important;
+ padding-left: 8px;
+ font-size: 1em;
+ line-height: 1;
+}
+.hlist-separated :last-child:after {
+ content: none !important;
+}/* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
+/* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
+.mw-ui-button {
+ font-family: inherit;
+ font-size: 1em;
+ display: inline-block;
+ min-width: 4em;
+ max-width: 28.75em;
+ padding: 0.546875em 1em;
+ line-height: 1.286;
+ margin: 0;
+ border-radius: 2px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ *display: inline;
+ /* stylelint-disable-line declaration-block-no-duplicate-properties */
+ zoom: 1;
+ vertical-align: middle;
+ background-color: #f8f9fa;
+ color: #222222;
+ border: 1px solid #a2a9b1;
+ text-align: center;
+ font-weight: bold;
+ cursor: pointer;
+}
+.mw-ui-button:visited {
+ color: #222222;
+}
+.mw-ui-button:hover {
+ background-color: #ffffff;
+ color: #444444;
+ border-color: #a2a9b1;
+}
+.mw-ui-button:focus {
+ background-color: #ffffff;
+ color: #222222;
+ border-color: #3366cc;
+ box-shadow: inset 0 0 0 1px #3366cc, inset 0 0 0 2px #ffffff;
+}
+.mw-ui-button:active {
+ background-color: #d9d9d9;
+ color: #000000;
+ border-color: #72777d;
+ box-shadow: none;
+}
+.mw-ui-button:disabled {
+ background-color: #c8ccd1;
+ color: #fff;
+ border-color: #c8ccd1;
+}
+.mw-ui-button:disabled:hover,
+.mw-ui-button:disabled:active {
+ background-color: #c8ccd1;
+ color: #fff;
+ box-shadow: none;
+ border-color: #c8ccd1;
+}
+.mw-ui-button:focus {
+ outline-width: 0;
+}
+.mw-ui-button:focus::-moz-focus-inner {
+ border-color: transparent;
+ padding: 0;
+}
+.mw-ui-button:not( :disabled ) {
+ -webkit-transition: background-color 100ms, color 100ms, border-color 100ms,
box-shadow 100ms;
+ -moz-transition: background-color 100ms, color 100ms, border-color 100ms,
box-shadow 100ms;
+ transition: background-color 100ms, color 100ms, border-color 100ms,
box-shadow 100ms;
+}
+.mw-ui-button:disabled {
+ text-shadow: none;
+ cursor: default;
+}
+a.mw-ui-button {
+ text-decoration: none;
+}
+a.mw-ui-button:hover,
+a.mw-ui-button:focus {
+ text-decoration: none;
+}/* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
+/* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
+.mw-ui-icon {
+ position: relative;
+ line-height: 1.5em;
+ min-height: 1.5em;
+ min-width: 1.5em;
+}
+.mw-ui-icon.mw-ui-icon-element {
+ text-indent: -999px;
+ overflow: hidden;
+ width: 3.5em;
+ min-width: 3.5em;
+ max-width: 3.5em;
+}
+.mw-ui-icon.mw-ui-icon-element:before {
+ left: 0;
+ right: 0;
+ position: absolute;
+ margin: 0 1em;
+}
+.mw-ui-icon.mw-ui-icon-before:before,
+.mw-ui-icon.mw-ui-icon-element:before {
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ background-size: 100% auto;
+ float: left;
+ display: block;
+ min-height: 1.5em;
+ content: '';
+}
+.mw-ui-icon.mw-ui-icon-before:before {
+ position: relative;
+ width: 1.5em;
+ margin-right: 1em;
+}
+.mw-ui-icon.mw-ui-icon-small:before {
+ background-size: 66.67% auto;
+}/* Fork of http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+/* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
+/* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
+html,
+body,
+div,
+span,
+h1,
+h2,
+h3,
+h4,
+h5,
+p,
+a,
+abbr,
+cite,
+img,
+small,
+sup,
+b,
+i,
+ol,
+ul,
+li,
+form,
+input,
+button,
+audio {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font: inherit;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: none;
+}
+table,
+caption,
+tbody,
+tr,
+th,
+td {
+ font-size: 100%;
+}
+caption {
+ font-weight: bold;
+}
+button {
+ border: 0;
+ 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;
+}/* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
+/* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
+/* stylelint-disable no-descending-specificity */
+html,
+body {
+ height: 100%;
+}
+body {
+ background-color: #eaecf0;
+}
+#content {
+ border-top: 1px solid transparent;
+ padding-bottom: 32px;
+}
+#content {
+ background-color: #ffffff;
+}
+.header-container {
+ border-bottom: 1px solid #c8ccd1;
+}
+.header-container.header-chrome {
+ background-color: #eaecf0;
+ border: 0;
+ box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.08);
+}
+.last-modified-bar {
+ background-color: transparent;
+ display: block;
+ color: #54595d;
+ transition: background-color 0.2s ease, color 0.2s ease;
+}
+.last-modified-bar a,
+.last-modified-bar a:visited {
+ color: #54595d;
+}
+.last-modified-bar a:nth-child( 2 ),
+.last-modified-bar a:visited:nth-child( 2 ) {
+ font-weight: bold;
+}
+.header {
+ display: table;
+ width: 100%;
+ border-spacing: 0;
+ border-collapse: collapse;
+ height: 3.35em;
+ white-space: nowrap;
+ border-top: 1px solid #c8ccd1;
+ margin-top: -1px;
+}
+.header > div {
+ width: 3.35em;
+ position: relative;
+ vertical-align: middle;
+ display: table-cell;
+}
+.header > div a {
+ display: block;
+}
+.header .branding-box {
+ width: auto;
+}
+.header .branding-box h1 {
+ margin-left: 5px;
+ font-size: 1em;
+}
+.header .branding-box h1 span {
+ line-height: 1;
+ font-size: inherit;
+}
+.header .branding-box h1 img {
+ vertical-align: middle;
+}
+.header .branding-box h1 > * {
+ float: left;
+}
+.header .branding-box h1 sup {
+ color: #54595d;
+ display: none;
+}
+#searchInput {
+ cursor: text;
+}
+.search-box,
+.header .search-box {
+ display: none;
+ width: auto;
+}
+.search-box .search {
+ background-image:
url(/w/skins/MinervaNeue/resources/skins.minerva.base.styles/magnifying-glass.png?0d442);
+ background-image: linear-gradient(transparent, transparent),
url("data:image/svg+xml,%3C%3Fxml version=%221.0%22
encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22
width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath
fill=%22%2372777d%22 d=%22M5.9 15.2c1.2 1.2 2.7 1.8 4.4 1.8 1.5 0 2.9-.5
4-1.4l4.3 3.9s1-.3 1.3-1.4l-4.3-3.9c1.6-2.4
1.3-5.7-.8-7.8-1.2-1.2-2.7-1.8-4.4-1.8-1.7-.1-3.3.6-4.4 1.8-2.5 2.4-2.5 6.4-.1
8.8zM7 7.7s.1-.1.2-.1c.9-.9 2-1.3 3.2-1.3 1.2 0 2.4.5 3.2 1.3 1.8 1.8 1.8 4.7 0
6.4-.9.9-2 1.3-3.2 1.3-1.2
0-2.4-.5-3.2-1.3-1.8-1.7-1.8-4.5-.2-6.3z%22/%3E%3C/svg%3E");
+ outline: 0;
+ width: 100%;
+ background-color: #fff !important;
+ /* remove fennec default background also see bug 36490 */
+ -webkit-appearance: none;
+ padding: 0.5em 0 0.5em 32px;
+ background-position: left 6px center;
+ background-repeat: no-repeat;
+ -webkit-background-size: 20px 20px;
+ background-size: 20px 20px;
+ border-radius: 2px;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ margin-top: 0;
+}
+/* Search */
+input.search::-webkit-search-decoration,
+input.search::-webkit-search-cancel-button,
+input.search::-webkit-search-results-button,
+input.search::-webkit-search-results-decoration {
+ display: none;
+}
+.content h2 {
+ clear: both;
+}
+.content h2 .edit-page {
+ font-size: 0.66666667em;
+}
+.content h3 .edit-page {
+ font-size: 0.83333333em;
+}
+.content .edit-page {
+ display: inline-block;
+}
+.content .mw-parser-output > h2,
+.content .section-heading {
+ width: 100%;
+ border-bottom: 1px solid #eaecf0;
+ margin-bottom: 0.5em;
+}
+.content .mw-parser-output > h2 .indicator,
+.content .section-heading .indicator {
+ font-size: 0.4em;
+ margin-left: -1em;
+}
+.content .mw-parser-output > h2,
+.content .section-heading,
+.content .in-block {
+ display: table;
+}
+.content .mw-parser-output > h2 .mw-headline,
+.content .section-heading .mw-headline,
+.content .in-block .mw-headline {
+ width: 100%;
+}
+.content .mw-parser-output > h2 > span,
+.content .section-heading > span,
+.content .in-block > span {
+ display: table-cell;
+ vertical-align: middle;
+}
+.client-nojs .section-heading .indicator {
+ display: none;
+}
+#page-secondary-actions {
+ clear: both;
+}
+#page-secondary-actions a {
+ margin: 10px 2px 2px 0;
+}
+.truncated-text {
+ white-space: nowrap;
+ overflow: hidden;
+ -webkit-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+}
+.header #secondary-button.user-button,
+.header .user-button {
+ position: relative;
+}
+.navigation-drawer {
+ position: absolute;
+ z-index: 0;
+ visibility: hidden;
+}
+.pre-content,
+.content,
+.post-content {
+ margin: 0 16px;
+}
+
+/* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
+/* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
+.client-nojs #ca-watch {
+ display: none !important;
+}
+.client-nojs #ca-edit {
+ display: none;
+}
+.heading-holder {
+ padding: 20px 0 3.6em;
+ overflow: hidden;
+ position: relative;
+}
+#section_0 {
+ padding-top: 0;
+ padding-bottom: 0;
+ border-bottom: 0;
+}
+#page-actions {
+ font-size: 1.1em;
+ float: none;
+ border: 0;
+ overflow: hidden;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ border-top: 1px solid #eaecf0;
+ border-bottom: 1px solid #c8ccd1;
+ padding: 0.5em 0;
+}
+#page-actions li {
+ display: inline-block;
+ position: relative;
+ cursor: pointer;
+ margin-right: 0;
+ margin-bottom: 0;
+ float: right;
+}
+#page-actions li a {
+ position: absolute;
+ display: block;
+ width: 100%;
+ height: 100%;
+ margin: 0 0 8px;
+}
+#page-actions li a {
+ cursor: pointer;
+}
+#page-actions li:first-child {
+ margin-top: 0;
+}
+#page-actions .language-selector {
+ float: left;
+ margin-left: -1em;
+}
+#page-actions .language-selector.disabled {
+ cursor: default;
+ opacity: 0.25;
+}
+#page-actions #ca-edit {
+ margin-right: -1em;
+}
+@media all and (max-width: 320px - 1) {
+ .client-nojs #page-actions {
+ display: none;
+ }
+ .client-nojs #section_0 {
+ border: 0;
+ }
+}
+
+/* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
+/* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
+.view-border-box *,
+.view-border-box {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.toc-mobile,
+#toc,
+.client-nojs .toc-mobile,
+.printfooter {
+ display: none;
+}
+/* TODO: Fix specificity */
+/* stylelint-disable no-descending-specificity */
+/* stylelint-enable no-descending-specificity */
+#mw-mf-page-center {
+ background-color: #eaecf0;
+}
+
+/* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
+/* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
+
+/* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
+/* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
+.lazy-image-placeholder {
+ background-color: #eaecf0;
+ display: inline-block;
+}
+li .lazy-image-placeholder,
+span .lazy-image-placeholder {
+ display: inline-block;
+}
+.client-nojs .lazy-image-placeholder {
+ display: none;
+}
+
+/* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
+/* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
+footer {
+ border-top: solid 1px #c8ccd1;
+ overflow: auto;
+ padding-bottom: 6px;
+}
+footer .hlist li:after {
+ color: #002bb8;
+}
+footer .last-modified-bar {
+ border-bottom: solid 1px #c8ccd1;
+ background-color: #eaecf0;
+ display: block;
+ color: #54595d;
+ line-height: 1.5em;
+ transition: background-color 0.2s ease, color 0.2s ease;
+}
+footer .last-modifier-tagline {
+ display: block;
+ width: 100%;
+ font-size: 0.9em;
+ padding: 7px 2em 7px 0;
+}
+footer .indicator {
+ position: absolute;
+ right: -1em;
+}
+.client-nojs footer .indicator {
+ display: none;
+}
+footer > .post-content {
+ overflow: auto;
+ margin-top: 42px;
+}
+footer > .post-content > * {
+ margin-bottom: 9px;
+}
+footer > .post-content > h2 {
+ border-bottom: solid 1px #c8ccd1;
+ padding-bottom: 10px;
+ margin-top: 42px;
+ font-size: 1em;
+ font-weight: bold;
+}
+footer > .post-content > h2:first-child {
+ margin-top: 0;
+}
+footer > .post-content .hlist,
+footer > .post-content .license {
+ font-size: 0.875em;
+}
+@media (min-width: 720px) {
+ footer .last-modified-bar {
+ padding-left: 0;
+ padding-right: 0;
+ font-size: 1em;
+ }
+}
+
+@media print {
+ .noprint,
+ .banner-container,
+ .header,
+ .pre-content,
+ .post-content {
+ display: none;
+ }
+ h1,
+ h2,
+ h3,
+ h4,
+ h5 {
+ page-break-after: avoid;
+ }
+ table,
+ img,
+ .lazy-image-placeholder {
+ page-break-inside: avoid;
+ }
+ img {
+ max-width: 100%;
+ }
+}
+@media print and (max-device-width: 720px) {
+ @page {
+ margin: 50px 0;
+ }
+ html {
+ padding: 0 50px;
+ }
+ .header-container {
+ background: #ffffff !important;
+ box-shadow: none !important;
+ }
+ .header {
+ border-top: 0;
+ display: block;
+ height: auto;
+ }
+ .header .branding-box {
+ padding-left: 0 !important;
+ }
+ .header .branding-box sup {
+ display: none !important;
+ }
+ .header > div {
+ display: none !important;
+ }
+ .header > .branding-box {
+ height: auto;
+ display: block !important;
+ padding: 0 0 51px 50px;
+ }
+ .header > .branding-box h1 {
+ font-size: inherit;
+ }
+ .header > .branding-box h1 > * {
+ float: none;
+ }
+ .header > .branding-box h1 img {
+ height: 41px;
+ width: auto;
+ vertical-align: inherit;
+ }
+ /* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
+ /* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
+ .hatnote {
+ display: none;
+ }
+ .pre-content {
+ display: block;
+ padding: 51px 0 35px;
+ }
+ .pre-content h1 {
+ font-size: 70px;
+ font-weight: normal;
+ font-style: italic;
+ font-stretch: normal;
+ line-height: normal;
+ letter-spacing: normal;
+ text-align: left;
+ color: #000000;
+ }
+ .pre-content #page-actions {
+ display: none;
+ }
+ #bodyContent {
+ padding-top: 55px;
+ position: relative;
+ }
+ #bodyContent:before {
+ top: 0;
+ }
+ .thumbinner {
+ width: auto !important;
+ }
+ .thumbinner > a {
+ width: 100%;
+ }
+ .thumb {
+ position: relative;
+ padding: 58px 0 !important;
+ text-align: left;
+ margin: 0 !important;
+ }
+ .thumb:after {
+ bottom: 30px;
+ }
+ .thumb:after,
+ #bodyContent:before {
+ position: absolute;
+ left: 0;
+ content: '';
+ display: block;
+ width: 55px;
+ height: 2px;
+ background: #999999;
+ }
+ .thumbcaption {
+ margin-top: 23px !important;
+ width: 100%;
+ font-style: italic;
+ font-size: 28px;
+ }
+ #mw-content-text {
+ font-size: 36px;
+ }
+ #mw-content-text a {
+ text-decoration: underline;
+ color: #222222;
+ }
+ #mw-content-text .section-heading {
+ border-bottom: 0;
+ padding-bottom: 0;
+ margin-bottom: 16px;
+ }
+ #mw-content-text h2 {
+ font-size: 48px;
+ }
+ #mw-content-text h3 {
+ font-size: 40px;
+ margin-bottom: 13px;
+ }
+ #mw-content-text h4,
+ #mw-content-text h5 {
+ font-size: 36px;
+ margin-bottom: 12px;
+ }
+ #mw-content-text table.infobox {
+ font-size: 30px;
+ }
+ .references .mw-cite-backlink {
+ display: none;
+ }
+ .references .reference-text {
+ font-style: italic;
+ }
+ .references a {
+ text-decoration: none;
+ }
+ .references .external.text {
+ background-image: none;
+ }
+ .printfooter {
+ display: block;
+ padding-top: 108px;
+ font-size: 30px;
+ }
+ #mw-mf-page-center > footer {
+ border-top: solid 4px #000;
+ padding-top: 23px;
+ background: #fff !important;
+ }
+ #mw-mf-page-center > footer .mw-ui-icon:before {
+ display: none !important;
+ }
+ #mw-mf-page-center > footer .last-modified-bar {
+ background: none !important;
+ border: 0 !important;
+ }
+ #mw-mf-page-center > footer .last-modifier-tagline {
+ font-size: 36px;
+ padding-top: 0 !important;
+ padding-bottom: 16px !important;
+ }
+ #mw-mf-page-center > footer .last-modified-bar,
+ #mw-mf-page-center > footer .last-modified-bar a {
+ font-weight: bold !important;
+ color: #000 !important;
+ }
+ #mw-mf-page-center > footer .post-content {
+ margin-top: 15px !important;
+ display: block !important;
+ }
+ #mw-mf-page-center > footer .post-content .hlist,
+ #mw-mf-page-center > footer .post-content h2 {
+ display: none;
+ }
+ #mw-mf-page-center > footer .post-content .license {
+ font-size: 30px;
+ color: #999999;
+ font-weight: normal;
+ }
+}/* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
+/* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
+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: #222222;
+ background: #fff;
+}
+.content {
+ line-height: 1.65;
+ word-wrap: break-word;
+}
+@media all and (max-width: 320px - 1) {
+ body {
+ font-size: 0.8em;
+ }
+ .content {
+ margin: 0 12px;
+ }
+}
+.nomobile {
+ display: none !important;
+}
+.content .thumb {
+ margin: 0.6em 0;
+}
+.content .thumb .thumbinner {
+ margin: 0 auto;
+ max-width: 100% !important;
+}
+.content .thumbcaption {
+ margin: 0.5em 0 0;
+ font-size: 0.8em;
+ line-height: 1.5;
+ padding: 0 !important;
+ color: #54595d;
+}
+.content .thumbcaption {
+ width: auto !important;
+}
+.content .magnify {
+ display: none;
+}
+.content img {
+ vertical-align: middle;
+}
+.content a > img {
+ max-width: 100% !important;
+ height: auto !important;
+}
+h1 {
+ font-size: 1.7em;
+}
+h2 {
+ font-size: 1.5em;
+}
+h3 {
+ font-size: 1.2em;
+ font-weight: bold;
+}
+h4 {
+ font-weight: bold;
+}
+.pre-content h1,
+.content h2 {
+ font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
+}
+h3,
+h4,
+h5 {
+ font-family: 'Helvetica Neue', 'Helvetica', 'Nimbus Sans L', 'Arial',
'Liberation Sans', sans-serif;
+}
+.pre-content h1,
+.content h2,
+h3,
+h4,
+h5 {
+ line-height: 1.3;
+ word-wrap: break-word;
+ word-break: break-word;
+}
+.content h2,
+.content h3,
+.content h4,
+.content h5 {
+ padding: 0.5em 0;
+}
+.content {
+ /* stylelint-disable no-descending-specificity */
+ /* stylelint-enable no-descending-specificity */
+}
+.content ul {
+ list-style: square outside;
+ padding-left: 1em;
+}
+.content ul > li > ul {
+ list-style-type: disc;
+}
+.content ul > li > ul > li > ul {
+ list-style-type: circle;
+}
+.content ol {
+ list-style: decimal inside;
+}
+.content ol ul,
+.content ul ul {
+ margin-left: 1em;
+}
+.content ol li,
+.content ul li {
+ margin-bottom: 10px;
+}
+.content ol li:last-child,
+.content ul li:last-child {
+ margin-bottom: inherit;
+}
+/* the following rule is completely copied from mediawiki.skinning.content[1],
as
+ * don't want to include this module in mobile/minerva, see T129375.
+ * [1]
https://github.com/wikimedia/mediawiki/blob/0687f250d6fb4196a7aa60af4fe11c7d21f3c455
+ * /resources/src/mediawiki.skinning/content.css#L260
+ */
+/* Hide elements that are marked as "empty" according to legacy Tidy rules,
+ * except if a client script removes the mw-hide-empty-elt class from the body
+ */
+body.mw-hide-empty-elt .mw-empty-elt {
+ display: none;
+}
+@media all and (min-width: 720px) {
+ table.infobox {
+ margin: 0.5em 0 1em 35px !important;
+ max-width: 320px;
+ width: auto !important;
+ float: right !important;
+ clear: right !important;
+ }
+ table.infobox td {
+ width: auto;
+ }
+}
+@media screen and (min-width: 1000px) {
+ .banner-container,
+ .header,
+ .content,
+ .pre-content,
+ .post-content {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 993.3px;
+ }
+ .header {
+ max-width: 995.3px;
+ }
+}
+@media screen and (min-width: 720px) {
+ .header .branding-box {
+ width: 11.0625em;
+ }
+ .header .search-box {
+ display: table-cell;
+ width: auto;
+ }
+ .header .search-box .search {
+ width: 23.4375em;
+ }
+ .toc-mobile {
+ display: block;
+ visibility: visible;
+ position: relative;
+ font-size: 1.3em;
+ float: left;
+ clear: left;
+ margin: 1em 0;
+ border: solid 1px transparent;
+ }
+ .toc-mobile > h2 {
+ visibility: hidden;
+ font-family: 'Helvetica Neue', 'Helvetica', 'Nimbus Sans L', 'Arial',
'Liberation Sans', sans-serif;
+ font-size: 0.8em;
+ font-weight: bold;
+ border-bottom: 0;
+ padding: 0.7em 0;
+ }
+ .pre-content,
+ .content,
+ .post-content {
+ max-width: 993.3px;
+ margin: 0 3.35em;
+ }
+ .content .thumb {
+ width: 320px;
+ }
+ .content .thumb.tleft {
+ /* @noflip */
+ float: left;
+ /* @noflip */
+ clear: left;
+ /* @noflip */
+ margin-right: 1.4em;
+ }
+ .content .thumb.tright {
+ /* @noflip */
+ float: right;
+ /* @noflip */
+ clear: right;
+ /* @noflip */
+ margin-left: 1.4em;
+ }
+ .content table {
+ display: table;
+ width: auto !important;
+ }
+ .content table caption {
+ background: inherit;
+ display: table-caption;
+ }
+ .content table tbody {
+ display: table-row-group;
+ }
+ .last-modified-bar {
+ background-color: transparent;
+ padding-left: 0;
+ padding-right: 0;
+ font-size: 1em;
+ }
+}
+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: #dd3333;
+}
+a.external {
+ background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVElEQVR42n3PgQkAIAhEUXdqJ3dqJ3e6IoTPUSQcgj4EQ5IlUiLE0Jil3PECXhcHGBhZ8kg4hwxAu3MZeCGeyFnAXp4hqNQPnt7QL0nADpD6wHccLvnAKksq8iiaAAAAAElFTkSuQmCC);
+ background-image:
url(/w/skins/MinervaNeue/resources/skins.minerva.content.styles/images/external-link-ltr-icon.png?948bf)!ie;
+ background-image: linear-gradient(transparent, transparent),
url("data:image/svg+xml,%3C%3Fxml version=%221.0%22
encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22
width=%2210%22 height=%2210%22 viewBox=%220 0 10 10%22%3E%3Cpath
fill=%22%23fff%22 stroke=%22%2336c%22 d=%22M.5
3.518h5.982V9.5H.5z%22/%3E%3Cpath fill=%22%2336c%22
d=%22M4.755-.16H9.99v5.39L8.417 6.774l-1.31-1.31L4.383 8.19 1.695
5.5l2.808-2.807-1.31-1.31z%22/%3E%3Cpath fill=%22%23fff%22 d=%22M8.984.845l.022
4.884L7.19 3.91 4.308 6.79 3.08 5.567l2.882-2.88L4.112.833z%22/%3E%3C/svg%3E");
+ background-repeat: no-repeat;
+ background-position: center right;
+ padding-right: 13px;
+}
+/* Plainlinks - this can be used to switch
+ * off special external link styling */
+.plainlinks a {
+ background: none !important;
+ padding: 0 !important;
+}
+.mw-parser-output {
+ counter-reset: mw-numbered-ext-link;
+}
+.content p {
+ margin: 0.5em 0 1em 0;
+}
+b {
+ font-weight: bold;
+}
+i {
+ font-style: italic;
+}
+sup {
+ vertical-align: super;
+}
+sup {
+ font-size: 0.75em;
+ line-height: 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 .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: 1px solid #eaecf0;
+ margin-bottom: 2em;
+ text-align: left;
+ background-color: #f8f9fa;
+}
+.content table.infobox th,
+.content table.infobox td {
+ vertical-align: top;
+ border: 0;
+ border-bottom: 1px solid #eaecf0;
+ padding: 7px 10px;
+}
+.content table.infobox td {
+ width: 100%;
+}
+.content table.infobox tr:last-child th,
+.content table.infobox tr:last-child td {
+ border: 0;
+}
+.references li:target {
+ background-color: #def;
+}
+.hatnote {
+ padding: 5px 7px;
+ color: #54595d;
+ font-size: 0.8em;
+ background-color: #f8f9fa;
+ margin-bottom: 1px;
+}
+.hatnote a {
+ color: #3366cc;
+}
+@media all and (max-width: 720px) {
+ .content .thumb .thumbinner {
+ display: -webkit-flex;
+ display: -moz-flex;
+ display: -ms-flexbox;
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ align-content: flex-start;
+ }
+ .content .thumb .thumbinner > .thumbcaption {
+ -webkit-box-pack: justify;
+ -moz-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ width: 100%;
+ -ms-flex: 1 0 100%;
+ flex: 1 0 100%;
+ -webkit-box-ordinal-group: 1;
+ -moz-box-ordinal-group: 1;
+ -ms-flex-order: 1;
+ order: 1;
+ display: block;
+ }
+}
+/* cannot use with uncss-online.com */
+.mw-ui-icon-notifications:before {
+ background-image:
url(/w/load.php?modules=skins.minerva.icons.images&image=notifications&format=rasterized&lang=en&skin=minerva);
+ background-image: linear-gradient(transparent, transparent),
url("data:image/svg+xml,%3C%3Fxml version=%221.0%22
encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22
width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22
xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3Enotification%3C/title%3E%3Cdefs%3E%3Cpath
id=%22a%22 d=%22M9.643 21.364c1.234 0 2.235-.956 2.235-2.136h-4.47c0 1.18 1
2.136 2.234 2.136z%22/%3E%3Cmask id=%22b%22 width=%224.471%22
height=%222.136%22 x=%220%22 y=%220%22 fill=%22%23fff%22%3E%3Cuse
xlink:href=%22%23a%22/%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22none%22
fill-rule=%22evenodd%22 transform=%22translate%282 1%29%22%3E%3Cuse
stroke=%22%2354595d%22 stroke-width=%224%22 mask=%22url%28%23b%29%22
xlink:href=%22%23a%22/%3E%3Cpath fill=%22%2354595d%22 d=%22M16.893
9.08v3.998l1.77 3.603v1.098H.623V16.68l1.77-3.603V9.08c0-2.894 1.822-5.41
4.475-6.47C7.13 1.327 8.284.383 9.642.383c1.357 0 2.51.944 2.773 2.227 2.653
1.06 4.477 3.576 4.477 6.47zM10.92 3.974H8.366c-2.438.553-4.255 2.64-4.255
5.14v4.474l-1.7
2.44h14.467l-1.702-2.44V9.114c.024-4.076-3.616-5.09-4.255-5.14z%22/%3E%3C/g%3E%3C/svg%3E");
+}
+.mw-ui-icon-mainmenu:before {
+ background-image:
url(/w/load.php?modules=skins.minerva.icons.images&image=mainmenu&format=rasterized&lang=en&skin=minerva);
+ background-image: linear-gradient(transparent, transparent),
url("data:image/svg+xml,%3C%3Fxml version=%221.0%22
encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22
width=%2224%22 height=%2224%22 viewBox=%220 0 24
24%22%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath fill=%22%2354595d%22
fill-rule=%22evenodd%22 d=%22M21
19H2v-2h19v2zm0-6H2v-2h19v2zm0-6H2V5h19v2z%22/%3E%3C/svg%3E");
+}
+.mw-ui-icon-edit:before {
+ background-image:
url(/w/load.php?modules=skins.minerva.icons.images&image=edit&format=rasterized&lang=en&skin=minerva);
+ background-image: linear-gradient(transparent, transparent),
url("data:image/svg+xml,%3C%3Fxml version=%221.0%22
encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22
width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg id=%22Page-1%22
fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg id=%22edit-locked%22
fill=%22%2372777d%22%3E%3Cpath d=%22M14 15h.75l-7 7H3v-4.75l9-9V13a2 2 0 0 0 2
2zm7.036-8c.532 0 .964.432.964.964v4.072a.965.965 0 0
1-.964.964h-6.072a.965.965 0 0
1-.964-.964V7.964c0-.532.432-.964.964-.964h.536V5.5S15.5 3 18 3s2.5 2.5 2.5
2.5V7h.536zM19.5 7V5.75C19.5 5 19.5 4 18 4s-1.5 1-1.5 1.75V7h3zM18 11a1 1 0 1 0
0-2 1 1 0 0 0 0 2z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+}
+.mw-ui-icon-edit-enabled:before {
+ background-image:
url(/w/load.php?modules=skins.minerva.icons.images&image=edit-enabled&format=rasterized&lang=en&skin=minerva);
+ background-image: linear-gradient(transparent, transparent),
url("data:image/svg+xml,%3C%3Fxml version=%221.0%22
encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22
width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath
fill=%22%2354595d%22 d=%22M6.387 17.996l-1.12-1.12 12.38-12.38 1.12 1.118-12.38
12.382zM21.692 6.83l-3.52-3.521a1.058 1.058 0 0 0-1.495 0L3
16.985V22h5.015L21.692 8.323a1.06 1.06 0 0 0 0-1.493z%22/%3E%3C/svg%3E");
+}
+.mw-ui-icon-magnifying-glass:before {
+ background-image:
url(/w/load.php?modules=skins.minerva.icons.images&image=magnifying-glass&format=rasterized&lang=en&skin=minerva);
+ background-image: linear-gradient(transparent, transparent),
url("data:image/svg+xml,%3C%3Fxml version=%221.0%22
encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22
width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Emagnifying
glass%3C/title%3E%3Cpath fill=%22%2354595d%22 fill-rule=%22evenodd%22
d=%22M16.474 15.44c1.147-1.375 1.835-3.21 1.835-5.16a7.98 7.98 0 0 0-8.03-8.03
7.98 7.98 0 0 0-8.03 8.03 7.98 7.98 0 0 0 8.03 8.03c1.72 0 3.21-.46
4.47-1.378l4.473 4.474c.46.46 1.262.46 1.836
0l.69-.688-5.278-5.277zm-11.93-5.16c0-3.21 2.524-5.735 5.735-5.735 3.21 0 5.732
2.524 5.732 5.735 0 3.212-2.524 5.736-5.736 5.736-3.212
0-5.736-2.638-5.736-5.736z%22/%3E%3C/svg%3E");
+}
+.mw-ui-icon-language-switcher:before {
+ background-image:
url(/w/load.php?modules=skins.minerva.icons.images&image=language-switcher&format=rasterized&lang=en&skin=minerva);
+ background-image: linear-gradient(transparent, transparent),
url("data:image/svg+xml,%3C%3Fxml version=%221.0%22
encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22
width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg id=%22Page-1%22
fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg id=%22language-selection%22
fill=%22%2354595d%22%3E%3Cpath d=%22M21.047 20H23L18.443 5h-2.712l-4.774
15h1.953l1.302-4.05h5.424L21.047 20zM16.925 7.062l2.277
6.977h-4.556l2.279-6.975v-.002zM6.726 4c-.738 0-1.411-.187-1.735-.875L4.447
2h2.17l1.085 2h-.976zm4.126 9.926l-.544 1.685a11.228 11.228 0 0
1-3.797-2.024c-1.848 1.462-3.798 2.362-5.968 3.038L0 14.937c1.842-.675
3.687-1.35 5.208-2.588a14.16 14.16 0 0 1-3.038-5.29H.108V5H13.56l-.543
2.062h-2.17c-.382 1.71-1.556 3.802-3.038 5.29.872.674 1.846 1.237 3.042
1.574zM9.116 7.062H4.015c.434 1.576 1.41 3.038 2.496 4.163 1.148-1.286
2.005-2.516 2.603-4.162l.002-.001z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+}
\ No newline at end of file
diff --git a/skin.json b/skin.json
index c1758a7..013e55c 100644
--- a/skin.json
+++ b/skin.json
@@ -193,6 +193,13 @@
"userpage":
"resources/skins.minerva.userpage.icons/userpage.svg"
}
},
+ "skin.compressed": {
+ "targets": [
+ "mobile",
+ "desktop"
+ ],
+ "styles": [ "resources/compressed.css" ]
+ },
"skins.minerva.userpage.styles": {
"targets": [
"mobile",
--
To view, visit https://gerrit.wikimedia.org/r/404893
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I43c15ffefef29e5df811d8659b0648d35d36ff9d
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/skins/MinervaNeue
Gerrit-Branch: master
Gerrit-Owner: Jdlrobson <jrob...@wikimedia.org>
_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
