User:PinkYoshiFan/monobook.css: Difference between revisions

From MiiWiki
Jump to navigationJump to search
mNo edit summary
mNo edit summary
 
(27 intermediate revisions by the same user not shown)
Line 1: Line 1:
div#globalWrapper {
/* mediawiki in general */
background:transparent
body,#footer,#content{background-color:#000000 !important; background-image:none !important; color:#d1d1d1 !important}
}
textarea,h1,h2,h3,h4,h5,h6,.tocnumber,#searchInput,.oo-ui-labelElement-label{color:#d1d1d1 !important}
form#powersearch>*,#filetoc,.oo-ui-fieldLayout-body>*>*>*>*,textarea,.mobile-menu-active,.menu-toggle,.mw-changeslist-legend,.edittools-version-test004,#wpUploadDescription,div#p-personal>div.pBody>ul,div.pBody, div.pBody *{background-color:black !important}
input,code,pre,.toc,.catlinks,div.mw-message-box,.thumbcaption,table.wikitable>*>*>*,.noarticletext{background-color:#111111 !important; color:#d1d1d1 !important}
th.headerSort{filter:invert(100%); background-color:#eeeeee !important; color:#2e2e2e !important}
del.diffchange{color:#d1d1d1 !important; background-color:#4d4a2c !important}
ins.diffchange{color:#d1d1d1 !important; background-color:#3e4657 !important}
td.diff-context,div.editOptions,select,option,button,form#search>*,form#search>*>*,table,th,td,tr{background-color:black !important; color:#d1d1d1 !important}
.mw-htmlform-submit-buttons>*>*,button.oo-ui-inputWidget-input,.oo-ui-buttonElement:not(#wikiEditor-ui-toolbar span)>*,.oo-ui-dropdownWidget-handle,.mw-widget-dateInputWidget-handle,div.oo-ui-draggableElement{background-color:#000000 !important; background-image:none !important}
.oo-ui-indicator-down{filter:invert(100%) !important}
.oo-ui-indicator-clear,.oo-ui-icon-search{filter:invert(100%) !important; background-color:rgba(255,255,255,0) !important}
img.thumbimage{background-color:transparent !important}
li.not-patrolled{background-color:#2d2a0c !important}
.explain{border-bottom:1px dotted #aaaaaa !important}
ul.mw-contributions-list>li.selected{background-color:#222222 !important; color:#d1d1d1 !important}
audio{/*filter:invert(100%);border:1px solid #212121;border-radius:25px*/border:1px solid #dedede !important;}/* all the comments are for differences with the default audio style in chrome and firefox, the border is for distinguishing from background */
code{border-color:#777777 !important}
.mw-plusminus-neg{color:#ff5555 !important}
.mw-plusminus-pos{color:#00cc00 !important}
.mw-widget-calendarWidget-day{color:#dedede}
.mw-widget-calendarWidget-day-additional{color:#888888}
.mw-widget-calendarWidget-header *:not(.oo-ui-labelElement-label){filter:invert(100%)}
div.oo-ui-optionWidget-highlighted{background-color:#000080 !important;}
div.oo-ui-optionWidget-highlighted span.oo-ui-menuOptionWidget-checkIcon{background-color:#ffff7f !important;}
span.TablePager_nav *{filter:invert(100%) !important; color:#2e2e2e !important;}
span.TablePager_nav>span{border:1px solid #212121;}


body {
*[style*="color:purple"]{color:#bb44ff !important}
background:color(black) !important;
*[style*="color:red"]{color:#ff5555 !important}
background-image:none !important;
*[style*="color:brown"]{color:#b88858 !important}
background-color: black !important;
*[style*="color:blue"]{color:#5555ff !important}
background-blend-mode: screen !important;
*[style*="color:black"], *[style*="color:#000"]{color:#ffffff !important}
border-top-left-radius:1em;
border-bottom-left-radius:1em;
color:#d1d1d1
}


@media screen and (max-width: 550px) {
a{color:#40b6ff !important}
.mw-body-content {
a:visited{color:#2e96ff !important}
overflow: revert;
.new:visited{color:#ff7373 !important}
}
.new{color:#ff8aa3 !important}
}
.mw-parser-output a.extiw{color:#3dc2ff !important}
.mw-parser-output a.extiw:visited{color:#3b9dff !important}
.mw-parser-output a.external{color:#66cfff !important}
.mw-parser-output a.external:visited{color:#5ec4ff !important}


#footer {
.redirectText a{color:#bf4900 !important}
background-color:black !important;
.redirectText a:visited{color:#d16900 !important}
background-image:none !important;
.redirectText{filter:invert(100%)}
background-blend-mode: screen !important;
padding-bottom:4em;
margin-bottom:0%;
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
overflow: hidden;
margin-top: 7em;
}


#content {
/* MiiWiki specific */
background-image:none !important;
div#p-personal>div.pBody>ul,div.pBody, div.pBody *:not(a){background-image:none !important}
color:#d1d1d1;
div[style]{background:black !important; color:#d1d1d1 !important}
background-color: black !important;
div[style="text-align:center;"]{background:none !important}
background-blend-mode: screen !important;
div#mainPagePanel>div,div#mainPageGrid>*{border:1px solid #dedede !important}
box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em;
.miiInfobox{color:#d1d1d1 !important}
border-top-left-radius: 1em;
.module-navbox{border:1px solid #dedede !important}
border-top-right-radius: 1em;
table.lua-navbox>tbody>tr>*{border-top:1px solid #dedede !important}
border-bottom-left-radius: 1em;
table.lua-navbox>tbody>tr>th{border-right:1px solid #dedede !important}
border-bottom-right-radius: 1em;
div.messagebox span{color:#d1d1d1 !important}
}
.table-white>tbody>tr>*{border-color:white !important}
/* Border */
.table-gray>tbody>tr>*{border-color:#aaaaaa !important}
.wikiEditor-ui .wikiEditor-ui-view,
div.thumbcaption[style="background: #d5a1fc; margin-top: 2px; border: 1px solid black; text-align: center;"]{border:1px solid #dedede !important}
#content,
#userbox-container span{color:#d1d1d1 !important}
#footer {
border:2px solid #b5b5b5
}
textarea {
border-color:#066F71
color(#d1d1d1);
}


/* Tabs */
#p-cactions ul li,
#p-cactions ul li a {
background-color:#d2d2d2;
border-top-left-radius:1em;
border-top-right-radius:1em;
padding-bottom:5px
}
#p-cactions li {
    border: 2px solid #b5b5b5;
}
#p-cactions li.selected {
    border-color: #b5b5b5;
}
#p-cactions li.selected a {
    z-index: 3;
    background-color: #f6f5ee;
}
#p-cactions .new a {
    color: #a55858;
}
#p-cactions li a {
    color: black;
    text-transform: full-size-kana;
}


/* user links */
/* Extension specific (WikiEditor/CodeMirror, Tabs, Cite, CiteThisPage) */
li#pt-userpage,
.wikiEditor-ui-top>*>*>*,.wikiEditor-ui-top>*>*,.wikiEditor-ui-top>*,.wikiEditor-ui-top,div.page>table>tbody>tr>*,div.index,div.page>div>span{background-color:black !important; color:#d1d1d1 !important}
li#pt-anonuserpage,
div.current{background-color:#000080 !important}
li#pt-login {
span.oo-ui-iconElement{background-color:white !important; filter:invert(100%) !important}
background:url(https://cdn.miiwiki.org/2/26/Favicon.png) top left no-repeat;
.ui-dialog-buttonpane,.ui-dialog-buttonpane *,pre.CodeMirror-line,a.label,a.option{background-color:black !important}
background-size:16px;
#wikiEditor-ui-toolbar{background-image:none !important}
padding:1px 0 2px 20px
.cm-mw-signature,.cm-mw-hr,.cm-mw-doubleUnderscore{background-color:transparent !important}
}
.CodeMirror-line>*::selection{background:#333333 !important}
#p-personal ul a {
.CodeMirror-line>*>*::selection{background:#333333 !important}
background-color:transparent
.cm-mw-matchingbracket{background-color:#333333 !important; box-shadow:none !important}
}
.cm-mw-link-bracket,.cm-mw-link-pagename{color:#8282ff !important}
#p-personal ul a:hover {
.cm-mw-template,.cm-mw-template-name,.cm-mw-template-argument-name,.cm-mw-template-delimiter,.cm-mw-template-bracket{color:#bb33ff !important}
background-color:transparent;
text-decoration:underline
}
#p-personal .pBody ul {
background: repeating-linear-gradient(180deg,transparent ,transparent 5px,#FAFAFA 5px,#FAFAFA 10px),linear-gradient(to bottom,#FCFCFC,#E7E7E7);
border-bottom:2px solid #b5b5b5;
border-left:2px solid #b5b5b5;
border-bottom-left-radius:0.5em;
float:right;
padding-left:5px;
height:1.55em;
box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em;
}


/* Edit summary */
label.tabs-label{background-color:black !important; color:#d1d1d1 !important}
.editOptions {
input:checked+label{background-color:#333333 !important; color:#d1d1d1 !important}
background-color:#eaecf0;
color: #202122;
border: 1px solid #c8ccd1;
border-top-right-radius:1em;
border-bottom-right-radius:1em
}
/* Sidebar */
.portlet h3 {
    padding: 0 1em 0 0.5em;
text-transform: full-size-kana;
font-weight: bold;
color: #999;
font-size: 1.2em;
}
#sidebar > .portlet .pBody {
box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em;
background: repeating-linear-gradient(180deg,transparent ,transparent 5px,#1f1f1f 5px,#1f1f1f 10px),linear-gradient(to bottom,#2b2b2b,#000000);
border:2px solid #b5b5b5;
}
.portlet .pBody {
border-top-left-radius:1em;
border-top-right-radius:1em;
border-bottom-left-radius:1em;
border-bottom-right-radius:1em
}
#p-cactions .new a {
color: #a55858;
}
#sidebar ul {
list-style-image:url(https://cdn.miiwiki.org/6/69/I.png);
}
/* Search */
#searchInput {
border:1px solid #b5b5b5;
background: linear-gradient(#fff,#e3e3e3);
box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em;
border-width: 2px;
border-radius: 15px;
}
.mw-changeslist-legend {
border:1px solid #066F71
}
#searchGoButton {
background:url(https://cdn.miiwiki.org/e/e3/Go.png) transparent no-repeat;
background-size:18px;
border:none;
color:transparent;
font-weight:normal
}
#mw-searchButton {
background:url(https://cdn.miiwiki.org/9/95/Search.png) transparent no-repeat;
background-size:48px;
border:none;
color:transparent
}
input.searchButton {
cursor: pointer
}
#p-cactions li.selected {
border-color:#b5b5b5;
}
.portlet {
width:11.8em;
}
.usermessage {
background-color:#E6E6FA;
border:1px solid #8A2BE2
}
#mw-indicator-shortcut {
padding-top:14px
}
a {
color:#40b6ff
}
a:visited {
color:#2e96ff
}
#siteNotice {
border-top:2px solid #066F71;
border-bottom:2px solid #066F71;
padding:3px 2px 2px 2px;
margin:-2px 0 6px
}
.mw-parser-output a.extiw {
color:#3dc2ff
}
.mw-parser-output a.extiw:visited {
color:#3b9dff
}
.mw-parser-output a.external {
color:#66cfff
}
.mw-parser-output a.external:visited {
color:#5ec4ff
}


/* Mobile things if you're using Monobook's """"responsive"""" mode */
ol.references>li:target,sup.reference:target{background-color:#333333}
@media screen and (max-width: 550px) {
#searchGoButton {
background-position: center;
}
.mobile-menu-active {
background: repeating-linear-gradient(180deg,transparent,transparent 5px,#DADADA 5px,#DADADA 10px),linear-gradient(to bottom,#FCFCFC,#E2E2E2);
box-shadow: rgb(0 0 0 / 15%) 0 0.1em 0.75em;
border: 2px solid #b5b5b5;
border-radius: 15px;
}
.portlet h3 {
color: #6c6c6c;
}
#p-cactions ul li, #p-cactions ul li a {
background: none;
border: none;
color: #0645ad;
}
#sidebar > .portlet .pBody, #p-personal .pBody ul {
background: none;
border: none;
box-shadow: none;
}
#ca-languages {
display: none;
}
#p-cactions-mobile li, #p-cactions-mobile li a {
border-width: 2px;
border-radius: 10px 10px 0 0;
}
.menu-toggle {
border-width: 2px;
border-radius: 10px;
}
#p-personal .pBody ul {
float: left;
}
li#pt-userpage, li#pt-anonuserpage, li#pt-login {
background-position-y: center;
}
}
h1, h2, h3, h4, h5, h6{
    color: #d1d1d1;
}


.thumbcaption { color:#000}
.mw-specialCiteThisPage-bibliographic{background-color:#222222 !important}
.toc { background-color:#121212}
 
.catlinks { background-color:#121212}
 
/* technically these aren't part of the dark mode and are mostly personal things, although certain parts of dark mode can look a bit weird without them */
.module-navbox,#mainPagePanel,#mainPagePanel *{border-radius: 0px !important}
 
 
/* monobook mobile stuff completely unrelated to dark mode */
li#talk-mobile a,li#user_talk-mobile a,li#project_talk-mobile a,li#image_talk-mobile a,li#mediawiki_talk-mobile a,li#template_talk-mobile a,li#help_talk-mobile a,li#category_talk-mobile a,
li#module_talk-mobile a{background-image:url(/w/skins/MonoBook/resources/images/icon-chat.svg?b9528) !important}
@media(max-width:550px){#sidebar>.portlet{display:none}}

Latest revision as of 01:19, 5 January 2024

/* mediawiki in general */
body,#footer,#content{background-color:#000000 !important; background-image:none !important; color:#d1d1d1 !important}
textarea,h1,h2,h3,h4,h5,h6,.tocnumber,#searchInput,.oo-ui-labelElement-label{color:#d1d1d1 !important}
form#powersearch>*,#filetoc,.oo-ui-fieldLayout-body>*>*>*>*,textarea,.mobile-menu-active,.menu-toggle,.mw-changeslist-legend,.edittools-version-test004,#wpUploadDescription,div#p-personal>div.pBody>ul,div.pBody, div.pBody *{background-color:black !important}
input,code,pre,.toc,.catlinks,div.mw-message-box,.thumbcaption,table.wikitable>*>*>*,.noarticletext{background-color:#111111 !important; color:#d1d1d1 !important}
th.headerSort{filter:invert(100%); background-color:#eeeeee !important; color:#2e2e2e !important}
del.diffchange{color:#d1d1d1 !important; background-color:#4d4a2c !important}
ins.diffchange{color:#d1d1d1 !important; background-color:#3e4657 !important}
td.diff-context,div.editOptions,select,option,button,form#search>*,form#search>*>*,table,th,td,tr{background-color:black !important; color:#d1d1d1 !important}
.mw-htmlform-submit-buttons>*>*,button.oo-ui-inputWidget-input,.oo-ui-buttonElement:not(#wikiEditor-ui-toolbar span)>*,.oo-ui-dropdownWidget-handle,.mw-widget-dateInputWidget-handle,div.oo-ui-draggableElement{background-color:#000000 !important; background-image:none !important}
.oo-ui-indicator-down{filter:invert(100%) !important}
.oo-ui-indicator-clear,.oo-ui-icon-search{filter:invert(100%) !important; background-color:rgba(255,255,255,0) !important}
img.thumbimage{background-color:transparent !important}
li.not-patrolled{background-color:#2d2a0c !important}
.explain{border-bottom:1px dotted #aaaaaa !important}
ul.mw-contributions-list>li.selected{background-color:#222222 !important; color:#d1d1d1 !important}
audio{/*filter:invert(100%);border:1px solid #212121;border-radius:25px*/border:1px solid #dedede !important;}/* all the comments are for differences with the default audio style in chrome and firefox, the border is for distinguishing from background */
code{border-color:#777777 !important}
.mw-plusminus-neg{color:#ff5555 !important}
.mw-plusminus-pos{color:#00cc00 !important}
.mw-widget-calendarWidget-day{color:#dedede}
.mw-widget-calendarWidget-day-additional{color:#888888}
.mw-widget-calendarWidget-header *:not(.oo-ui-labelElement-label){filter:invert(100%)}
div.oo-ui-optionWidget-highlighted{background-color:#000080 !important;}
div.oo-ui-optionWidget-highlighted span.oo-ui-menuOptionWidget-checkIcon{background-color:#ffff7f !important;}
span.TablePager_nav *{filter:invert(100%) !important; color:#2e2e2e !important;}
span.TablePager_nav>span{border:1px solid #212121;}

*[style*="color:purple"]{color:#bb44ff !important}
*[style*="color:red"]{color:#ff5555 !important}
*[style*="color:brown"]{color:#b88858 !important}
*[style*="color:blue"]{color:#5555ff !important}
*[style*="color:black"], *[style*="color:#000"]{color:#ffffff !important}

a{color:#40b6ff !important}
a:visited{color:#2e96ff !important}
.new:visited{color:#ff7373 !important}
.new{color:#ff8aa3 !important}
.mw-parser-output a.extiw{color:#3dc2ff !important}
.mw-parser-output a.extiw:visited{color:#3b9dff !important}
.mw-parser-output a.external{color:#66cfff !important}
.mw-parser-output a.external:visited{color:#5ec4ff !important}

.redirectText a{color:#bf4900 !important}
.redirectText a:visited{color:#d16900 !important}
.redirectText{filter:invert(100%)}

/* MiiWiki specific */
div#p-personal>div.pBody>ul,div.pBody, div.pBody *:not(a){background-image:none !important}
div[style]{background:black !important; color:#d1d1d1 !important}
div[style="text-align:center;"]{background:none !important}
div#mainPagePanel>div,div#mainPageGrid>*{border:1px solid #dedede !important}
.miiInfobox{color:#d1d1d1 !important}
.module-navbox{border:1px solid #dedede !important}
table.lua-navbox>tbody>tr>*{border-top:1px solid #dedede !important}
table.lua-navbox>tbody>tr>th{border-right:1px solid #dedede !important}
div.messagebox span{color:#d1d1d1 !important}
.table-white>tbody>tr>*{border-color:white !important}
.table-gray>tbody>tr>*{border-color:#aaaaaa !important}
div.thumbcaption[style="background: #d5a1fc; margin-top: 2px; border: 1px solid black; text-align: center;"]{border:1px solid #dedede !important}
#userbox-container span{color:#d1d1d1 !important}


/* Extension specific (WikiEditor/CodeMirror, Tabs, Cite, CiteThisPage) */
.wikiEditor-ui-top>*>*>*,.wikiEditor-ui-top>*>*,.wikiEditor-ui-top>*,.wikiEditor-ui-top,div.page>table>tbody>tr>*,div.index,div.page>div>span{background-color:black !important; color:#d1d1d1 !important}
div.current{background-color:#000080 !important}
span.oo-ui-iconElement{background-color:white !important; filter:invert(100%) !important} 
.ui-dialog-buttonpane,.ui-dialog-buttonpane *,pre.CodeMirror-line,a.label,a.option{background-color:black !important}
#wikiEditor-ui-toolbar{background-image:none !important}
.cm-mw-signature,.cm-mw-hr,.cm-mw-doubleUnderscore{background-color:transparent !important}
.CodeMirror-line>*::selection{background:#333333 !important}
.CodeMirror-line>*>*::selection{background:#333333 !important}
.cm-mw-matchingbracket{background-color:#333333 !important; box-shadow:none !important}
.cm-mw-link-bracket,.cm-mw-link-pagename{color:#8282ff !important}
.cm-mw-template,.cm-mw-template-name,.cm-mw-template-argument-name,.cm-mw-template-delimiter,.cm-mw-template-bracket{color:#bb33ff !important}

label.tabs-label{background-color:black !important; color:#d1d1d1 !important}
input:checked+label{background-color:#333333 !important; color:#d1d1d1 !important}

ol.references>li:target,sup.reference:target{background-color:#333333}

.mw-specialCiteThisPage-bibliographic{background-color:#222222 !important}


/* technically these aren't part of the dark mode and are mostly personal things, although certain parts of dark mode can look a bit weird without them */
.module-navbox,#mainPagePanel,#mainPagePanel *{border-radius: 0px !important}


/* monobook mobile stuff completely unrelated to dark mode */
li#talk-mobile a,li#user_talk-mobile a,li#project_talk-mobile a,li#image_talk-mobile a,li#mediawiki_talk-mobile a,li#template_talk-mobile a,li#help_talk-mobile a,li#category_talk-mobile a,
li#module_talk-mobile a{background-image:url(/w/skins/MonoBook/resources/images/icon-chat.svg?b9528) !important}
@media(max-width:550px){#sidebar>.portlet{display:none}}