User:PinkYoshiFan/monobook.css: Difference between revisions

From MiiWiki
Jump to navigationJump to search
(trying to reduce the code that was just copied to just the actual dark mode stuff and also cut out some line breaks)
mNo edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
body {
/* mediawiki in general */
background:color(black) !important;
body,#footer,#content{background-color:#000000 !important; background-image:none !important; color:#d1d1d1 !important}
background-image:url(https://cdn.discordapp.com/attachments/683694809470468146/915762557728460830/MiiWiki_Background_dark.png) !important;
textarea,h1,h2,h3,h4,h5,h6,.tocnumber,#searchInput,.oo-ui-labelElement-label{color:#d1d1d1 !important}
background-color: black !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}
color:#d1d1d1
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}
#footer {
del.diffchange{color:#d1d1d1 !important; background-color:#4d4a2c !important}
background-color:black !important;
ins.diffchange{color:#d1d1d1 !important; background-color:#3e4657 !important}
border:2px solid #b5b5b5;
td.diff-context,div.editOptions,select,option,button,form#search>*,form#search>*>*,table,th,td,tr{background-color:black !important; color:#d1d1d1 !important}
background-image:url(https://cdn.discordapp.com/attachments/683694809470468146/915762557728460830/MiiWiki_Background_dark.png) !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;}


#content {
*[style*="color:purple"]{color:#bb44ff !important}
background-image:none !important;
*[style*="color:red"]{color:#ff5555 !important}
color:#d1d1d1;
*[style*="color:brown"]{color:#b88858 !important}
border:2px solid #b5b5b5;
*[style*="color:blue"]{color:#5555ff !important}
background-color:rgba(0,0,0,0.5) !important;
*[style*="color:black"], *[style*="color:#000"]{color:#ffffff !important}
}
textarea {
border-color:#066F71
color(#d1d1d1);
}


#p-cactions ul li, #p-cactions ul li a {background-color:#d2d2d2;}
a{color:#40b6ff !important}
#p-cactions li {border: 2px solid #b5b5b5;}
a:visited{color:#2e96ff !important}
#p-cactions li.selected {border-color: #b5b5b5;}
.new:visited{color:#ff7373 !important}
#p-cactions li.selected a {
.new{color:#ff8aa3 !important}
    z-index: 3;
.mw-parser-output a.extiw{color:#3dc2ff !important}
    background-color: #f6f5ee;
.mw-parser-output a.extiw:visited{color:#3b9dff !important}
}
.mw-parser-output a.external{color:#66cfff !important}
#p-cactions .new a {color: #a55858;}
.mw-parser-output a.external:visited{color:#5ec4ff !important}
#p-cactions li a {
 
    color: black;
.redirectText a{color:#bf4900 !important}
    text-transform: full-size-kana;
.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}


/* user links */
li#pt-userpage, li#pt-anonuserpage, li#pt-login {
background:url(https://cdn.miiwiki.org/2/26/Favicon.png) top left no-repeat;
background-size:16px;
padding:1px 0 2px 20px
}
#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;
}


/* Sidebar */
/* Extension specific (WikiEditor/CodeMirror, Tabs, Cite, CiteThisPage) */
.portlet h3 {color: #999;}
.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}
#sidebar > .portlet .pBody {
div.current{background-color:#000080 !important}
background: repeating-linear-gradient(180deg,transparent ,transparent 5px,#1f1f1f 5px,#1f1f1f 10px),linear-gradient(to bottom,#2b2b2b,#000000);
span.oo-ui-iconElement{background-color:white !important; filter:invert(100%) !important}
border:2px solid #b5b5b5;
.ui-dialog-buttonpane,.ui-dialog-buttonpane *,pre.CodeMirror-line,a.label,a.option{background-color:black !important}
}
#wikiEditor-ui-toolbar{background-image:none !important}
#p-cactions .new a {color: #a55858;}
.cm-mw-signature,.cm-mw-hr,.cm-mw-doubleUnderscore{background-color:transparent !important}
.mw-changeslist-legend {border:1px solid #066F71}
.CodeMirror-line>*::selection{background:#333333 !important}
input.searchButton {cursor: pointer}
.CodeMirror-line>*>*::selection{background:#333333 !important}
#p-cactions li.selected {border-color:#b5b5b5;}
.cm-mw-matchingbracket{background-color:#333333 !important; box-shadow:none !important}
.usermessage {color:#000;}
.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}


a {color:#40b6ff}
a:visited {color:#2e96ff}
.new:visited{color:#ff7373 !important}
.new {color:#ff8aa3 !important}


#siteNotice {
/* 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 */
border-top:2px solid #066F71;
.module-navbox,#mainPagePanel,#mainPagePanel *{border-radius: 0px !important}
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 */
.mobile-menu-active {
background: repeating-linear-gradient(180deg,transparent ,transparent 5px,#1f1f1f 5px,#1f1f1f 10px),linear-gradient(to bottom,#2b2b2b,#000000);
border: 2px solid #b5b5b5;
}
.portlet h3 {
color: #6c6c6c;
}
#p-cactions ul li, #p-cactions ul li a {
background: none;
border: none;
color: #0645ad;
}
h1, h2, h3, h4, h5, h6{color: #d1d1d1;}


.thumbcaption {
/* monobook mobile stuff completely unrelated to dark mode */
color:#d1d1d1;
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,
background-color:#121212;
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}}
.toc {
background-color:#121212;
color:#d1d1d1;
}
.catlinks {
background-color:#121212;
color:#d1d1d1;
}
.diff-deletedline {
background-color:white;
color:black;
}
.diff-addedline {  
background-color:white;
color:black;
}
.tocnumber{color:#d1d1d1;}
#editcount table {background-color:#000 !important;}
.mw-changeslist-legend{background-color:#000;}

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}}
Retrieved from "https://miiwiki.org/w/index.php?title=User:PinkYoshiFan/monobook.css&oldid=10431"