MediaWiki:Common.css: Difference between revisions
From Sherlock Holmes Encyclopaedia
Content added Content deleted
No edit summary Tags: Manual revert Reverted |
No edit summary Tag: Manual revert |
||
| (93 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ |
/* CSS placed here will be applied to all skins */ |
||
body { |
|||
.wkfelt { background-color:#4DFD4D; background-image:url(https://cdn.wikirby.com/3/39/KEY_Fabric_Lime_Felt.png); } |
|||
font-family:'Rubik'; |
|||
.wkyellow { background-color:#FAF191; background-image:url(https://cdn.wikirby.com/9/9d/BackYellow.png); } |
|||
.wkblue { background-color:#DFEAFE; background-image:url(https://cdn.wikirby.com/e/eb/BackBlue.png); } |
|||
.wkred { background-color:#E47575; background-image:url(https://cdn.wikirby.com/1/1b/KSS_Megaton_Punch_Background.png); } |
|||
.wkcork { background-color:#FAF191; background-image:url(https://cdn.wikirby.com/5/5a/BackCork.png); } |
|||
.wksky { background-color:#DFEAFE; background-image:url(https://cdn.wikirby.com/b/ba/BackSky.png); } |
|||
.wkpuzzle { background-color:#FF9F9F; background-image:url(https://cdn.wikirby.com/0/06/BackPuzzle.png); } |
|||
.wkblock { background-color:#DFCFAF; background-image:url(https://cdn.wikirby.com/e/e4/KEY_Fabric_Colored_Blocks.png); } |
|||
.wksnow { background-color:#8FDFFF; background-image:url(https://cdn.wikirby.com/0/0c/BackBluedot.png); } |
|||
.wkquilt { background-color:#DFDFDF; background-image:url(https://cdn.wikirby.com/8/8e/KEY_Fabric_Aqua_Quilted.png); } |
|||
/* Keeby fabrics */ |
|||
.wkkeebycotton { background-color:#FFFA66; background-image:url(https://cdn.wikirby.com/2/25/KEY_Fabric_Yellow_Cotton.png); } |
|||
.wkkeebyfelt { background-color:#FFFA66; background-image:url(https://cdn.wikirby.com/9/94/KEY_Fabric_Yellow_Felt.png); } |
|||
.wkkeebystriped { background-color:#FFFA66; background-image:url(https://cdn.wikirby.com/f/fa/KEY_Fabric_Yellow_Striped.png); } |
|||
.wkkeebylemonade { background-color:#FFFA66; background-image:url(https://cdn.wikirby.com/2/24/KEY_Fabric_Lemonade.png); } |
|||
.wkkeebydot { background-color:#FFFA66; background-image:url(https://cdn.wikirby.com/3/32/KEY_Fabric_Yellow_Dot.png); } |
|||
.wkkeebystar { background-color:#FFFA66; background-image:url(https://cdn.wikirby.com/0/0d/KEY_Fabric_Gold_Star.png); } |
|||
/* Colored usernames for staff members. */ |
|||
/* Patrollers */ |
|||
.mw-userlink[title="User:AdieuLain"], |
|||
.mw-userlink[title="User:EleCyon"], |
|||
.mw-userlink[title="User:Iliekchez"], |
|||
.mw-userlink[title="User:Luigi1234"], |
|||
.mw-userlink[title="User:Pandakekok9"], |
|||
.mw-userlink[title="User:ShadowKirby"], |
|||
.mw-userlink[title="User:Typman"], |
|||
.mw-userlink[title="User:WillIdleAway"], |
|||
#whopatrol a { color: #B500F1 !important; } |
|||
/* Moderators */ |
|||
.mw-userlink[title="User:Basic Person"], |
|||
.mw-userlink[title="User:Kirb"], |
|||
.mw-userlink[title="User:Superbound"], |
|||
.mw-userlink[title="User:Zolerian"], |
|||
#whomod a { color: #ED7014 !important; } |
|||
/* Administrators */ |
|||
.mw-userlink[title="User:DeepFriedCabbage"], |
|||
.mw-userlink[title="User:FalcoLau"], |
|||
.mw-userlink[title="User:Jellytost♡"], |
|||
.mw-userlink[title="User:Owencrazyboy17"], |
|||
.mw-userlink[title="User:StarPunch"], |
|||
#whoadmin a { color: #30C5A4 !important; } |
|||
/* Bureaucrats */ |
|||
.mw-userlink[title="User:Gigi"], |
|||
.mw-userlink[title="User:Pinkyoshifan"], |
|||
.mw-userlink[title="User:Samwell"], |
|||
.mw-userlink[title="User:Vellidragon"], |
|||
.mw-userlink[title="User:YoshiFlutterJump"], |
|||
#whocrat a { color: #CA408A !important; } |
|||
/* Pink wikitable styling */ |
|||
table.wikitable { |
|||
background: #fff; |
|||
margin: 1em 0; |
|||
border: 1pt solid #000; |
|||
border-collapse: collapse; |
|||
color: black |
|||
} |
} |
||
/********* Portable infobox theme *********/ |
|||
table.wikitable > * > tr > td, table.wikitable > * > tr > th { |
|||
.portable-infobox { |
|||
border: 1pt solid #A92C3C; |
|||
--pi-border-color: #754836; |
|||
padding: 0.2em 0.4em; |
|||
border: 2px solid #754836; |
|||
border-radius: 8px; |
|||
padding: 0px; |
|||
font-size: 12px; |
|||
background-color: #cfa07c; |
|||
line-height: 1.5; |
|||
width: 22em; |
|||
} |
} |
||
.portable-infobox .pi-header { |
|||
table.wikitable > * > tr > th { |
|||
background: |
background:#754836; |
||
opacity:0.8; |
|||
text-align: center; |
|||
color: black; |
|||
} |
} |
||
.portable-infobox .pi-navigation { |
|||
background-color: #cfa07c; |
|||
table.wikitable > * > tr:nth-child(odd) > td { |
|||
font-size: 12px; |
|||
text-align: center; |
|||
text-color: darkred; |
|||
} |
} |
||
.portable-infobox .pi-title { |
|||
table.wikitable > * > tr:nth-child(even) > td { |
|||
background:# |
background:#754836; |
||
opacity:0.9; |
|||
color:black; |
|||
border: 1px solid; |
|||
border-color: var(--theme-box-border-color-inner); |
|||
border-radius: var(--theme-box-border-radius-inner); |
|||
text-align: center; |
|||
} |
} |
||
.portable-infobox .pi-title { |
|||
table.roundtable tr:last-of-type td:first-of-type { |
|||
font-weight: bold; |
|||
border-radius: 0 0 0 10px; |
|||
box-shadow: 0 0 6px rgba(0,0,0,0.20); |
|||
font-size: 15px; |
|||
padding: 6px 3px; |
|||
line-height: 1.2; |
|||
text-align: center; |
|||
opacity:0.9; |
|||
} |
} |
||
.portable-infobox .pi-data-label, |
|||
table.roundtable tr:last-of-type td:last-of-type { |
|||
.pi-data-value { |
|||
border-radius: 0 0 10px 0; |
|||
border: 1px solid var(--theme-border-color); |
|||
padding: 8px; |
|||
font-size: 95%; |
|||
opacity:0.9; |
|||
} |
} |
||
.pi-data-label { |
|||
/* File history table workaround */ |
|||
background:#754836; |
|||
.filehistory tr td:last-of-type { |
|||
text-align:center; |
|||
flex-basis: 160px; |
|||
text-align: right; |
|||
display: flex; |
|||
justify-content: right; |
|||
margin-left:0px; |
|||
opacity:0.9; |
|||
} |
} |
||
.pi-data-label div { |
|||
/* text sizes */ |
|||
align-self: center; |
|||
.large { |
|||
font-size: 16px; |
|||
} |
} |
||
.portable-infobox .pi-item-spacing { |
|||
.xlarge { |
|||
padding: 1px 1px; |
|||
} |
} |
||
.pi-horizontal-group .pi-horizontal-group-item { |
|||
/* text alignment */ |
|||
margin-right: 50px; |
|||
width: 10em; |
|||
position: absolute; |
|||
top: -26px; |
|||
right: 10px; |
|||
} |
|||
.top-right-text { |
|||
position: absolute; |
|||
top: -17px; |
|||
right: 10px; |
|||
} |
|||
.help-shift { |
|||
top: -20px; |
|||
right: 60px; |
|||
} |
} |
||
/** Imports **/ |
|||
/* Fonts */ |
|||
@import url('https://fonts.googleapis.com/css2?family=Volkhov&display=swap'); |
|||
a { |
|||
/* border */ |
|||
text-decoration: none; |
|||
fieldset { |
|||
color: #0066ff; |
|||
border: 1px solid #a92c3c; |
|||
background: none; |
|||
} |
} |
||
a:visited {color: #67a1f9;} |
|||
a:active {color: #614639;} |
|||
a:hover {text-decoration: underline;} |
|||
span.black a {color:#333333; font-weight:bold;} |
|||
div.mw-warning-with-logexcerpt { |
|||
border: 2px solid #A92C3C; |
|||
} |
|||
/* |
/* Hide talk page links in Forum namespace */ |
||
.ns-3002 #ca-talk { |
|||
body.page-Kirby_Wiki.action-view h1.firstHeading, |
|||
display: none; } |
|||
body.page-Kirby_Wiki.action-view #siteSub, |
|||
body.page-Kirby_Wiki.action-view #catlinks, |
|||
/** Icons **/ |
|||
body.page-Kirby_Wiki.action-view #lastmod, |
|||
/* Alert and Notice */ |
|||
body.page-Kirby_Wiki.action-view .mw-revision { |
|||
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge { |
|||
display: none; |
|||
filter: invert(1); |
|||
} |
|||
opacity:unset !important; |
|||
body.page-Kirby_Wiki.action-view #bodyContent { |
|||
background-color: transparent !important; } |
|||
margin-top: 16px; |
|||
/* General MediaWiki icons */ |
|||
} |
|||
.mw-content-ltr .redirectText li:first-child { |
|||
body.page-Kirby_Wiki.action-view .usermessage { |
|||
background-image: url("https://static.miraheze.org/softcellwiki/d/db/Wiki_Icon_Redirect_Dark.svg"); } |
|||
margin-top: 43px; |
|||
#mw-indicator-mw-helplink a { |
|||
} |
|||
background-image: url("https://static.miraheze.org/softcellwiki/0/02/Wiki_Icon_Help_Notice_Dark.svg"); } |
|||
body.page-Kirby_Wiki.action-view #bodyContent { |
|||
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { |
|||
margin-top: -20px; |
|||
background-image: url("https://static.miraheze.org/softcellwiki/a/af/Wiki_Icon_Sort_Both_Dark.svg"); } |
|||
} |
|||
.jquery-tablesorter th.headerSortUp { |
|||
body.page-Kirby_Wiki.action-view #siteNotice { |
|||
background-image: url("https://static.miraheze.org/softcellwiki/a/a5/Wiki_Icon_Sort_Up_Dark.svg"); } |
|||
margin-bottom: 28px; |
|||
.jquery-tablesorter th.headerSortDown { |
|||
} |
|||
background-image: url("https://static.miraheze.org/softcellwiki/5/56/Wiki_Icon_Sort_Down_Dark.svg"); } |
|||
#mw-indicator-mw-helplink { |
|||
.postedit:after { |
|||
display: none; |
|||
background-image: url("https://static.miraheze.org/softcellwiki/1/1a/Wiki_Icon_Close_Dark.svg"); } |
|||
} |
|||
/** Tables **/ |
|||
@media (max-width: 1010px) { |
|||
/* Our normal table */ |
|||
.onlydesktop { |
|||
.sctable { |
|||
display:none; |
|||
width:100%; |
|||
} |
|||
border-collapse:collapse; |
|||
} |
|||
border:3px solid #CD7E96; |
|||
border-top: none; } |
|||
.sctable th, .sctable td { |
|||
padding:3px 7px; |
|||
vertical-align:middle; } |
|||
.sctable th { |
|||
border:3px solid #CD7E96; |
|||
background: #48092C; } |
|||
.sctable td { |
|||
border:1px solid #CD7E96; } |
|||
/* Default wikitable */ |
|||
.wikitable { |
|||
background: transparent; |
|||
color: inherit; } |
|||
.wikitable, .wikitable th, .wikitable td { |
|||
border-color: #874e26 !important; } |
|||
.wikitable th { |
|||
background: #ffe1cf !important; } |
|||
/* Special classes */ |
|||
@media (min-width: 1011px) { |
|||
/* Sizing */ |
|||
.onlymobile { |
|||
.width60 { |
|||
display:none; |
|||
width: 60%; } |
|||
.width70 { |
|||
width: 70%; } |
|||
/* Changes for mobile screens */ |
|||
@media only screen and (max-width: 850px) { |
|||
.sctable60, .sctable70 { |
|||
width: 100%; } |
|||
} |
} |
||
/* For tables where first column is "Year" */ |
|||
.year th:nth-child(1) { |
|||
width: 45px; } |
|||
.year td:nth-child(1) { |
|||
width: 45px; |
|||
text-align: center; |
|||
padding: 3px; } |
|||
/* Peak chart positions mini-table **/ |
|||
.chart-peak { |
|||
border-collapse: collapse; |
|||
line-height: 1; |
|||
margin: auto !important; } |
|||
.chart-peak, .chart-peak td { |
|||
border: none !important; } |
|||
/** General UI elements **/ |
|||
.editOptions { |
|||
/* Buttons */ |
|||
background-color: #ECF6FF; |
|||
.oo-ui-buttonElement-button { |
|||
border: 1px solid #A7BEEA; |
|||
background-color: #ffe1cf !important; |
|||
border-top: none; |
|||
border-color: #ffe1cf !important; |
|||
} |
|||
border-radius: 0 !important; |
|||
color: #000 !important; } |
|||
.oo-ui-buttonElement-button:hover { |
|||
background-color: #44485e !important; |
|||
border-color: #44485e !important; |
|||
text-shadow: none; } |
|||
/* Text input fields */ |
|||
.oo-ui-textInputWidget .oo-ui-inputWidget-input { |
|||
border-color: #44485e; |
|||
border-radius: 0; } |
|||
.oo-ui-textInputWidget .oo-ui-inputWidget-input:hover { |
|||
border-color: #44485e !important; } |
|||
/* Container */ |
|||
.oo-ui-panelLayout-framed { |
|||
border: 2px solid #44485e; |
|||
border-radius: 0; |
|||
background: #1D0832; } |
|||
/* Flags/check boxes */ |
|||
.oo-ui-checkboxInputWidget [type="checkbox"] + span { /* Unchecked */ |
|||
border-color: #ffe1cf; |
|||
border-radius: 0; |
|||
background-color: #ffe1cf; } |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { /* Hover on unchecked */ |
|||
background-color: #ffe1cf; |
|||
border-color: #44485e; } |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, /* Checked */ |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { |
|||
background-color: #ffe1cf; |
|||
border-color: #ffe1cf; } |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, /* Hover on checked */ |
|||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span { |
|||
background-color: #44485e; |
|||
border-color: #ffe1cf; } |
|||
/* Dialog window */ |
|||
.oo-ui-window-frame { /* Outer border */ |
|||
border-color: #44485e !important; |
|||
border-radius: 0 !important; } |
|||
.oo-ui-window-body { /* Window */ |
|||
background: #ffe1cf; } |
|||
.oo-ui-messageDialog-content > .oo-ui-window-foot { /* Annoying border */ |
|||
outline: none; } |
|||
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { /* Borders of buttons */ |
|||
border-color: #44485e !important; } |
|||
/* |
/** Notifs (Echo) window **/ |
||
.oo-ui-popupWidget-popup { /* Container */ |
|||
@font-face { |
|||
background-color: #ffe1cf; |
|||
font-family: "Delfino"; |
|||
border: 3px solid #44485e; |
|||
src: url("https://wikirby.com/fonts/delfino-webfont.woff2") format("woff2"), |
|||
border-radius: 0; } |
|||
url("https://wikirby.com/fonts/delfino-webfont.woff") format("woff"); |
|||
.oo-ui-popupWidget-head, |
|||
} |
|||
.oo-ui-popupWidget-footer { /* Header and big buttons */ |
|||
border: none !important; } |
|||
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > |
|||
.oo-ui-popupWidget-popup > /* Removing border from buttons */ |
|||
.oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child { |
|||
border: none; } |
|||
.mw-echo-ui-placeholderItemWidget, |
|||
.mw-echo-ui-notificationItemWidget { /* Content */ |
|||
background-color: #ffe1cf; |
|||
border: none ; } |
|||
.mw-echo-ui-notificationItemWidget:hover { |
|||
background-color: #ffe1cf; } |
|||
.mw-echo-ui-notificationItemWidget .oo-ui-buttonElement-button { /* Button flag in Notices */ |
|||
background: transparent !important; |
|||
border: none !important; } |
|||
.mw-echo-ui-notificationItemWidget-content-message-header { /* Messages in Notices */ |
|||
color:#E6E6E6 !important; } |
|||
.mw-echo-ui-notificationItemWidget-icon { /* Icons in notices */ |
|||
filter:invert(1) brightness(130%) saturate(20%); } |
|||
/* |
/** Editor UI **/ |
||
/* Outer border */ |
|||
.module-navbox > span.mw-collapsible-toggle { |
|||
.wikiEditor-ui .wikiEditor-ui-view { |
|||
font-weight: bold; |
|||
border: 2px solid #44485e; |
|||
transform: translate(-8px,3.15px) |
|||
border-bottom: none; } |
|||
} |
|||
/* Bringing back (kinda) default coloring */ |
|||
.wikiEditor-ui-toolbar a { |
|||
color: initial !important; } |
|||
.wikiEditor-ui-toolbar .oo-ui-buttonElement-button { |
|||
background-color: transparent !important; |
|||
border-color: transparent !important; } |
|||
.wikiEditor-ui-toolbar .booklet > .index > div { |
|||
color: initial !important; } |
|||
.wikiEditor-ui-toolbar .booklet > .index > .current { |
|||
background-color: #d7e8ff; } |
|||
/* Bottom box */ |
|||
div.editOptions { /* Container */ |
|||
padding: 1.25em 1.75em; |
|||
border: 2px solid #44485e; |
|||
border-radius: 0 !important;} |
|||
div .editOptions { |
|||
background: #1D0832 !important; |
|||
color: #000000 !important; } |
|||
.cancelLink .oo-ui-buttonElement-button { /* Cancel button */ |
|||
background-color: unset !important; |
|||
border-color: transparent !important; } |
|||
.cancelLink .oo-ui-buttonElement-button:hover { |
|||
background-color: unset !important; |
|||
border-color: transparent !important; |
|||
color: black !important; } |
|||
/** Edittools CharInsert **/ |
|||
.lua-navbox tr:nth-child(even) td { |
|||
/* Container */ |
|||
background: rgba(0,0,0,.1) |
|||
.charinsert-container { |
|||
} |
|||
border: 2px solid #44485e; |
|||
background: #1D0832; |
|||
padding: 3px 0 0; |
|||
text-align: center; } |
|||
/* Buttons */ |
|||
.mw-charinsert-buttons a { |
|||
background-color: #ffe1cf; |
|||
padding: 0 2px 2px; |
|||
margin: 2px 1px; |
|||
color: black !important; |
|||
border: 1px solid #ffe1cf;} |
|||
.mw-charinsert-buttons a:hover, |
|||
.mw-charinsert-buttons a:active { |
|||
background: #ffe1cf; |
|||
color: black !important; |
|||
text-shadow: none; } |
|||
/** Changes preview **/ |
|||
.lua-navbox tr:last-of-type th { |
|||
.diff-deletedline { /* - */ |
|||
border-radius: 0 0 0 12px; |
|||
border-color: #b98200; } |
|||
} |
|||
.diff-deletedline .diffchange { |
|||
background: #b98200; } |
|||
.diff-addedline { /* + */ |
|||
border-color: #2582db; } |
|||
.diff-addedline .diffchange { |
|||
background: #2582db; } |
|||
/** Notifications **/ |
|||
.lua-navbox tr:last-of-type td { |
|||
.mw-notification { |
|||
border-radius: 0 0 12px 0 |
|||
background-color: #ffe1cf; |
|||
} |
|||
border: 2px solid #44485e; |
|||
border-radius: 0; |
|||
color: black; } |
|||
/* Succesful edit */ |
|||
.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { /* Message */ |
|||
color: #5DEB5D; } |
|||
.oo-ui-image-success.oo-ui-icon-success, .mw-ui-icon-success-success::before { /* Icon */ |
|||
filter: brightness(130%) hue-rotate(335deg) saturate(250%); } |
|||
/** List of references **/ |
|||
.lua-navbox ul { |
|||
.references { |
|||
margin: 0; |
|||
line-height: 1.3; |
|||
font-size: 90%; } |
|||
ol.references li:target, sup.reference:target { |
|||
background-color: #746586; } /* Highlight coloring */ |
|||
.mw-references-columns { |
|||
columns: 2; } /* 2 columns by default */ |
|||
/* Change for mobile screens */ |
|||
@media only screen and (max-width: 850px) { |
|||
.mw-references-columns { |
|||
columns: unset; } /* No columns */ |
|||
} |
} |
||
@media only screen and (max-width: 500px) { |
|||
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { |
|||
.lua-navbox ul li { |
|||
margin: 0.3em 0.3em 0 2.2em; } /* Making list more compact */ |
|||
display: inline; |
|||
} |
} |
||
/** Images (thumb?) **/ |
|||
.lua-navbox ul li:not(:last-child):after { |
|||
figure, figure img, figcaption { |
|||
content: " • " |
|||
border: none !important; |
|||
background: transparent !important; } |
|||
@media only screen and (max-width:400px) { /* On mobile */ |
|||
.mw-halign-right, .mw-halign-left, .mw-body-content a > img { |
|||
margin: 5px auto !important; |
|||
float: none !important; } |
|||
.mw-halign-right img, .mw-halign-left img { |
|||
width: 100%; |
|||
height: auto; } |
|||
} |
} |
||
/** Gallery **/ |
|||
@media screen and (max-width: 925px) { |
|||
.gallery { |
|||
.lua-navbox { |
|||
text-align: center; } |
|||
width: 100%; |
|||
.gallerybox { |
|||
text-align: center; |
|||
margin: 0 10px; } |
|||
.mw-body li.gallerybox div.thumb { |
|||
.lua-navbox th, .lua-navbox td { |
|||
background: transparent; |
|||
display: block; |
|||
border: none; } |
|||
} |
|||
div.gallerytext { |
|||
.lua-navbox td { |
|||
text-align: center; } |
|||
margin-top: 2px; |
|||
.gallerytext p { |
|||
} |
|||
margin: 3px 0 7px; } |
|||
.lua-navbox tr:last-of-type th { |
|||
@media only screen and (max-width:500px) { /* On mobile */ |
|||
border-radius: 0 |
|||
.gallerybox { |
|||
} |
|||
margin: 0 3px; } |
|||
.lua-navbox tr:last-of-type td { |
|||
border-radius: 0 0 12px 12px |
|||
} |
|||
} |
} |
||
/** Media Viewer **/ |
|||
/* Responsive flex (based on Bootstrap) */ |
|||
.mw-mmv-post-image { |
|||
.row { |
|||
color: #E6E6E6; } |
|||
--bs-gutter-x: .25rem; |
|||
.mw-mmv-post-image { |
|||
--bs-gutter-y: 0; |
|||
background-color: #ffe1cf; } |
|||
display: flex; |
|||
.mw-mmv-image-metadata { |
|||
flex-wrap: wrap; |
|||
background-color: #1D0832; |
|||
margin-top: calc(var(--bs-gutter-y) * -1); |
|||
border-top: none; } |
|||
margin-right: calc(var(--bs-gutter-x) / -2); |
|||
/* Button */ |
|||
margin-left: calc(var(--bs-gutter-x) / -2); |
|||
.mw-mmv-post-image .mw-ui-button.mw-ui-progressive:not(:disabled) { |
|||
} |
|||
background-color: #ffe1cf; |
|||
.row > * { |
|||
border-color: #ffe1cf; |
|||
box-sizing: border-box; |
|||
border-radius: 0; |
|||
color: black !important; } |
|||
width: 100%; |
|||
.mw-mmv-post-image .mw-ui-button.mw-ui-progressive:not(:disabled):hover { |
|||
max-width: 100%; |
|||
background-color: #44485e !important; |
|||
margin-top: var(--bs-gutter-y); |
|||
border-color: #44485e; } |
|||
} |
|||
/** File page **/ |
|||
.col { |
|||
/* Header */ |
|||
flex: 1 0 0%; |
|||
#filetoc { |
|||
} |
|||
background: #ffe1cf !important; |
|||
border: none !important; } |
|||
/* Metadata table */ |
|||
#mw_metadata { |
|||
color: inherit; } |
|||
#mw_metadata, .mw_metadata > tr > th, .mw_metadata > tr > td, .mw_metadata > * > tr > th, .mw_metadata > * > tr > td { |
|||
border-color: #ffe1cf !important; } |
|||
.mw_metadata th { |
|||
background: #ffe1cf; } |
|||
.mw_metadata td { |
|||
background: #1D0832; } |
|||
/** Discussions Tools UI **/ |
|||
/* -- Columns without any size reference -- */ |
|||
/* Main editor area */ |
|||
.col-sm { flex: 1 0 0%; } |
|||
.ext-discussiontools-ui-replyWidget-bodyWrapper .oo-ui-widget { /* Border */ |
|||
.col-1 { flex: 0 0 auto; width: 8.3333333333%; } |
|||
border-color: #44485e !important; |
|||
.col-2 { flex: 0 0 auto; width: 16.6666666667%; } |
|||
border-radius: 0; } |
|||
.col-3 { flex: 0 0 auto; width: 25%; } |
|||
.ext-discussiontools-ui-newTopic .ve-ce-surface, .ext-discussiontools-ui-replyWidget .ve-ce-surface { /* Text */ |
|||
.col-4 { flex: 0 0 auto; width: 33.3333333333%; } |
|||
color: black; } |
|||
.col-5 { flex: 0 0 auto; width: 41.6666666667%; } |
|||
/* Toolbar */ |
|||
.col-6 { flex: 0 0 auto; width: 50%; } |
|||
/*** Icons ***/ |
|||
.col-7 { flex: 0 0 auto; width: 58.3333333333%; } |
|||
.ext-discussiontools-ui-newTopic .oo-ui-toolbar-bar, .ext-discussiontools-ui-replyWidget .oo-ui-toolbar-bar, .ext-discussiontools-ui-replyWidget-modeTabs { |
|||
.col-8 { flex: 0 0 auto; width: 66.6666666667%; } |
|||
background: #ffe1cf !important; |
|||
.col-9 { flex: 0 0 auto; width: 75%; } |
|||
border-top: 1px solid #44485e !important; } |
|||
.col-10 { flex: 0 0 auto; width: 83.3333333333%; } |
|||
.ext-discussiontools-ui-newTopic .oo-ui-toolbar-bar, .ext-discussiontools-ui-replyWidget .oo-ui-toolbar-bar { |
|||
.col-11 { flex: 0 0 auto; width: 91.6666666667%; } |
|||
border-left: 1px solid #44485e !important; } |
|||
.col-12 { flex: 0 0 auto; width: 100%; } |
|||
.ext-discussiontools-ui-replyWidget-modeTabs { |
|||
border-right: 1px solid #44485e !important; } |
|||
/* ---- Displays ---- */ |
|||
/*** Editor switches ***/ |
|||
.d-block { display: block!important; } |
|||
.ext-discussiontools-ui-replyWidget-modeTabs .ext-discussiontools-ui-modeTab.oo-ui-widget-disabled { |
|||
.d-inline { display: inline!important; } |
|||
box-shadow: inset 0 -2px 0 0 #ffe1cf; } |
|||
.d-inline-block { display: inline-block!important; } |
|||
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget { |
|||
.d-flex { display: flex!important; } |
|||
color: #000000 !important; } |
|||
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { |
|||
.d-none { display: none!important; } |
|||
box-shadow: inset 0 -2px 0 0 #44485e; } |
|||
/* Source editor's preview area */ |
|||
.ext-discussiontools-ui-replyWidget-preview { |
|||
background: #260919; |
|||
border: 1px solid #44485e; } |
|||
/* Advanced area */ |
|||
.ext-discussiontools-ui-replyWidget-advancedToggle .oo-ui-buttonElement-button { /* Button */ |
|||
background: none !important; |
|||
border: none !important; } |
|||
.ext-discussiontools-ui-replyWidget-advancedToggle .oo-ui-buttonElement-button:hover { |
|||
background: #ffe1cf !important; } |
|||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { |
|||
background: #ffe1cf; |
|||
border-color:#44485e; } |
|||
/* Cancel button */ |
|||
.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button { |
|||
background: transparent !important; |
|||
border-color: transparent !important; } |
|||
.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover { |
|||
background: transparent !important; |
|||
border-color: transparent !important; } |
|||
/* Footer */ |
|||
.ext-discussiontools-ui-replyWidget-footer { |
|||
color: unset; } |
|||
/** Recent Changes UI **/ |
|||
/* -- Columns for small sizes -- */ |
|||
/* Top block */ |
|||
.col-sm { flex: 1 0 0%; } |
|||
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { /* Main visible block */ |
|||
.col-sm-1 { flex: 0 0 auto; width: 8.3333333333%; } |
|||
background-color: #1D0832 !important; |
|||
.col-sm-2 { flex: 0 0 auto; width: 16.6666666667%; } |
|||
border: 2px solid #44485e !important; } |
|||
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { /* Its header */ |
|||
.col-sm-4 { flex: 0 0 auto; width: 33.3333333333%; } |
|||
color: #000000 !important; } |
|||
.col-sm-5 { flex: 0 0 auto; width: 41.6666666667%; } |
|||
/* Filter bar */ |
|||
.col-sm-6 { flex: 0 0 auto; width: 50%; } |
|||
.mw-rcfilters-head .oo-ui-textInputWidget .oo-ui-inputWidget-input { |
|||
.col-sm-7 { flex: 0 0 auto; width: 58.3333333333%; } |
|||
background-color: #ffe1cf; |
|||
.col-sm-8 { flex: 0 0 auto; width: 66.6666666667%; } |
|||
border: 2px solid #44485e; |
|||
.col-sm-9 { flex: 0 0 auto; width: 75%; } |
|||
border-top:none; |
|||
.col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; } |
|||
border-radius: 0; |
|||
.col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; } |
|||
color: black; } |
|||
.col-sm-12 { flex: 0 0 auto; width: 100%; } |
|||
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { |
|||
color: #B9B9B9; } |
|||
/* Filter buttons (on the right) */ |
|||
.float-sm-left { float: left!important; } |
|||
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { |
|||
.float-sm-right { float: right!important; } |
|||
background-color: #ffe1cf; |
|||
.float-sm-none { float: none!important; } |
|||
border: 2px solid #44485e; |
|||
border-top:none; |
|||
/* ---- Displays ---- */ |
|||
border-left:none; |
|||
.d-sm-block { display: block!important; } |
|||
border-radius: 0; } |
|||
.d-sm-inline { display: inline!important; } |
|||
/* List of abbreviations */ |
|||
.d-sm-inline-block { display: inline-block!important; } |
|||
.mw-changeslist-legend { |
|||
.d-sm-flex { display: flex!important; } |
|||
background-color: #ffe1cf !important; |
|||
border: 2px solid #44485e !important; |
|||
color: #000000 !important; } |
|||
/* Buttons (to no-buttons) */ |
|||
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle .oo-ui-buttonElement-button, |
|||
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget .oo-ui-buttonElement-button { |
|||
background-color: transparent !important; |
|||
border-color: transparent !important; } |
|||
/* Icons */ |
|||
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle .oo-ui-iconElement-icon, |
|||
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon, |
|||
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget .oo-ui-iconElement-icon, |
|||
.mw-changesList-watchlistExpiry.oo-ui-iconElement-icon { |
|||
opacity: unset; |
|||
filter: invert(1); } |
|||
/** Other changes elements **/ |
|||
/* -- Columns for medium sizes or larger -- */ |
|||
.mw-plusminus-pos { /* + */ |
|||
@media (min-width: 768px) { |
|||
color: #5DEB5D; } |
|||
.col-md { flex: 1 0 0%; } |
|||
.mw-plusminus-neg { /* - */ |
|||
.col-md-auto { flex: 0 0 auto; width: auto; } |
|||
color: #FF5F5F; } |
|||
.col-md-1 { flex: 0 0 auto; width: 8.3333333333%; } |
|||
/* Recent changes table */ |
|||
.col-md-2 { flex: 0 0 auto; width: 16.6666666667%; } |
|||
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { |
|||
.col-md-3 { flex: 0 0 auto; width: 25%; } |
|||
margin-left: 0; } |
|||
.col-md-4 { flex: 0 0 auto; width: 33.3333333333%; } |
|||
.mw-changeslist h4 { /* Date headers */ |
|||
.col-md-5 { flex: 0 0 auto; width: 41.6666666667%; } |
|||
font-family: 'Segoe UI'; } |
|||
.col-md-6 { flex: 0 0 auto; width: 50%; } |
|||
/* Page history */ |
|||
.col-md-7 { flex: 0 0 auto; width: 58.3333333333%; } |
|||
#pagehistory li.selected { /* Revision select */ |
|||
.col-md-8 { flex: 0 0 auto; width: 66.6666666667%; } |
|||
background: #624C7D; |
|||
.col-md-9 { flex: 0 0 auto; width: 75%; } |
|||
color: inherit; } |
|||
.col-md-10 { flex: 0 0 auto; width: 83.3333333333%; } |
|||
.col-md-11 { flex: 0 0 auto; width: 91.6666666667%; } |
|||
.col-md-12 { flex: 0 0 auto; width: 100%; } |
|||
/* ---- Floats ---- */ |
|||
.float-md-left { float: left !important; } |
|||
.float-md-right { float: right !important; } |
|||
.float-md-none { float: none !important; } |
|||
/* ---- Displays ---- */ |
|||
.d-md-block { display: block!important; } |
|||
.d-md-inline { display: inline!important; } |
|||
.d-md-inline-block { display: inline-block!important; } |
|||
.d-md-flex { display: flex!important; } |
|||
.d-md-grid { display: grid!important; } |
|||
.d-md-none { display: none!important; } |
|||
} |
|||
/** Search results **/ |
|||
/* -- Columns for larger sizer -- */ |
|||
.mw-search-profile-tabs { |
|||
@media (min-width: 992px) { |
|||
border: 2px solid #44485e !important; |
|||
.col-lg { flex: 1 0 0%; } |
|||
border-radius: 0; |
|||
.col-lg-auto { flex: 0 0 auto; width: auto; } |
|||
background: #ffe1cf !important; } |
|||
.col-lg-1 { flex: 0 0 auto; width: 8.3333333333%; } |
|||
#mw-searchoptions { |
|||
.col-lg-2 { flex: 0 0 auto; width: 16.6666666667%; } |
|||
border: 2px solid #44485e !important; |
|||
.col-lg-3 { flex: 0 0 auto; width: 25%; } |
|||
background: #1D0832 !important; } |
|||
.col-lg-4 { flex: 0 0 auto; width: 33.3333333333%; } |
|||
.results-info, #mw-searchoptions { |
|||
.col-lg-5 { flex: 0 0 auto; width: 41.6666666667%; } |
|||
color: inherit !important; } |
|||
.col-lg-6 { flex: 0 0 auto; width: 50%; } |
|||
.mw-search-result-data { |
|||
.col-lg-7 { flex: 0 0 auto; width: 58.3333333333%; } |
|||
color: #B9B9B9; } |
|||
.col-lg-8 { flex: 0 0 auto; width: 66.6666666667%; } |
|||
.col-lg-9 { flex: 0 0 auto; width: 75%; } |
|||
/** Warning box **/ |
|||
.col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; } |
|||
div.mw-warning-with-logexcerpt { |
|||
.col-lg-11 { flex: 0 0 auto; width: 91.6666666667%; } |
|||
border-color: #44485e; } |
|||
.col-lg-12 { flex: 0 0 auto; width: 100%; } |
|||
.mw-message-box-warning a { |
|||
color: #460488 !important; } |
|||
/* ---- Floats ---- */ |
|||
.float-lg-left { float: left !important; } |
|||
/** (Dismissable) Sitenotice **/ |
|||
.float-lg-right { float: right !important; } |
|||
.mw-dismissable-notice { /* Box */ |
|||
.float-lg-none { float: none !important; } |
|||
background: #E5D1DC; |
|||
border: 2px solid #44485e; |
|||
/* ---- Displays ---- */ |
|||
color: #260919; } |
|||
.d-lg-block { display: block!important; } |
|||
.mw-dismissable-notice a, .mw-dismissable-notice a:visited { /* Links */ |
|||
.d-lg-inline { display: inline!important; } |
|||
color: #460488 !important; } |
|||
.mw-dismissable-notice-close { /* [dismiss] */ |
|||
.d-lg-flex { display: flex!important; } |
|||
width: 100%; |
|||
.d-lg-grid { display: grid!important; } |
|||
text-align: right; |
|||
.d-lg-none { display: none!important; } |
|||
margin: 3px 10px; } |
|||
/* Miraheze global notice */ |
|||
#centralNotice a { |
|||
color: #ffe1cf !important; } |
|||
/* Change for mobile screens - ? */ |
|||
@media only screen and (max-width: 500px) { |
|||
.mw-dismissable-notice-close { /* Button */ |
|||
margin: 3px 10px 0 100%; } |
|||
} |
} |
||
/* Defailt collapsible element button */ |
|||
/* AJAXPoll */ |
|||
.mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after { |
|||
.ajaxpoll { |
|||
color: #E9E3E5; } |
|||
width: auto; |
|||
.mw-collapsible-toggle-default .mw-collapsible-text { |
|||
border: none; |
|||
color: #79DEFF; } |
|||
background: rgba(255,255,255,.5); |
|||
border-radius: 10px; |
|||
} |
|||
/** ManageWiki UI (coloring) **/ |
|||
.ajaxpoll .ajaxpoll-misc, .ajaxpoll .ajaxpoll-info { |
|||
/* Subheaders */ |
|||
color: #000; |
|||
.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { |
|||
} |
|||
color: #E6E6E6; } |
|||
/* Descriptions */ |
|||
.oo-ui-labelWidget.oo-ui-inline-help { |
|||
color: #B1A9B9 !important; } |
|||
/* Select */ |
|||
.managewiki-search-highlight { |
|||
background: #6F4E96 !important; |
|||
outline: 3px solid #6F4E96 !important; } |
|||
/* Admin user links */ |
|||
.ajaxpoll .ajaxpoll-id-info { |
|||
a[href$="User:Legroom"] { |
|||
display: none; |
|||
color: #A7FF29 !important; |
|||
} |
|||
text-shadow: 1px 1px 0 #8D007D; |
|||
line-height: initial; |
|||
font-size: initial; } |
|||
a[href$="User:Legroom"]:visited { |
|||
color:#A7FF29 !important; } |
|||
.mw-body h1.firstHeading { |
|||
.ajaxpoll .ajaxpoll-answer-vote { |
|||
border-color: # |
border-color: #000000; |
||
margin: 0 0 0.3em; |
|||
padding-bottom: 5px; |
|||
} |
} |
||
.wikitable, .wikitable th, .wikitable td { |
|||
/* Userboxes */ |
|||
border-color: #874e26 !important; |
|||
#userbox-container { |
|||
max-width: 100%; |
|||
} |
|||
@media screen and (min-width: 550px) { |
|||
#userbox-container { |
|||
max-width: 40%; |
|||
} |
|||
} |
|||
@media screen and (min-width: 850px) { |
|||
#userbox-container { |
|||
max-width: 30%; |
|||
} |
|||
} |
|||
@media screen and (min-width: 1340px) { |
|||
#userbox-container { |
|||
max-width: 20%; |
|||
} |
|||
} |
} |
||
/* [[Category:Styling pages]] */ |
|||
/* this removes the license field on the file upload interface */ |
|||
.mw-htmlform-field-Licenses, |
|||
.mw-upload-editlicenses { |
|||
display: none; |
|||
} |
|||
/* hide potentially sensitive data on file pages */ |
|||
#mw_metadata .exif-gpslatitude, |
|||
#mw_metadata .exif-gpslongitude, |
|||
#mw_metadata .exif-artist { |
|||
display: none; |
|||
} |
|||
Latest revision as of 20:10, 22 June 2024
/* CSS placed here will be applied to all skins */
body {
font-family:'Rubik';
}
/********* Portable infobox theme *********/
.portable-infobox {
--pi-border-color: #754836;
border: 2px solid #754836;
border-radius: 8px;
padding: 0px;
font-size: 12px;
background-color: #cfa07c;
line-height: 1.5;
width: 22em;
}
.portable-infobox .pi-header {
background:#754836;
opacity:0.8;
text-align: center;
color: black;
}
.portable-infobox .pi-navigation {
background-color: #cfa07c;
font-size: 12px;
text-align: center;
text-color: darkred;
}
.portable-infobox .pi-title {
background:#754836;
opacity:0.9;
color:black;
border: 1px solid;
border-color: var(--theme-box-border-color-inner);
border-radius: var(--theme-box-border-radius-inner);
text-align: center;
}
.portable-infobox .pi-title {
font-weight: bold;
box-shadow: 0 0 6px rgba(0,0,0,0.20);
font-size: 15px;
padding: 6px 3px;
line-height: 1.2;
text-align: center;
opacity:0.9;
}
.portable-infobox .pi-data-label,
.pi-data-value {
border: 1px solid var(--theme-border-color);
padding: 8px;
font-size: 95%;
opacity:0.9;
}
.pi-data-label {
background:#754836;
text-align:center;
flex-basis: 160px;
text-align: right;
display: flex;
justify-content: right;
margin-left:0px;
opacity:0.9;
}
.pi-data-label div {
align-self: center;
}
.portable-infobox .pi-item-spacing {
padding: 1px 1px;
}
.pi-horizontal-group .pi-horizontal-group-item {
margin-right: 50px;
width: 10em;
}
/** Imports **/
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Volkhov&display=swap');
a {
text-decoration: none;
color: #0066ff;
background: none;
}
a:visited {color: #67a1f9;}
a:active {color: #614639;}
a:hover {text-decoration: underline;}
span.black a {color:#333333; font-weight:bold;}
/* Hide talk page links in Forum namespace */
.ns-3002 #ca-talk {
display: none; }
/** Icons **/
/* Alert and Notice */
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge {
filter: invert(1);
opacity:unset !important;
background-color: transparent !important; }
/* General MediaWiki icons */
.mw-content-ltr .redirectText li:first-child {
background-image: url("https://static.miraheze.org/softcellwiki/d/db/Wiki_Icon_Redirect_Dark.svg"); }
#mw-indicator-mw-helplink a {
background-image: url("https://static.miraheze.org/softcellwiki/0/02/Wiki_Icon_Help_Notice_Dark.svg"); }
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
background-image: url("https://static.miraheze.org/softcellwiki/a/af/Wiki_Icon_Sort_Both_Dark.svg"); }
.jquery-tablesorter th.headerSortUp {
background-image: url("https://static.miraheze.org/softcellwiki/a/a5/Wiki_Icon_Sort_Up_Dark.svg"); }
.jquery-tablesorter th.headerSortDown {
background-image: url("https://static.miraheze.org/softcellwiki/5/56/Wiki_Icon_Sort_Down_Dark.svg"); }
.postedit:after {
background-image: url("https://static.miraheze.org/softcellwiki/1/1a/Wiki_Icon_Close_Dark.svg"); }
/** Tables **/
/* Our normal table */
.sctable {
width:100%;
border-collapse:collapse;
border:3px solid #CD7E96;
border-top: none; }
.sctable th, .sctable td {
padding:3px 7px;
vertical-align:middle; }
.sctable th {
border:3px solid #CD7E96;
background: #48092C; }
.sctable td {
border:1px solid #CD7E96; }
/* Default wikitable */
.wikitable {
background: transparent;
color: inherit; }
.wikitable, .wikitable th, .wikitable td {
border-color: #874e26 !important; }
.wikitable th {
background: #ffe1cf !important; }
/* Special classes */
/* Sizing */
.width60 {
width: 60%; }
.width70 {
width: 70%; }
/* Changes for mobile screens */
@media only screen and (max-width: 850px) {
.sctable60, .sctable70 {
width: 100%; }
}
/* For tables where first column is "Year" */
.year th:nth-child(1) {
width: 45px; }
.year td:nth-child(1) {
width: 45px;
text-align: center;
padding: 3px; }
/* Peak chart positions mini-table **/
.chart-peak {
border-collapse: collapse;
line-height: 1;
margin: auto !important; }
.chart-peak, .chart-peak td {
border: none !important; }
/** General UI elements **/
/* Buttons */
.oo-ui-buttonElement-button {
background-color: #ffe1cf !important;
border-color: #ffe1cf !important;
border-radius: 0 !important;
color: #000 !important; }
.oo-ui-buttonElement-button:hover {
background-color: #44485e !important;
border-color: #44485e !important;
text-shadow: none; }
/* Text input fields */
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
border-color: #44485e;
border-radius: 0; }
.oo-ui-textInputWidget .oo-ui-inputWidget-input:hover {
border-color: #44485e !important; }
/* Container */
.oo-ui-panelLayout-framed {
border: 2px solid #44485e;
border-radius: 0;
background: #1D0832; }
/* Flags/check boxes */
.oo-ui-checkboxInputWidget [type="checkbox"] + span { /* Unchecked */
border-color: #ffe1cf;
border-radius: 0;
background-color: #ffe1cf; }
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { /* Hover on unchecked */
background-color: #ffe1cf;
border-color: #44485e; }
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, /* Checked */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
background-color: #ffe1cf;
border-color: #ffe1cf; }
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, /* Hover on checked */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span {
background-color: #44485e;
border-color: #ffe1cf; }
/* Dialog window */
.oo-ui-window-frame { /* Outer border */
border-color: #44485e !important;
border-radius: 0 !important; }
.oo-ui-window-body { /* Window */
background: #ffe1cf; }
.oo-ui-messageDialog-content > .oo-ui-window-foot { /* Annoying border */
outline: none; }
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { /* Borders of buttons */
border-color: #44485e !important; }
/** Notifs (Echo) window **/
.oo-ui-popupWidget-popup { /* Container */
background-color: #ffe1cf;
border: 3px solid #44485e;
border-radius: 0; }
.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer { /* Header and big buttons */
border: none !important; }
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup >
.oo-ui-popupWidget-popup > /* Removing border from buttons */
.oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
border: none; }
.mw-echo-ui-placeholderItemWidget,
.mw-echo-ui-notificationItemWidget { /* Content */
background-color: #ffe1cf;
border: none ; }
.mw-echo-ui-notificationItemWidget:hover {
background-color: #ffe1cf; }
.mw-echo-ui-notificationItemWidget .oo-ui-buttonElement-button { /* Button flag in Notices */
background: transparent !important;
border: none !important; }
.mw-echo-ui-notificationItemWidget-content-message-header { /* Messages in Notices */
color:#E6E6E6 !important; }
.mw-echo-ui-notificationItemWidget-icon { /* Icons in notices */
filter:invert(1) brightness(130%) saturate(20%); }
/** Editor UI **/
/* Outer border */
.wikiEditor-ui .wikiEditor-ui-view {
border: 2px solid #44485e;
border-bottom: none; }
/* Bringing back (kinda) default coloring */
.wikiEditor-ui-toolbar a {
color: initial !important; }
.wikiEditor-ui-toolbar .oo-ui-buttonElement-button {
background-color: transparent !important;
border-color: transparent !important; }
.wikiEditor-ui-toolbar .booklet > .index > div {
color: initial !important; }
.wikiEditor-ui-toolbar .booklet > .index > .current {
background-color: #d7e8ff; }
/* Bottom box */
div.editOptions { /* Container */
padding: 1.25em 1.75em;
border: 2px solid #44485e;
border-radius: 0 !important;}
div .editOptions {
background: #1D0832 !important;
color: #000000 !important; }
.cancelLink .oo-ui-buttonElement-button { /* Cancel button */
background-color: unset !important;
border-color: transparent !important; }
.cancelLink .oo-ui-buttonElement-button:hover {
background-color: unset !important;
border-color: transparent !important;
color: black !important; }
/** Edittools CharInsert **/
/* Container */
.charinsert-container {
border: 2px solid #44485e;
background: #1D0832;
padding: 3px 0 0;
text-align: center; }
/* Buttons */
.mw-charinsert-buttons a {
background-color: #ffe1cf;
padding: 0 2px 2px;
margin: 2px 1px;
color: black !important;
border: 1px solid #ffe1cf;}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
background: #ffe1cf;
color: black !important;
text-shadow: none; }
/** Changes preview **/
.diff-deletedline { /* - */
border-color: #b98200; }
.diff-deletedline .diffchange {
background: #b98200; }
.diff-addedline { /* + */
border-color: #2582db; }
.diff-addedline .diffchange {
background: #2582db; }
/** Notifications **/
.mw-notification {
background-color: #ffe1cf;
border: 2px solid #44485e;
border-radius: 0;
color: black; }
/* Succesful edit */
.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { /* Message */
color: #5DEB5D; }
.oo-ui-image-success.oo-ui-icon-success, .mw-ui-icon-success-success::before { /* Icon */
filter: brightness(130%) hue-rotate(335deg) saturate(250%); }
/** List of references **/
.references {
line-height: 1.3;
font-size: 90%; }
ol.references li:target, sup.reference:target {
background-color: #746586; } /* Highlight coloring */
.mw-references-columns {
columns: 2; } /* 2 columns by default */
/* Change for mobile screens */
@media only screen and (max-width: 850px) {
.mw-references-columns {
columns: unset; } /* No columns */
}
@media only screen and (max-width: 500px) {
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
margin: 0.3em 0.3em 0 2.2em; } /* Making list more compact */
}
/** Images (thumb?) **/
figure, figure img, figcaption {
border: none !important;
background: transparent !important; }
@media only screen and (max-width:400px) { /* On mobile */
.mw-halign-right, .mw-halign-left, .mw-body-content a > img {
margin: 5px auto !important;
float: none !important; }
.mw-halign-right img, .mw-halign-left img {
width: 100%;
height: auto; }
}
/** Gallery **/
.gallery {
text-align: center; }
.gallerybox {
margin: 0 10px; }
.mw-body li.gallerybox div.thumb {
background: transparent;
border: none; }
div.gallerytext {
text-align: center; }
.gallerytext p {
margin: 3px 0 7px; }
@media only screen and (max-width:500px) { /* On mobile */
.gallerybox {
margin: 0 3px; }
}
/** Media Viewer **/
.mw-mmv-post-image {
color: #E6E6E6; }
.mw-mmv-post-image {
background-color: #ffe1cf; }
.mw-mmv-image-metadata {
background-color: #1D0832;
border-top: none; }
/* Button */
.mw-mmv-post-image .mw-ui-button.mw-ui-progressive:not(:disabled) {
background-color: #ffe1cf;
border-color: #ffe1cf;
border-radius: 0;
color: black !important; }
.mw-mmv-post-image .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
background-color: #44485e !important;
border-color: #44485e; }
/** File page **/
/* Header */
#filetoc {
background: #ffe1cf !important;
border: none !important; }
/* Metadata table */
#mw_metadata {
color: inherit; }
#mw_metadata, .mw_metadata > tr > th, .mw_metadata > tr > td, .mw_metadata > * > tr > th, .mw_metadata > * > tr > td {
border-color: #ffe1cf !important; }
.mw_metadata th {
background: #ffe1cf; }
.mw_metadata td {
background: #1D0832; }
/** Discussions Tools UI **/
/* Main editor area */
.ext-discussiontools-ui-replyWidget-bodyWrapper .oo-ui-widget { /* Border */
border-color: #44485e !important;
border-radius: 0; }
.ext-discussiontools-ui-newTopic .ve-ce-surface, .ext-discussiontools-ui-replyWidget .ve-ce-surface { /* Text */
color: black; }
/* Toolbar */
/*** Icons ***/
.ext-discussiontools-ui-newTopic .oo-ui-toolbar-bar, .ext-discussiontools-ui-replyWidget .oo-ui-toolbar-bar, .ext-discussiontools-ui-replyWidget-modeTabs {
background: #ffe1cf !important;
border-top: 1px solid #44485e !important; }
.ext-discussiontools-ui-newTopic .oo-ui-toolbar-bar, .ext-discussiontools-ui-replyWidget .oo-ui-toolbar-bar {
border-left: 1px solid #44485e !important; }
.ext-discussiontools-ui-replyWidget-modeTabs {
border-right: 1px solid #44485e !important; }
/*** Editor switches ***/
.ext-discussiontools-ui-replyWidget-modeTabs .ext-discussiontools-ui-modeTab.oo-ui-widget-disabled {
box-shadow: inset 0 -2px 0 0 #ffe1cf; }
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget {
color: #000000 !important; }
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
box-shadow: inset 0 -2px 0 0 #44485e; }
/* Source editor's preview area */
.ext-discussiontools-ui-replyWidget-preview {
background: #260919;
border: 1px solid #44485e; }
/* Advanced area */
.ext-discussiontools-ui-replyWidget-advancedToggle .oo-ui-buttonElement-button { /* Button */
background: none !important;
border: none !important; }
.ext-discussiontools-ui-replyWidget-advancedToggle .oo-ui-buttonElement-button:hover {
background: #ffe1cf !important; }
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
background: #ffe1cf;
border-color:#44485e; }
/* Cancel button */
.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button {
background: transparent !important;
border-color: transparent !important; }
.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
background: transparent !important;
border-color: transparent !important; }
/* Footer */
.ext-discussiontools-ui-replyWidget-footer {
color: unset; }
/** Recent Changes UI **/
/* Top block */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { /* Main visible block */
background-color: #1D0832 !important;
border: 2px solid #44485e !important; }
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { /* Its header */
color: #000000 !important; }
/* Filter bar */
.mw-rcfilters-head .oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: #ffe1cf;
border: 2px solid #44485e;
border-top:none;
border-radius: 0;
color: black; }
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
color: #B9B9B9; }
/* Filter buttons (on the right) */
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
background-color: #ffe1cf;
border: 2px solid #44485e;
border-top:none;
border-left:none;
border-radius: 0; }
/* List of abbreviations */
.mw-changeslist-legend {
background-color: #ffe1cf !important;
border: 2px solid #44485e !important;
color: #000000 !important; }
/* Buttons (to no-buttons) */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle .oo-ui-buttonElement-button,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget .oo-ui-buttonElement-button {
background-color: transparent !important;
border-color: transparent !important; }
/* Icons */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle .oo-ui-iconElement-icon,
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget .oo-ui-iconElement-icon,
.mw-changesList-watchlistExpiry.oo-ui-iconElement-icon {
opacity: unset;
filter: invert(1); }
/** Other changes elements **/
.mw-plusminus-pos { /* + */
color: #5DEB5D; }
.mw-plusminus-neg { /* - */
color: #FF5F5F; }
/* Recent changes table */
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
margin-left: 0; }
.mw-changeslist h4 { /* Date headers */
font-family: 'Segoe UI'; }
/* Page history */
#pagehistory li.selected { /* Revision select */
background: #624C7D;
color: inherit; }
/** Search results **/
.mw-search-profile-tabs {
border: 2px solid #44485e !important;
border-radius: 0;
background: #ffe1cf !important; }
#mw-searchoptions {
border: 2px solid #44485e !important;
background: #1D0832 !important; }
.results-info, #mw-searchoptions {
color: inherit !important; }
.mw-search-result-data {
color: #B9B9B9; }
/** Warning box **/
div.mw-warning-with-logexcerpt {
border-color: #44485e; }
.mw-message-box-warning a {
color: #460488 !important; }
/** (Dismissable) Sitenotice **/
.mw-dismissable-notice { /* Box */
background: #E5D1DC;
border: 2px solid #44485e;
color: #260919; }
.mw-dismissable-notice a, .mw-dismissable-notice a:visited { /* Links */
color: #460488 !important; }
.mw-dismissable-notice-close { /* [dismiss] */
width: 100%;
text-align: right;
margin: 3px 10px; }
/* Miraheze global notice */
#centralNotice a {
color: #ffe1cf !important; }
/* Change for mobile screens - ? */
@media only screen and (max-width: 500px) {
.mw-dismissable-notice-close { /* Button */
margin: 3px 10px 0 100%; }
}
/* Defailt collapsible element button */
.mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after {
color: #E9E3E5; }
.mw-collapsible-toggle-default .mw-collapsible-text {
color: #79DEFF; }
/** ManageWiki UI (coloring) **/
/* Subheaders */
.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
color: #E6E6E6; }
/* Descriptions */
.oo-ui-labelWidget.oo-ui-inline-help {
color: #B1A9B9 !important; }
/* Select */
.managewiki-search-highlight {
background: #6F4E96 !important;
outline: 3px solid #6F4E96 !important; }
/* Admin user links */
a[href$="User:Legroom"] {
color: #A7FF29 !important;
text-shadow: 1px 1px 0 #8D007D;
line-height: initial;
font-size: initial; }
a[href$="User:Legroom"]:visited {
color:#A7FF29 !important; }
.mw-body h1.firstHeading {
border-color: #000000;
margin: 0 0 0.3em;
padding-bottom: 5px;
}
.wikitable, .wikitable th, .wikitable td {
border-color: #874e26 !important;
}
/* [[Category:Styling pages]] */
