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;
}