MediaWiki:Mobile.css: Difference between revisions

(100 intermediate revisions by 2 users not shown)

Line 2:

:root.skin-citizen-dark {--color-surface-0: #333232;}

:root.skin-citizen-dark {--color-surface-1: #2B2A2B;}

:root.skin-citizen-dark {--color-~~base}~~

:root.skin-citizen-dark {--color-surface-2: #333232;}

~~:root.skin-citizen-dark {--color-base--emphasized: #C1C1C1;}~~

~~:root.skin-citizen-dark {--color-base-~~-~~subtle~~: #~~C1C1C1~~;}

/* ui color */

~~mw-content-text~~ {color: #C1C1C1;}

h1, h2, h3, h4, h5, h6 {color: #C1C1C1;}

.list-header {background-color: #333232;}

.mw-footer {background-color: #2B2A2B;}

Line 15:

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 33:

.thumbinner {background-color: #4C4C4C; color: #C1C1C1; border-color: #C8CCD1; margin-left: 3px;}

.thumbcaption {color: #C1C1C1; text-align: left; font-family: sans-serif;}

.mw-logo-wordmark {color: #FFFFFF;}

.mw-logo-wordmark {color: #C1C1C1;}

#firstHeading {font-family: "Linux Libertine", Georgia, Times, serif; font-weight: normal; margin-bottom: 0.25em;}

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

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

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

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

/* changes page */

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

/* all pages */

.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {border-color: #A2A9B1;}

~~.oo~~-ui-~~textInputWidget.oo~~-ui-~~inputWidget~~-~~input~~ {background-color: #4C4C4C; border-color: #~~A2A8B0~~; color: #C1C1C1;}

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

#ooui-php-2 {background-color: #4C4C4C; border-color: #A2A9B1; color: #C1C1C1;}

#ooui-php-3 {background-color: #4C4C4C; border-color: #4C4C4C; color: #A8A8A8;}

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

.oo-ui-textInputWidget.oo-ui-inputWidget-input {background-color: #4C4C4C; border-color: #A2A8B0; color: #C1C1C1;}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-dropdownInputWidget.oo-ui-isMobile.mw-widget-namespaceInputWidget

{background-color: #~~333232~~;}

{background-color: #4C4C4C;}

/* drawer */

.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 57:

Line 71:

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

#citizen-personalMenu__buttonCheckbox {background: transparent;}

/* upload file */

fieldset {border-color: #2A4B8D;}

code {border: none; background: transparent;}

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

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

#wpDestFile {background-color: #4C4C4C; border-color: #4C4C4C; color: #C1C1C1;}

#wpUploadDescription {background-color: #4C4C4C; border-color: #4C4C4C; color: #C1C1C1;}

#wpLicense {background-color: #FFFFFF; color: #000000; border-color: #777776;}

.mw-htmlform-submit {background-color: #4C4C4C; color: #C1C1C1;}

#wpWatchthis {background-color: #FFFFFF;}

#wpIgnoreWarning {background-color: #FFFFFF;}

/* search */

Line 81:

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 94:

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;

}