User:TrollpastaBot/monobook.css
From Trollpasta Wiki
Jump to navigationJump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child, figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child, figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child, figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child {
margin: 0;
}
.mw-content-ltr figure[typeof~='mw:File/Thumb']:not([typeof~='mw:Error']) > a.mw-file-description:after {
bottom: -15px;
}
.mw-content-ltr figure[typeof~='mw:File/Thumb'], .mw-content-ltr figure[typeof~='mw:File/Frame'] {
margin: 2px 2px 12px 12px;
border: none;
}
figure[typeof~='mw:File/Thumb'].mw-halign-left, figure[typeof~='mw:File/Frame'].mw-halign-left {
margin: 2px 12px 12px 2px;
}
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
border: none;
border-top: 0;
border-radius: 0 0 5px 5px;
}
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
padding: 5px;
}
figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) {
border: 0;
background: none;
}
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin&display=swap');
/* CSS placed here will be applied to all skins */
body {
background: #001938;
color: #000000;
font-size: 12px;
font-family: "Arial";
}
#p-cactions .pBody, #p-personal {
font-size: 15px;
font-family: "Arial";
}
#p-personal a:visited {
color: #d8ebff;
}
h3#p-navigation-label, h3#p-search-label, h3#p-tb-label, #p-personal a:link {
color: #ffffff;
}
#p-cactions .pBody, body.skin--responsive #p-cactions li a body.skin--responsive #p-cactions li a.selected {
border-radius: 5px;
}
a:link {
color: #3222e9;
}
a:visited {
color: #8d1cdb;
}
a.new:link {
color: #f25500;
}
a.new:visited {
color: #3d69c4;
}
#p-navigation, #p-search, #p-tb {
background-color: #006ec3;
}
#p-navigation .pBody, #p-search .pBody, #p-tb .pBody {
background-color: #d8ebff;
border: none;
padding-top: 1px;
}
#content {
background-color: #d8ebff;
border-radius: 10px 0 0 10px;
}
body:not(.monobook-capitalize-all-nouns) .portlet h3, body:not(.monobook-capitalize-all-nouns) #p-personal ul, body:not(.monobook-capitalize-all-nouns) #p-cactions ul li a {
text-transform: none;
}
.portlet {
border-radius: 12px 0 12px 0;
}
.portlet h3 {
white-space: nowrap;
}
.mw-body {
border: none;
line-height: 22px;
}
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
opacity: 1;
filter: invert(1);
}
.pBody .mw-list-item, body.skin--responsive #p-cactions li a {
border-radius: 5px;
}
.pBody {
margin-top: 3px;
}
.firstHeading {
margin-top: 6px;
margin-bottom: -9px;
padding-bottom: 7px;
}
h1, h2 {
margin-bottom: 7px;
padding-bottom: 5px;
}
.mw-contributions-user-tools, .subpages, .mw-history-subtitle, #mw-content-subtitle {
margin-top: 13px;
}
.c-order {
padding: 0;
}
.c-spy {
float: right;
font-size: 10px;
margin: 0px 10px 0px 0px
}
.c-order-select {
float: right
}
.c-form-title {
margin: -45px 0px 5px 0px;
}
#catlinks {
border-radius: 5px;
}
.c-form-button {
padding: 5px 0px 20px
}
.c-item {
border-bottom: none;
padding: 0px 0px 20px 0px;
margin: 0px 0px 15px 0px
}
#mw-content-text .mw-search-results {
margin-top: 6px
}
.mw-content-ltr dd,.mw-content-rtl .mw-content-ltr dd {
margin-top: 8px
}
/* Dark Theme */
.client-darkmode {
body { color: #17151c; }
#p-personal a:visited { color: #17151c !IMPORTANT; }
#p-personal a:link { color: #d5d4d4 !IMPORTANT; }
a:visited { color: #88a4bc !IMPORTANT; }
a:link { color: #88a4bc !IMPORTANT; }
a.new:link { color: #F25500 !IMPORTANT; }
a.new:visited { color: #88a4bc !IMPORTANT; }
body { background-color: #080808; }
#globalWrapper { background-color: #080808; }
#p-navigation { background-color: #283145; }
#p-navigation .pBody { background-color: #17151c; }
#p-search { background-color: #283145; }
#p-search .pBody { background-color: #17151c; }
#p-tb { background-color: #283145; }
#p-tb .pBody { background-color: #17151c; }
#content { color: #d5d4d4; background-color: #17151c; }
h1, h2, h3, h4, h5, h6 { color: #d5d4d4; }
h1, h2 {
border-bottom: 1px solid #283145;
}
#catlinks {
background-color: #17151c;
border: 1px solid #283145;
}
.catlinks li {
border-left: 1px solid #283145;
}
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
background-color: #283145;
}
hr {
background-color: #283145;
}
h3#p-navigation-label, h3#p-search-label, h3#p-tb-label, #p-personal a:link {
color: #d5d4d4;
}
#footer {
background-color: #17151c!important;
color: #d5d4d4;
}
.mw-footer {
border-top: 1px solid #283145;
border-bottom: 1px solid #283145;
}
.mp-box, #mp-1 {
background-color: #080808;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #17151c;
border: 1px solid #283145;
}
.mw-changeslist-legend {
border: 1px solid #283145;
background-color: #17151c;
}
.mw-collapsible-toggle-default, .mw-collapsible-text {
color: #88a4bc;
}
.mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after {
color: #d5d4d4;
}
.toc, .toccolours {
border: 1px solid #283145;
background-color: #17151c;
}
.tocnumber {
color: #d5d4d4;
}
#filetoc {
background-color: #17151c;
border: 1px solid #283145;
}
.mw-message-box-warning {
background-color: transparent;
border-color: #2F6FAB;
color: #d5d4d4;
}
.mw-message-box-error {
background-color: #2f0e0c;
border-color: #dd0033;
color: #d5d4d4;
}
.mw-datatable th {
background-color: #283145;
border: 1px solid #283145;
}
.mw-datatable td {
background-color: #17151c;
border: 1px solid #283145;
}
.client-darkmode .toctogglelabel
color: #88a4bc;
}
.client-darkmode .wikitable {
background-color: #283145;
color: #d5d4d4;
margin: 1em 0;
border: 1px solid #a2a9b1;
border-collapse: collapse;
}
.client-darkmode .oo-ui-panelLayout-framed {
border: 1px solid #283145;
border-radius: 3px;
}
.client-darkmode .wikitable > * > tr > th {
border: 1px solid #283145;
background-color: #283145;
text-align: center;
}
.client-darkmode .wikitable > tr > th, .wikitable > tr > td, .client-darkmode .wikitable > * > tr > td {
border: 1px solid #283145;
background-color: #17151c;
}
.client-darkmode .mw_metadata td {
background-color: #17151c;
border: 1px solid #283145;
}
.client-darkmode .mw_metadata th {
border: 1px solid #283145;
background-color: #17151c;
}
.client-darkmode a,.client-darkmode .vector-menu-tabs li a,.client-darkmode .vectorTabs li a,.client-darkmode .toctogglelabel,.client-darkmode .mw-parser-output a.external,.client-darkmode .mw-parser-output a.extiw,.client-darkmode .mw-parser-output a.extiw:active,.client-darkmode #mw-panel .portal .body li a {
color: #88a4bc;
}
.client-darkmode .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
color: #88a4bc;
}
.client-darkmode #pagehistory li.selected {
background-color: #2f2b38;
color: #d5d4d4;
}
.client-darkmode body.skin--responsive #p-cactions li a {
background-color: #2f2b38;
}
.client-darkmode body.skin--responsive #p-cactions li {
border: 1px solid #2f2b38;
background: #2f2b38;
}
.client-darkmode body.skin--responsive #p-cactions li.selected a {
background-color: #474155;
}
.client-darkmode body.skin--responsive #p-cactions li.selected {
border-color: #474155;
background: #474155;
}
}
/* Against darkmode color inversion*/
.client-darkmode, .client-darkmode h1, .client-darkmode h2, .client-darkmode h3, .client-darkmode h4, .client-darkmode h5, .client-darkmode h6, .client-darkmode table.ambox-content, .client-darkmode .mw-notification, .client-darkmode .infobox, .client-darkmode .thumbinner, .client-darkmode #mw-head, .client-darkmode #mw-panel, .client-darkmode #content.mw-body, .client-darkmode #centralNotice .cnotice {
filter: none !important;
}
.client-darkmode, .client-darkmode img, .client-darkmode video, .client-darkmode svg, .client-darkmode iframe, .client-darkmode .mw-no-invert, .client-darkmode td .diffchange, .client-darkmode .cdx-thumbnail__image, .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content, .client-darkmode .cdx-menu-item__thumbnail, .client-darkmode .cx-slitem__image, .client-darkmode .mwe-math-element, .client-darkmode .mw-mmv-overlay, .client-darkmode .mw-mmv-pre-image, .client-darkmode .mw-kartographer-map, .client-darkmode .mw-kartographer-mapDialog-map, .client-darkmode .ext-related-articles-card-list .ext-related-articles-card-thumb {
filter: none !important;
}
.client-darkmode table, .client-darkmode table.ambox-content, .client-darkmode, .client-darkmode .mw-notification, .client-darkmode .mwe-popups, .client-darkmode .infobox, .client-darkmode .thumbinner, .client-darkmode .cbnnr-main, .client-darkmode .cx-callout, .client-darkmode #centralNotice .cnotice {
background-color: transparent;
}