User:Unmog/common.css

/*https://userstyles.org/styles/122072/wikipedia-dark-material-design*/ body {   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #ddd; background-color: #222 !important; }

a,   .tocnumber {   color: #608dff !important; text-decoration: none; }

a:hover {   color: #637ab5 !important; text-decoration: underline; }

h1 { border: 0px !important; font-family: 'Arial' !important; font-weight: 700 !important; font-size: 36px !important; color: #eee !important; }

h2 { border: 0px !important; font-family: 'Arial' !important; font-weight: 400 !important; font-size: 26px !important; color: #eee !important; }

h3 { border: 0px !important; font-family: 'Arial' !important; font-weight: 400 !important; font-size: 16px !important; color: #ddd !important; }

h4 { color: #ccc !important; }

[style*="color: black"] {   color: white !important; }

[style*="background:#f8f9fa"] {   background: #2d2c2b !important; border: none !important; }

.reflist, .refbegin {   background-color: #282828 !important; }

.thumbcaption {   color: #888 !important; }

#content h3 { font-size: 20px !important; }

p { font-weight: 300 !important; line-height: 1.9 !important; color: #fff !important; }

.portal-column-right span, .portal-column-left span, body.ns-100 .mw-body-content h2, .mw_metadata th, .tracklist th, #mp-tfl-h2 {   color: #ddd !important; background-color: #444 !important; }

body.ns-100 .mw-body-content th, body.ns-100 .mw-body-content div, body.ns-100 #portal td, .mw_metadata td, .tracklist td, .tracklist div {   color: #ddd !important; border-width: 0px !important; background-color: #333 !important; }

.portal-column-right, .portal-column-left, body.ns-100 .mw-body-content .subpages {   color: #ddd !important; background-color: #222 !important; border-width: 0px !important; }

.mw-highlight {   background-color: #222 !important; }

.mw-highlight .nc { color: #068dff; }

.mw-highlight .nf { color: #068dff; }

.mw-notification {   background-color: #333 !important; }

#Example {   color: #ddd !important; }

table, td, th { border: 0px !important; border-collapse: collapse !important; padding: 5px !important; /* color: #333 !important; */ background-color: #444 !important; /* With this feature enabled, you loose visibility on colored table cells */; }

ul, li, caption {   background: transparent !important; border: 0px !important; line-height: 1.8 !important; font-size: 14px !important; font-weight: 300 !important; }

li span {   background: transparent !important; border: 0px !important; font-size: 14px !important; }

.referencetooltip {   background-color: #282828 !important; }

dl { font-weight: 300 !important; }

dt { font-style: italic; font-size: 16px !important; margin-top: 10px !important; }

dd { font-size: 15px !important; }

#p-logo a { background-image: url('https://i.imgur.com/lNORoSn.png') !important; background-color: #222 !important; }

.mw-wiki-logo {   padding-left: 15px !important; padding-top: 10px !important; border: none !important; }

code {   padding: 3px !important; background: transparent !important; color: #39892f !important; border: 1px solid #555 !important; }

.hatnote span {   color: #888 !important; background-color: #222 !important; }

tt { font-family: 'Source Code Pro', 'Lucida Sans Unicode', 'Courier New' !important; font-size: 16px !important; }

.new, .new:link, .new:visited {   color: #cd5b45 !important; }

blockquote {   border: 0px !important; font-style: italic !important; font-size: 20px !important; margin: 35px 75px !important; line-height: 1.5 !important; font-weight: 300 !important; background: transparent !important; }

select {   padding: 0px 10px; }

.mw-ui-button, .mw-ui-progressive {   border: 1px solid #888 !important; color: #347Bff !important; background: #222 !important; text-shadow: 0px 0px 0px; }

.mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-progressive:focus, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button:hover, .mw-ui-progressive:hover, .mw-ui-button:focus, .mw-ui-progressive:focus {   box-shadow: 0px 0px 0px !important; text-shadow: 0px 0px 0px !important; border: 1px solid #347Bff !important; }

/* Media Viewer, image preview */

.mw-mmv-above-fold {   background-color: #333 !important; }

.mw-mmv-image-metadata {   background-color: #111 !important; }

.mw-mmv-dialog, .mw-mmv-dialog-down-arrow, .mw-mmv-download-attribution, .mw-mmv-download-pane, .mw-mmv-download-pane :hover {   background-color: #333 !important; }

/* End */

#wpSave, #wpPreview, #wpDiff {   border-radius: 4px !important; border: 1px solid #347Bff !important; color: #347Bff !important; background: #222 !important; text-shadow: 0px 0px 0px; padding: 0.5em 1em; cursor: pointer; }

#wpSave:hover, #wpPreview:hover, #wpDiff:hover {   color: rgba(52, 123, 255, 0.5) !important; }

/* Search */

#simpleSearch {   position: relative; overflow: hidden; background: transparent !important; border-color: #666 !important; }

#searchInput {   height: 100%; color: #ddd !important; background: transparent !important; }   /* Advanced search */ input#ooui-1.oo-ui-inputWidget-input {   color: #ddd !important; background: transparent !important; }

#mw-searchoptions, #searchText {   color: #ddd !important; background-color: #444 !important; }

.mw-ui-vform .warning {   background-color: #664a00 !important; }

.mw-ui-vform .error {   background-color: #5c0000 !important; }

.mw-ui-input {   border: 1px solid #888 !important; color: #ddd !important; background: #222 !important; font-size: 16px !important; }

.mw-ui-input:focus {   box-shadow: 0px 0px 0px !important; }

.mwe-math-fallback-image-inline {   -webkit-filter: invert(100%); filter: url("data:image/svg+xml;utf8, #invert"); }

.mwe-math-fallback-image-inline img, .mwe-math-element img, img[src*="LaTeX"] {   filter: invert(100%); }

.mwe-popups, div.navpopup {   background-color: #333 !important; font-size: 16px !important; }

a.mwe-popups-extract::after {   background: #333 !important; }

.mw-headline {   color: #ddd !important; }

.mw-content-ltr pre {   font-family: "Courier New", Lucida Console, sans-serif !important; color: #a5c4ff !important; }

.suggestions {   font-weight: 300 !important; font-size: 15px !important; max-width: 300px !important; margin-top: 15px !important; border: 0px !important; box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5); }

.suggestions-results {   border: 0px !important; }

.suggestions-result {   padding: 10px !important; }

.imeselector, #searchEngines {   display: none !important; }

.mw-search-formheader {   border: 0px !important; background: transparent !important; }

.central-featured-logo-wrapper {   height: 350px; background: transparent url("https://i.imgur.com/5uRX9M2.png") no-repeat scroll center center / 200px auto; }

.central-featured-logo {   display: none; }

.central-textlogo {   filter: invert(1) !important; }

.bookend {   background-image: none !important; }

.link-box em, .link-box small {   color: #bbb !important; }

.search-form fieldset {   background-color: #444 !important; border-color: #888 !important; border-width: 1px !important; }

#searchInput, #searchLanguage, #langsearch-input {   background-color: #222 !important; border-color: #888 !important; border-width: 1px !important; }

.formBtn {   background-color: #222 !important; border-color: #888 !important; border-width: 1px !important; border-radius: 0px !important; }

.mw-search-result-heading, .searchresult, .searchmatch {   font-size: 14px !important; font-weight: 400 !important; padding: 3px 0px !important; }

.searchmatch {   font-weight: 700 !important; }

.mw-search-result-data, .mw-search-createlink {   display: none; }

#mw-page-base, .vectorTabs {   background: transparent !important; border-width: 0px !important; }

#content {   color: #ddd !important; border: 0px !important; margin-left: 215px !important; }

.portal, .portal table {   background: transparent !important; }

#mw-panel {   width: 200px !important; border-right: 1px solid #666; background-color: #222 !important; padding-left: 10px !important; ; }

#p-logo {   left: 0px; padding-left: 10px !important; ;       background-color: white; }

#p-logo a { width: 11em !important; padding-left: 40px; background-color: white; left: 0px; border-right: 1px solid #666; margin-left: -1em; }

#p-logo a:hover {   opacity: 1.0; }

#mw-head {   color: #ddd !important; background-color: #3b3b3b; opacity: 1.0; box-shadow: 0px 1px 2px #2b2b2b; -webkit-transition-property: opacity !important; -moz-transition-property: opacity !important; -o-transition-property: opacity !important; -ms-transition-property: opacity !important; transition-property: opacity !important; -webkit-transition-duration: 0.5s !important; -moz-transition-duration: 0.5s !important; -o-transition-duration: 0.5s !important; -ms-transition-duration: 0.5s !important; transition-duration: 0.25s !important; }

#mw-head:hover {   opacity: 1.0 !important; }

.uls-settings-trigger {   display: none !important; }

#left-navigation {   margin-left: 233px !important; }

.wikitable {   font-weight: 300 !important; }

.wikitable td, .wikitable th { border: 1px solid #444 !important; }

pre {   line-height: 1.3 !important; font-family: "Courier New", Lucida Console, sans-serif !important; border: 0px !important; background: 0px !important; font-size: 16px !important; color: aliceblue !important; }

.mw-code {   border: 0px !important; padding: 17px !important; background: 0px !important; font-size: 16px !important; }

#bodyContent tbody, #mp-left, .MainPageBG, #mp-left div, #mp-right div, #mp-topbanner, .list, .mw-parser-output div.documentation, .collapsible th, .autocollapse th { color: #ddd !important; background-color: #333 !important; border-color: #444 !important; }

#js-lang-list-button {   background-color: #333 !important; }

.app-badges {   background-color: #222 !important; }

.wikitable, .wikitable th, .wikitable rh, .plainrowheaders, .nounderlines, .wikitable tr, .wikitable td, .navbox-title, .navbox-group, .navbox-odd, .navbox-even, .hlist, #mp-left h2, #mp-right h2, #mp-bottom h2, .navbox-abovebelow, .group {   color: #ddd !important; background-color: #444 !important; }

body.ns-0 #content tbody code {   color: #39892f !important; background-color: #222 !important; border-width: 0px !important; }

.suggestions-results, .suggestions-special {   background-color: #444 !important; }

.suggestions-results:hover, .suggestions-special:hover {   background-color: #2c5699 !important; }

.suggestions-results span, .special-query {   color: #ddd !important; }

.suggestions-result, special-label {   color: #bbb !important; }

.highlight {   color: #393939 !important; }

.mw-search-profile-tabs {   color: #ddd !important; background-color: #333 !important; border-color: #555 !important; }

.wikitable tr, .wikitable td, .homonymie, .plainlinks {   color: #eee !important; background-color: #333 !important; }

.quotebox {   color: #eee !important; background-color: #252525 !important; border-color: #555 !important; }

.toc {   background: transparent !important; border-color: #444 !important; border-style: solid !important; display: block !important; max-width: 300px !important; }

.toctoggle {   display: none !important; }

body.mediawiki table.mbox-small-left {   background-color: #222 !important; }

.thumbinner, .thumb, .toccolours, .graytable {   background: transparent !important; border: 0px !important; font-size: 16px !important; }

.thumbimage {   border: 0px !important; }

.thumbcaption {   font-style: italic !important; margin: 7px 0px !important; }

.thumbimage:hover {   opacity: 0.85 !important; }

.dablink {   margin: 14px 0px !important; font-weight: 300 !important; font-size: 18px !important; }

#siteSub, .flaggedrevs_preview {   display: none !important; }

.ambox, .tmbox, .Note, .informationbox {   margin: 5px 0px !important; font-size: 18px !important; line-height: 1.5 !important; max-width: 550px !important; font-weight: 300 !important; }

.ambox td, .tmbox td { padding: 10px !important; }

.ambox-text-small, .mbox-text, .Note td { font-size: 14px !important; font-weight: 300 !important; color: #ddd !important; }

.ambox-image, .mbox-image {   display: none; }

#request_for_deletion, .ambox-serious {   background: rgba(255, 0, 0, 0.1) !important; border: 1px solid rgba(255, 0, 0, 0.15) !important; color: #a00000 !important; }

.tmbox-notice, .tmbox-move, .Note {   background: rgba(150, 75, 0, 0.1) !important; border: 1px solid rgba(150, 75, 0, 0.15) !important; }

.informationbox {   background: #222 !important; padding: 10px !important; font-size: 14px !important; }

.shortcutbox {   background: #333 !important; }

.editOptions {   background: #222 !important; border: 0px !important; }

.catlinks {   background: transparent !important; border: 1px solid #aaa !important; font-size: 16px !important; }

.infobox, .tright, .toccolours {   color: #ddd !important; border: 0px !important; background: transparent !important; border-collapse: collapse !important; }

.infobox td, .infobox th, .tright td, .tright th, .toccolours td, .toccolours th { padding: 5px !important; background: #333 !important; font-weight: 400 !important; }

.infobox_v3 {   background: #333 !important; border-color: transparent !important; }

.infobox_v3 .entete div {   background-color: #333 !important; color: #ddd !important; }

.image img:hover {   opacity: 0.85 !important; }

.globegris {   background: transparent !important; }

.mw-editsection-bracket, .references-small b,   .mw-cite-backlink, .plainlinksneverexpand {   display: none !important; }

.mw-body {   background-color: #222 !important; }

#floating_object {   display: none; }

.navbox, .nowraplinks {   margin: 10px 0px !important; border: 0px !important; background: transparent !important; }

.navbox td, .navbox th, .nowraplinks td, .nowraplinks th { padding: 9px 6px !important; font-size: 14px !important; font-weight: 300 !important; border: 1px solid #222 !important; }

.sidebar th { background-color: #444 !important; }

.NavFrame {   border: 0px !important; background: transparent !important; padding: 0px !important; }

.NavHead {   margin: 10px 0px !important; padding: 12px !important; font-size: 16px !important; font-weight: 700 !important; background: transparent !important; }

.NavContent {   background-color: #ffffff1a !important; }

.Boxmerge {   border: 0px !important; }

#coordinates {   display: none !important; }

#mw-fr-revisiontag, #mw-fr-reviewnotice {   display: none !important; }

div#footer {   margin-left: 14em !important; padding: 1.25em 1.5em 1.5em !important; }

#footer-info-copyright, #footer-info-lastmod {   color: #777 !important; }

.oo-ui-window-frame, .oo-ui-popupWidget-popup {   color: #ddd !important; background-color: #444 !important; }

.oo-ui-buttonElement-button .oo-ui-iconElement-icon {   -webkit-filter: invert(100%); }

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {   background-color: #222 !important; border-color: #222 !important; }

div.mw-revslider-revision-wrapper-down.mw-revslider-revision-hovered {   color: #d6a100 !important; }

div.mw-revslider-revision-wrapper-up.mw-revslider-revision-hovered {   color: #1e6db8 !important; }

.mw-revslider-revision-older {   background-color: #775900 !important; }

.mw-revslider-revision-intermediate {   background-color: #454545 !important; }

.mw-revslider-revision-newer {   background-color: #133656 !important; }

.mw-revslider-revision {   background-color: #555 !important; }

del.diffchange.diffchange-inline {   background-color: #775900 !important; }

ins.diffchange.diffchange-inline {   background-color: #133656 !important; }

.diff-context {   color: #999 !important; }

td.diff-otitle, td.diff-ntitle {   background-color: #333 !important; }

.lang-list-button {   outline-color: #222 !important; }

.lang-list-content {   background-color: #444 !important; }

.bookshelf span {   background-color: #444 !important; }

.lang-list-container {   background-color: #333 !important; }

.localized-slogan {   color: #555 !important; }

.svg-Wikimedia-logo_black {   -webkit-filter: invert(100%); }

.hll {   background-color: #2B2B2B !important; }

/* Central Notice Banner */

.cnotice {   background-color: #333 !important; border: 1px solid #444; }

.cnotice-toggle-box {   -webkit-filter: invert(100%); filter: invert(100%); }

/* Preferences */

.client-js #preferences {   border: 1px solid #c8ccd1 !important; background-color: #444 !important; }

.client-js #preferences legend {   color: #ededed; }

/* German version */

#hauptseite h2 { background: inherit; border: none; }

#hauptseite .inhalt {   background: inherit; border: none; }

#qualitaetssicherungstext {   background-color: #444 !important; border: 1px solid #666 !important; }

/* French version */

#accueil_2017_en-tete {   background-image: none !important; }

.bandeau-section {   background-color: #333 !important; border: 1px solid #666 !important; }

.autres-projets {   background-color: #333 !important; border: 1px solid #666 !important; }