MediaWiki:Mobile.css: Difference between revisions

(62 intermediate revisions by 2 users not shown)

Line 13:

#footer-bottom {background-color: #2B2A2B;}

.mw-ui-button.mw-ui-progressive.createboxButton {background-color: #E69710; border-color: #E69710;}

.mw-ui-button.mw-ui-progressive {background-color: #E69710; border-color: #E69710;}

.mw-inputbox-input.mw-ui-input.mw-ui-input-inline.createboxInput {background-color: #FFFFFF; color: black}

.editOptions {background-color: #333232;}

pre {background-color: #4D4C4D}

.oo-ui-fieldLayout-header {background-color: #333232;}

.oo-ui-fieldLayout-header {background-color: #333232; max-width: none;}

.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {max-width: none;}

.oo-ui-layout.oo-ui-horizontalLayout {background-color: #333232;}

.mw-summary.oo-ui-layout.oo-ui-labelElement.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top {background-color: #333232;}

Line 35:

Line 37:

#mw-previewheader {font-family: "Linux Libertine", Georgia, Times, serif; font-weight: normal;}

#siteSub {color: transparent; display: none;}

~~th {color:~~ #~~C1C1C1; background~~-~~color: #595959; border~~-~~color: #666; border: 1px;}~~

#mw-whatlinkshere-target {background-color: #4C4C4C; color: #C1C1C1;}

td {~~color: #C1C1C1;~~ background-color: #4C4C4C; ~~border-~~color: #~~666; border: 1px~~;}

#namespace {background-color: #FFFFFF; color: #000000;}

tr {~~color: #C1C1C1;~~ background-color: #~~4C4C4C~~; ~~border-~~color: #~~666; border: 1px~~;}

~~tbody~~ {~~color: #C1C1C1;~~ background-color: #~~4C4C4C~~; border-color: #~~666; border: 1px~~;}

/* changes page */

#mw-mf-userinfo {background-color: #2B2A2B; border-color: #2B2A2B;}

/* all pages */

Line 53:

Line 56:

.citizen-drawer__header {background-color: #2B2A2B;}

.citizen-drawer__menu {background-color: #2B2A2B;}

#n-mainpage-description {background-color: #2B2A2B; background: transparent;}

#p-Helping_Out {background-color: #2B2A2B; background: transparent;}

#t-upload {background-color: #2B2A2B; background: transparent;}

ul {background-color: #2B2A2B; background: transparent;}

/* preferences */

Line 67:

Line 74:

/* upload file */

fieldset {border-color: #2A4B8D;}

code {border~~-color~~: ~~#333232~~;}

code {border: none; background: transparent;}

#file-upload-button {background-color: #FFFFFF; border-color: #777776; color: #000000;}

#wpUploadFile {background-color: #4C4C4C; color: #C1C1C1;}

Line 100:

Line 107:

#ooui-1 {background-color: #4C4C4C; border-color: #A2A9B1;}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {background-color: #E69710; color: #FFFFFF;}

#a.oo-ui-buttonElement-button {background-color: #E69710; border-color: #E69710;}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled {background-color: #E69710; border-color: #E69710;}

.oo-ui-buttonElement-button {background-color: #E69710; border-color: #E69710;}

/* preferences page */

.client-js.skin-citizen-dark.citizen-animations-ready.mf-font-size-null {background-color: #333232;}

/* version page */

#sv-software {border-color: #666}

#mw-version-entrypoints-table {border-color: #666}

#sv-skin {border-color: #666}

#sv-ext {border-color: #666}

#sv-libraries {border-color: #666}

/* link colors */

Line 113:

Line 130:

:root.skin-citizen-dark a:link.stub { color: #E69710; } /* hovered links */

:root.skin-citizen-dark a:link {color: #E69710}

:root.skin-citizen-dark a:link {color: #E69710;}

:root.skin-citizen-dark a:visited {color: #DB8200}

:root.skin-citizen-dark a:visited {color: #DB8200;}

:root.skin-citizen-dark a:hover {color: #E69710}

:root.skin-citizen-dark a:hover {color: #E69710;}

:root.skin-citizen-dark a:active {color: #E69710}

:root.skin-citizen-dark a:active {color: #E69710;}

/* login */

#pt-login {background-color: #E69710;}

#p-personal-header {background-color: #2B2A2B;}

/* check mark */

#wpWatchthisWidget {--color-primary: #B47B18}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-checkboxInputWidget {--color-primary: #B47B18}

/* preferences */

:root {--color-primary: #E69710;}

/* infobox */

@media screen and (max-width: 1280px) {

table.infobox {

width: 100% !important;

margin: 0;

padding: 0 0.5em;

box-sizing: border-box;

table-layout: auto !important;

overflow-x: hidden !important;

}

table.infobox > tbody {

display: block;

min-width: 100%;

}

table.infobox th,

table.infobox td {

text-align: center !important;

white-space: normal !important;

word-wrap: break-word !important;

padding: 0.5em;

}

table.infobox img {

display: block;

width: 100% !important;

height: auto !important;

margin: 0;

}

/* section dropdown */

.section-heading.collapsible-heading {

display: block !important;

}

.section-heading.collapsible-heading > .mw-ui-icon,

.section-heading.collapsible-heading > .mw-headline,

.section-heading.collapsible-heading > .mw-editsection {

display: block !important;

/* optional spacing if you want a little gap between icon/headline/edit link */

margin-bottom: 0.25em;

}

.section-heading.collapsible-heading > .mw-ui-icon {

float: left;

margin-right: 0.5em;

}