User:PinkYoshiFan/monobook.css: Difference between revisions

From MiiWiki
Jump to navigationJump to search
((very slight) semitransparent content, dark mode mobile sidebar)
mNo edit summary
 
(24 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:url(https://cdn.discordapp.com/attachments/683694809470468146/915762557728460830/MiiWiki_Background_dark.png) !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:url(https://cdn.discordapp.com/attachments/683694809470468146/915762557728460830/MiiWiki_Background_dark.png) !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:rgba(0,0,0,0.5) !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,#1f1f1f 5px,#1f1f1f 10px),linear-gradient(to bottom,#2b2b2b,#000000);
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 {
.mw-specialCiteThisPage-bibliographic{background-color:#222222 !important}
color:#d1d1d1;
 
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 */
.toc {
.module-navbox,#mainPagePanel,#mainPagePanel *{border-radius: 0px !important}
background-color:#121212;
 
color:#d1d1d1;
 
}
/* monobook mobile stuff completely unrelated to dark mode */
.catlinks {  
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}
color:#d1d1d1;
@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}}
Retrieved from "https://miiwiki.org/w/index.php?title=User:PinkYoshiFan/monobook.css&oldid=10431"