Difference between revisions of "MediaWiki:Citizen.css"

From Serial Experiments Lain wiki
Jump to: navigation, search
Tags: Mobile web edit Mobile edit
 
Line 1: Line 1:
/* All CSS here will be loaded for users of the Citizen skin */
+
/* ui color */
:root.skin-citizen-dark {
+
:root.skin-citizen-dark {--color-surface-0: #333232;}
  --color-surface-0: #333232;
+
.list-header {background-color: #333232;}
}
+
.mw-footer {background-color: #2B2A2B;}
 +
#footer-desc {background-color: #2B2A2B;}
 +
.mw-header.citizen-header {background-color: #2B2A2B; opacity: 98%;}
 +
.last-modified-bar {background-color: #2B2A2B;}
 +
#footer-bottom {background-color: #2B2A2B;}
 +
.mw-ui-button.mw-ui-progressive.createboxButton {background-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-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;}
 +
.editButtons {background-color: #333232;}
 +
#wpPreview {background-color: #E69710;}
 +
#wpDiff {background-color: #E69710;}
 +
#wpSave {background-color: #E69710;}
 +
.oo-ui-buttonElement-button {background-color: #E69710; color: #FFFFFF;}
 +
.oo-ui-labelElement-label {color: #FFFFFF;}
 +
.mw-collapsible-text {color: #E69710;}
 +
#p-views #ca-edit > a, #p-views #ca-ve-edit > a {background-color: #E69710;}
 +
 
 +
/* drawer */
 +
.citizen-drawer__header {background-color: #2B2A2B; opacity: 100%;}
 +
.citizen-drawer__menu {background-color: #2B2A2B; opacity: 100%;}
 +
 
 +
/* preferences */
 +
#citizen-pref-header {background-color: #2B2A2B;}
 +
#citizen-pref-panel {background-color: #2B2A2B;}
 +
#citizen-pref-form {background-color: #2B2A2B;}
 +
#citizen-pref-toggle {background: transparent;}
 +
 
 +
/* personal */
 +
#p-personal-header {background-color: #2B2A2B;}
 +
#p-personal {background-color: #2B2A2B;}
 +
#citizen-personalMenu__buttonCheckbox {background: transparent;}
 +
 
 +
/* search */
 +
.citizen-search__random {background-color: #2B2A2B;}
 +
#searchInput {background-color: #2B2A2B;}
 +
.citizen-search__icon {background-color: #2B2A2B;}
 +
#citizen-search__buttonCheckbox {background: transparent;}
 +
#searchform-suggestions {background-color: #2B2A2B;}
 +
#searchform-suggestions-footer {background-color: #2B2A2B;}
 +
 
 +
/* text/textboxes */
 +
#wpTextbox1 {background-color: #393939; color: #C1C1C1; font-family: monospace; font-size: 13px;}
 +
#wpSummary {background-color: #4C4C4C; color: #C1C1C1}
 +
 
 +
/* recent changes */
 +
.oo-ui-widget.oo-ui-widget-enabled oo-ui-selectWidget.oo-ui-selectWidget-unpressed.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-menuSelectWidget.mw-rcfilters-ui-menuSelectWidget.mw-rcfilters-ui-menuSelectWidget-view-default {background-color: #606060;}
 +
.oo-ui-inputWidget-input {background-color: #4C4C4C;}
 +
#sp-rc-language {background-color: #FFFFFF; color: #000000;}
 +
.mw-changeslist-legend.mw-collapsible.mw-made-collapsible {background-color: #404040;}
 +
.unpatrolled {color: #DD3333;}
 +
 
 +
/* preferences page */
 +
.client-js.skin-citizen-dark.citizen-animations-ready.mf-font-size-null {background-color: #333232;}
 +
 
 +
/* link colors */
 +
:root.skin-citizen-dark a:link { color: #E69710; } /* normal unvisited links */
 +
:root.skin-citizen-dark a:link:visited { color: #DB8200; } /* visited links */
 +
:root.skin-citizen-dark a:link:active { color: #E69710; } /* active links */
 +
:root.skin-citizen-dark a:link.new { color: #E69710; } /* new links */
 +
:root.skin-citizen-dark a:link.extiw { color: #E69710; } /* interwiki links */
 +
:root.skin-citizen-dark a:link.external { color: #E69710; } /* external links */
 +
:root.skin-citizen-dark a:link.stub { color: #E69710; } /* hovered links */
 +
 
 +
:root.skin-citizen-dark a:link {color: #E69710}
 +
:root.skin-citizen-dark a:visited {color: #DB8200}
 +
:root.skin-citizen-dark a:hover {color: #E69710}
 +
:root.skin-citizen-dark a:active {color: #E69710}

Latest revision as of 00:27, 6 August 2022

/* ui color */
:root.skin-citizen-dark {--color-surface-0: #333232;}
.list-header {background-color: #333232;}
.mw-footer {background-color: #2B2A2B;}
#footer-desc {background-color: #2B2A2B;}
.mw-header.citizen-header {background-color: #2B2A2B; opacity: 98%;}
.last-modified-bar {background-color: #2B2A2B;}
#footer-bottom {background-color: #2B2A2B;}
.mw-ui-button.mw-ui-progressive.createboxButton {background-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-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;}
.editButtons {background-color: #333232;}
#wpPreview {background-color: #E69710;}
#wpDiff {background-color: #E69710;}
#wpSave {background-color: #E69710;}
.oo-ui-buttonElement-button {background-color: #E69710; color: #FFFFFF;}
.oo-ui-labelElement-label {color: #FFFFFF;}
.mw-collapsible-text {color: #E69710;}
#p-views #ca-edit > a, #p-views #ca-ve-edit > a {background-color: #E69710;}

/* drawer */
.citizen-drawer__header {background-color: #2B2A2B; opacity: 100%;}
.citizen-drawer__menu {background-color: #2B2A2B; opacity: 100%;}

/* preferences */
#citizen-pref-header {background-color: #2B2A2B;}
#citizen-pref-panel {background-color: #2B2A2B;}
#citizen-pref-form {background-color: #2B2A2B;}
#citizen-pref-toggle {background: transparent;}

/* personal */
#p-personal-header {background-color: #2B2A2B;}
#p-personal {background-color: #2B2A2B;}
#citizen-personalMenu__buttonCheckbox {background: transparent;}

/* search */
.citizen-search__random {background-color: #2B2A2B;}
#searchInput {background-color: #2B2A2B;}
.citizen-search__icon {background-color: #2B2A2B;}
#citizen-search__buttonCheckbox {background: transparent;}
#searchform-suggestions {background-color: #2B2A2B;}
#searchform-suggestions-footer {background-color: #2B2A2B;}

/* text/textboxes */
#wpTextbox1 {background-color: #393939; color: #C1C1C1; font-family: monospace; font-size: 13px;}
#wpSummary {background-color: #4C4C4C; color: #C1C1C1}

/* recent changes */
.oo-ui-widget.oo-ui-widget-enabled oo-ui-selectWidget.oo-ui-selectWidget-unpressed.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-menuSelectWidget.mw-rcfilters-ui-menuSelectWidget.mw-rcfilters-ui-menuSelectWidget-view-default {background-color: #606060;}
.oo-ui-inputWidget-input {background-color: #4C4C4C;}
#sp-rc-language {background-color: #FFFFFF; color: #000000;}
.mw-changeslist-legend.mw-collapsible.mw-made-collapsible {background-color: #404040;}
.unpatrolled {color: #DD3333;}

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

/* link colors */
:root.skin-citizen-dark a:link { color: #E69710; } /* normal unvisited links */
:root.skin-citizen-dark a:link:visited { color: #DB8200; } /* visited links */
:root.skin-citizen-dark a:link:active { color: #E69710; } /* active links */
:root.skin-citizen-dark a:link.new { color: #E69710; } /* new links */
:root.skin-citizen-dark a:link.extiw { color: #E69710; } /* interwiki links */
:root.skin-citizen-dark a:link.external { color: #E69710; } /* external links */
:root.skin-citizen-dark a:link.stub { color: #E69710; } /* hovered links */

:root.skin-citizen-dark a:link {color: #E69710}
:root.skin-citizen-dark a:visited {color: #DB8200}
:root.skin-citizen-dark a:hover {color: #E69710}
:root.skin-citizen-dark a:active {color: #E69710}