MediaWiki:Gadget-GlobalStyle.css: Difference between revisions
From the Croc Wiki, the Croc encyclopedia
Jump to navigationJump to search
Content added Content deleted
(add) |
(add) |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins on both desktop and mobile |
|||
The "mobile" body class can be used to target mobile specifically */ |
|||
.mw-wiki-logo { background-size: 150px; } |
.mw-wiki-logo { background-size: 150px; } |
||
Line 6: | Line 9: | ||
} |
} |
||
body.anon.ns-content.action-view.desktop .notice-template.show { |
|||
body.skin--responsive .mw-body, .mw-footer { |
|||
margin-top: 0 !important; |
|||
background:#FFFFE8; |
|||
} |
} |
||
Line 25: | Line 28: | ||
} |
} |
||
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img { |
|||
img { |
|||
image-rendering: crisp-edges; |
image-rendering: crisp-edges; |
||
image-rendering: pixelated; |
|||
} |
} |
||
.pixelated, .pixelart, .sprites, .sprite { |
|||
/* Root category */ |
|||
image-rendering: crisp-edges; image-rendering: pixelated; |
|||
body.page-Category_Croc_Wiki.action-view #mw-subcategories .mw-category-group:last-of-type, |
|||
} |
|||
body.page-Category_Croc_Wiki.action-view #catlinks { |
|||
display: none; |
|||
img { |
|||
image-rendering: crisp-edges; |
|||
image-rendering: pixelated; |
|||
} |
} |
||
Line 52: | Line 58: | ||
display: inline-block !important; |
display: inline-block !important; |
||
} |
} |
||
/* File pages */ |
|||
#file img, .filehistory a img { |
|||
background: url(https://static.miraheze.org/kirbywiki/7/73/Checker.png) repeat; |
|||
} |
|||
/* Media player */ |
|||
#file > .video-js { display: inline-block !important; } |
|||
.thumb .video-js { margin-left: auto; margin-right: auto; } |
|||
.video-js .vjs-progress-control .vjs-mouse-display { z-index: 2; } |
|||
.infobox .video-js { margin-top: 1px; min-width: 200px; width: auto !important; } |
|||
.video-js .vjs-volume-vertical, .vjs-mouse-display .vjs-time-tooltip { background: #111; } |
|||
.video-js { overflow-x: clip; display: block !important; } |
|||
.video-js .vjs-control-bar { background: #000; } |
|||
/* Newbie bug fix */ |
|||
body.newbie .video-js { overflow: hidden !important; } |
|||
body.newbie .vjs-time-tooltip { display: none !important; } |
|||
/* Formatting fixes */ |
/* Formatting fixes */ |
||
Line 75: | Line 98: | ||
.ns-subject:not(.ns-110) #mw-content-text ol + dl { |
.ns-subject:not(.ns-110) #mw-content-text ol + dl { |
||
margin-top: 0.3em !important; |
margin-top: 0.3em !important; |
||
} |
|||
/* pre */ |
|||
pre { |
|||
background-color: #fff; |
|||
border: 1px dashed #135B09; |
|||
color: #000; |
|||
overflow:auto; |
|||
} |
} |
||
Line 101: | Line 116: | ||
margin-left: 10px; |
margin-left: 10px; |
||
} |
} |
||
/* Links */ |
|||
a { color: #00f; } |
|||
a:active { color: orange; } |
|||
a:visited { color: #00c; } |
|||
.mw-parser-output a.extiw { color: #06f; } |
|||
.mw-parser-output a.extiw:visited { color: #3366BB; } |
|||
.mw-parser-output a.external { color: #06f; } |
|||
.mw-parser-output a.external:visited { color: #0044CC; } |
|||
/* Link fixes */ |
/* Link fixes */ |
||
Line 114: | Line 139: | ||
.autocomment a:hover { |
.autocomment a:hover { |
||
color: inherit; |
color: inherit; |
||
} |
|||
/* fake links */ |
|||
span.fakelink { |
|||
color: #002bb8; |
|||
cursor: pointer; |
|||
} |
|||
span.fakelink:hover { |
|||
text-decoration: underline; |
|||
} |
} |
||
Line 119: | Line 153: | ||
#mw-indicator-mw-helplink { display: none; } |
#mw-indicator-mw-helplink { display: none; } |
||
/* |
/* Special:Preferences */ |
||
#mw-htmlform-mobile .oo-ui-inline-help { display: none; } |
|||
.infobox { |
|||
background: ghostwhite; |
|||
/* Special:Contact */ |
|||
border: 1px solid black; |
|||
.mw-special-Contact fieldset div[data-ooui*="wpSubject"] { |
|||
float: right; |
|||
display: none; |
|||
margin: 0 0 1em 1.15em; |
|||
} |
|||
width: 300px; |
|||
.mw-special-Contact #wpCaptchaWord, |
|||
padding: 3px; |
|||
.mw-special-Contact fieldset div[data-ooui*="HTMLInfoField"], |
|||
font-size: 88%; |
|||
.mw-special-Contact.desktop fieldset div[data-ooui*="wpCCme"] { |
|||
margin-top: 2px; |
|||
} |
|||
.mw-special-Contact fieldset div[data-ooui*="CAPTCHA"] { |
|||
margin-top: 1em; |
|||
} |
} |
||
/* Watchlist expiry (icon fix) */ |
|||
.infobox tr { |
|||
.oo-ui-icon-clock, .mw-ui-icon-clock::before { |
|||
vertical-align: top; |
|||
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclock%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1010 10A10 10 0 0010 0zm2.5 14.5L9 11V4h2v6l3 3z%22/%3E%3C/svg%3E"); |
|||
} |
} |
||
.mw-changesList-watchlistExpiry.oo-ui-iconElement-icon { |
|||
.infobox td, .infobox th { |
|||
height: 13px; |
|||
min-height: 13px; |
|||
position: relative; |
|||
top: -1px; |
|||
opacity: 0.51; |
|||
} |
} |
||
/* Pixelated gallery/interface image upscaling */ |
|||
.infobox .mw-collapsible-toggle { |
|||
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img { |
|||
min-width: 39px; |
|||
image-rendering: crisp-edges; |
|||
text-align: right; |
|||
image-rendering: pixelated; |
|||
} |
} |
||
/* Root category */ |
|||
body.page-Category_Croc_Wiki.action-view #mw-subcategories .mw-category-group:last-of-type, |
|||
body.page-Category_Croc_Wiki.action-view #catlinks { |
|||
display: none; |
|||
} |
|||
/* infobox coloring */ |
|||
.infobox { color: #000; } |
|||
.infobox.red { border: 1px solid #F98686; background: #FFF5EE; } |
|||
.infobox.red > tbody > tr:first-child > * { background: #FAAAAA; } |
|||
.infobox.red > tbody > tr:nth-child(2n+3) { background: #FFE4E1; } |
|||
.infobox.blue { border: 1px solid #88A; background: #F8F8FF; } |
|||
.infobox.blue > tbody > tr:first-child > * { background: #10274C; color: #fff; } |
|||
.infobox.blue > tbody > tr:nth-child(2n+3) { background: #C5CED6; } |
|||
.infobox.green { border: 1px solid #88AA88; background: #F8FFF7; } |
|||
.infobox.green > tbody > tr:first-child > * { background: #8AFA8A; } |
|||
.infobox.green > tbody > tr:nth-child(2n+3) { background: #AAFFAA; } |
|||
.infobox.lightblue { border: 1px solid #00004C; background: #F0F8FF; } |
|||
.infobox.lightblue > tbody > tr:first-child > * { background: #5993E5; } |
|||
.infobox.lightblue > tbody > tr:nth-child(2n+3) { background: #BDD4F5; } |
|||
.infobox.skyblue { border: 1px solid #000; background: #F0F8FF; } |
|||
.infobox.skyblue > tbody > tr:first-child > * { background: skyblue; } |
|||
.infobox.skyblue > tbody > tr:nth-child(2n+3) { background: powderblue; } |
|||
.infobox.orange { border: 1px solid #FF5300; background: #FFF7EE; } |
|||
.infobox.orange > tbody > tr:first-child > * { background: #FF8A4A; } |
|||
.infobox.orange > tbody > tr:nth-child(2n+3) { background: #FF9C77; } |
|||
.infobox.purple { border: 1px solid #88A; background: #F8F8FF; } |
|||
.infobox.purple > tbody > tr:first-child > * { background: #BBBBFF; } |
|||
.infobox.purple > tbody > tr:nth-child(2n+3) { background: #CCCCFF; } |
|||
.infobox.pink { border: 1px solid #AA8899; background: ghostwhite; } |
|||
.infobox.pink > tbody > tr:first-child > td { background: #F29BC4; } |
|||
.infobox.pink > tbody > tr:nth-child(2n+3) { background: #F9CFE3; } |
|||
.infobox.gray { border: 1px solid #A9A9A9; background: #F5F5F5; } |
|||
.infobox.gray > tbody > tr:first-child > * { background: #C0C0C0; } |
|||
.infobox.gray > tbody > tr:nth-child(2n+3) { background: #DCDCDC; } |
|||
.infobox.game { border: 1px solid #5e86a4; background: ghostwhite; } |
|||
.infobox.game > tbody > tr:first-child > * { background: #a2bad8; } |
|||
.infobox.game > tbody > tr:nth-child(2n+3) { background: #ccd8ea; } |
|||
/* notice templates */ |
/* notice templates */ |
||
Line 168: | Line 254: | ||
.notice-template.copyright { |
.notice-template.copyright { |
||
width: 90%; |
|||
background: #fff9f9; |
|||
margin: 2.5px auto; |
|||
border: 1px solid #C55; |
|||
padding: 5px; |
|||
font-size: 95%; |
|||
font-size: 95%; |
|||
background: #FFF; |
|||
margin: 5px auto; |
|||
border: 1px solid #000; |
|||
padding: 5px; |
|||
} |
} |
||
/* |
/* Tabs fix */ |
||
.tabber { display: inline-block; } |
|||
body.page-Croc_Wiki.action-view h1.firstHeading, |
|||
.tabbertab:not(:first-of-type) { display: none; } |
|||
body.page-Croc_Wiki.action-view #contentSub > *, |
|||
.tabbertab:first-child { padding: 6px; margin-top: 26px; } |
|||
body.page-Croc_Wiki.action-view #siteSub, |
|||
.mw-parser-output > .tabber { display: table; margin-bottom: 0.5em; } |
|||
body.page-Croc_Wiki.action-view #catlinks, |
|||
.infobox .tabbertab:first-child, .infobox p.mw-empty-elt:first-child + .tabbertab { padding: 6px; margin-top: 24px; } |
|||
body.page-Croc_Wiki.action-view #lastmod { |
|||
.infobox .tabber:not(.tabberlive) { display: block; } |
|||
display: none !important; |
|||
.tabbertab > p:first-child { margin-top: 0.2em; } |
|||
} |
|||
.tabbertab > p:last-child { margin-bottom: 0; } |
|||
body.page-Croc_Wiki.action-view #bodyContent { |
|||
margin-top: 16px; |
|||
} |
|||
body.page-Croc_Wiki.action-view .usermessage { |
|||
margin-top: 43px; |
|||
} |
|||
.mobile .tabbertab:first-child { margin-top: 0; padding-top: 31.5px; } |
|||
/* main page box */ |
|||
.mobile.skin-timeless .tabbertab:first-child { padding-top: 33.6px; } |
|||
.mobile.skin-timeless .infobox .tabbertab:first-child { padding-top: 31px; } |
|||
.mobile .infobox .tabbertab:first-child { padding-top: 29px; } |
|||
/* Black border & cell tables */ |
|||
#mainpagebox { |
|||
table.table, table.table {background:#fff;margin:1em 0;border:1pt solid #000;border-collapse:collapse;color:black} |
|||
padding:0.5em; |
|||
table.table > * > tr > td, table.table > * > tr > th, table.table > * > tr > td, table.table > * > tr > th {border:1pt solid #000;padding:0.2em 0.4em} |
|||
background:#fff3b2; |
|||
border:1px solid #000; |
|||
margin-top:5px; |
|||
vertical-align:top; |
|||
} |
|||
#mpheader { |
|||
font-size:110%; |
|||
padding:5px; |
|||
background-color:#B3D5BB; |
|||
border:1px solid #1F481C; |
|||
color:#000; |
|||
text-align:center; |
|||
font-weight:bold; |
|||
} |
|||
/* Show/hide toggles */ |
|||
.navbox .mw-collapsible-toggle { |
|||
text-align: right; |
|||
min-width: 3.729em; |
|||
} |
|||
.wikitable.mw-collapsed .mw-collapsible-toggle { |
|||
margin-left: 10px; |
|||
} |
|||
/* Media player */ |
|||
#file > .video-js { display: inline-block !important; } |
|||
.thumb .video-js { margin-left: auto; margin-right: auto; } |
|||
.video-js .vjs-progress-control .vjs-mouse-display { z-index: 2; } |
|||
.infobox .video-js { margin-top: 1px; min-width: 200px; width: auto !important; } |
|||
.video-js .vjs-volume-vertical, .vjs-mouse-display .vjs-time-tooltip { background: #111; } |
|||
.video-js { overflow-x: clip; display: block !important; } |
|||
.video-js .vjs-control-bar { background: #000; } |
|||
/* Newbie bug fix */ |
|||
body.newbie .video-js { overflow: hidden !important; } |
|||
body.newbie .vjs-time-tooltip { display: none !important; } |
|||
/* Pixelated gallery/interface image upscaling */ |
|||
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img { |
|||
image-rendering: crisp-edges; |
|||
image-rendering: pixelated; |
|||
} |
|||
.pixelated, .pixelart, .sprites, .sprite { |
|||
image-rendering: crisp-edges; image-rendering: pixelated; |
|||
} |