8,282
edits
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 19: | Line 19: | ||
*/ | */ | ||
/* | /* Default styles [[File:Mobile-header.png]] */ | ||
:root { | |||
--mobile-header-background: url('filepath://Mobile-header.png'); | |||
--mobile-header-background-color: #58B5FE; | |||
--content-background-color: #E6EFF4; | |||
--content-text-color: #202122; | |||
} | } | ||
/* Dungeons [[File:Mobile-header-dungeons.png]] */ | |||
html body.rootpage-Minecraft_Dungeons, | |||
html body.rootpage-Talk_Minecraft_Dungeons, | |||
html body.ns-10000, | |||
html body.ns-10001 { | |||
--mobile-header-background: url('filepath://Mobile-header-dungeons.png'); | |||
--mobile-header-background-color: #FEA158; | |||
--content-background-color: #F2EEE7; | |||
} | } | ||
/* | /* Earth [[File:Mobile-header-earth.png]] */ | ||
. | html body.rootpage-Minecraft_Earth, | ||
/ | html body.rootpage-Talk_Minecraft_Earth, | ||
html body.ns-10002, | |||
html body.ns-10003 { | |||
. | --mobile-header-background: url('filepath://Mobile-header-earth.png'); | ||
. | --mobile-header-background-color: #58B5FE; | ||
. | --content-background-color: #E5EDFF; | ||
. | } | ||
. | |||
. | /* Legends [[File:Mobile-header-legends.png]] */ | ||
. | html body.rootpage-Minecraft_Legends, | ||
/* | html body.rootpage-Talk_Minecraft_Legends, | ||
. | html body.ns-10006, | ||
/* | html body.ns-10007 { | ||
. | --mobile-header-background: url('filepath://Mobile-header-legends.png'); | ||
--mobile-header-background-color: #58B5FE; | |||
--content-background-color: #DAEAE9; | |||
} | |||
/* Story Mode [[File:Mobile-header-storymode.png]] */ | |||
body.rootpage-Minecraft_Story_Mode, | |||
body.rootpage-Talk_Minecraft_Story_Mode, | |||
body.rootpage-Minecraft_Story_Mode_-_Season_Two, | |||
body.rootpage-Talk_Minecraft_Story_Mode_-_Season_Two, | |||
body.ns-10004, | |||
body.ns-10005 { | |||
--mobile-header-background: url('filepath://Mobile-header-storymode.png'); | |||
--mobile-header-background-color: #9E9AE4; | |||
--content-background-color: #e5edff; | |||
} | |||
/** Minecraft skin **/ | |||
.overlay.search-overlay, | |||
.overlay.editor-overlay { | |||
padding-top: 90px; | |||
} | |||
/* Grass header background */ | |||
.skin-minerva #mw-mf-page-center .header-container, | |||
.skin-minerva .search-overlay .header-container { | |||
position: relative; | |||
background: var(--mobile-header-background) left bottom repeat-x var(--mobile-header-background-color); | |||
background-size: 48px auto; | |||
right: 0; | |||
left: 0; | |||
height: 96px; | |||
} | |||
.skin-minerva .header-container { | |||
background-color: transparent; | |||
box-shadow: none; | |||
} | |||
.overlay-header, | |||
.minerva-header { | |||
padding-top: 7px; | |||
} | |||
/* Hide grass when editing on small screens to maximise editing space */ | |||
@media all and (max-width: 999px) { | |||
.overlay-enabled .editor-overlay { | |||
padding-top: 3.35em; | |||
} | |||
.overlay-enabled .overlay.editor-overlay .header-container:after { | |||
bottom: 0; | |||
background-position: left bottom -29px; | |||
} | |||
} | |||
.overlay .overlay-header-container.header-container { | |||
z-index: 2; | |||
} | |||
.minerva-header .branding-box { | |||
opacity: 1; | |||
} | |||
/* Background color */ | |||
.overlay-enabled, | |||
.overlay-content, | |||
.mw-body { | |||
background-color: var(--content-background-color); | |||
} | |||
/* Hide duplicate sidebar entries */ | |||
.mw-ui-icon-minerva-home, | |||
.mw-ui-icon-minerva-random { | |||
display: none; | display: none; | ||
} | } | ||
/* | /* Fix editor colour */ | ||
#wikitext-editor { | |||
background-color: #FFF; | |||
} | |||
/* | |||
/* Give the footer the stone texture: [[File:Mobile-background.png]] */ | |||
. | .minerva-footer { | ||
background: url('filepath://Mobile-background.png') #202020; | |||
} | |||
. | footer, | ||
.content | footer a:active, | ||
.content | #footer, | ||
#footer a:active { | |||
color: #FFF; | |||
} | |||
footer a, | |||
#footer a, | |||
footer a:visited, | |||
#footer a:visited { | |||
color: #BFBFBF; | |||
} | |||
.last-modified-bar { | |||
background-color: #EAECF0; | |||
} | |||
/* Fix dumb default styling */ | |||
.content code, | |||
.content pre { | |||
background-color: #f9f9f9; | |||
border: 1px solid #ddd; | |||
color: black; | |||
} | } | ||
.content code { | |||
border-radius: 2px; | |||
} | } | ||
@media all and (max-width: 768px) { | |||
.gallerybox .thumb > div { | |||
margin: 15px !important; | |||
width: auto !important; | |||
} | |||
. | |||
} | } | ||
td { | |||
background-color: #FFF; | |||
} | } | ||
/* | |||
. | /* Use black bullet points, instead of blue circles: [[File:List bullet.svg]] */ | ||
.content ul { | |||
list-style-image: url('filepath://List_bullet.svg'); | |||
} | } | ||
/* | /* Fix footer hlist separator colour */ | ||
.footer-content .hlist-separated li:after { | |||
color: #FFF; | |||
} | } | ||
/* | /* Fix changes autocollapsing in recent changes */ | ||
.mw-changeslist-edit, .mw-changeslist-line { | |||
display: table-row !important; | |||
. | } | ||
.mw-changeslist-line-inner { | |||
padding-top: 1.5em; | |||
} | |||
.mw-enhanced-rc-nested { | |||
padding-top: 0.5em; | |||
} | } | ||
/* | /* Alternating cell background */ | ||
. | .alternatecells:nth-child(odd) { | ||
background-color: #F9F9F9; | |||
} | } | ||
/* Alternating table rows, primarily used with [[Template:Infobox row]] */ | |||
.alternaterows tr:nth-child(even), | |||
.infobox-rows tr:nth-child(even), | |||
.alternaterows tr:nth-child(even) td, | |||
.infobox-rows tr:nth-child(even) td { | |||
background-color: #F9F9F9; | |||
} | |||
/* | /* Show TOC */ | ||
@media (max-width: 512px) { | |||
.skin-minerva .toc-mobile { | |||
display: block; | |||
} | |||
. | |||
} | } | ||
/* | /* Turn a list into a tree view style (See [[.minecraft]]) */ | ||
. | .treeview { | ||
margin-top: 0.3em; | |||
} | } | ||
.treeview .treeview-header { | |||
padding-left: 3px; | |||
font-weight: bold; | |||
} | |||
.treeview .treeview-header:last-child { | |||
border-color: #636363 !important; | |||
border-left-style: dotted; | |||
} | |||
.treeview .treeview-header:not(:last-child):before { | |||
content: none; | |||
} | |||
.treeview .treeview-header:last-child:before { | |||
border-bottom: 0; | |||
} | |||
.treeview ul, | |||
.treeview li { | |||
margin: 0; | |||
padding: 0; | |||
list-style-type: none; | |||
list-style-image: none; | |||
} | |||
.treeview li li { | |||
position: relative; | |||
padding-left: 13px; | |||
margin-left: 7px; | |||
border-left: 1px solid #636363; | |||
} | |||
.treeview li li:before { | |||
content: ""; | |||
position: absolute; | |||
top: 0; | |||
left: -1px; | |||
width: 11px; | |||
height: 11px; | |||
border-bottom: 1px solid #636363; | |||
} | |||
.treeview li li:last-child:not(.treeview-continue) { | |||
border-color: transparent; | |||
} | |||
.treeview li li:last-child:not(.treeview-continue):before { | |||
border-left: 1px solid #636363; | |||
width: 10px; | |||
} | |||
.nbttree-inherited { | |||
background-color: #E6E6FA; | |||
} | |||
/* | /* Try to use nearest neighbour scaling for pixelated images */ | ||
.pixel-image, | |||
.invslot-item-image, | |||
.sprite { | |||
image-rendering: optimizeSpeed; | |||
image-rendering: -webkit-optimize-contrast; | |||
image-rendering: optimize-contrast; | |||
image-rendering: -moz-crisp-edges; | |||
image-rendering: -o-crisp-edges; | |||
image-rendering: crisp-edges; | |||
image-rendering: pixelated; | |||
-ms-interpolation-mode: nearest-neighbor; | |||
} | |||
/* | /* Simulate link styling for JS only links */ | ||
.jslink { | |||
color: #0645AD; | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
} | |||
.jslink:hover { | |||
text-decoration: underline; | |||
cursor: pointer; | |||
} | |||
.jslink:active { | |||
color: #FAA700; | |||
} | |||
/* | /* Hatnotes and disambiguation notices */ | ||
.hatnote { | |||
font-style: italic; | |||
} | |||
.hatnote i { | |||
font-style: normal; | |||
} | |||
div.hatnote { | |||
padding-left: 1.6em; | |||
margin-bottom: 0.5em; | |||
} | |||
div.hatnote + div.hatnote { | |||
margin-top: -0.5em; | |||
} | |||
/* | /* Fix animated infobox images shifting the screen when images have different dimensions */ | ||
.content span.animated a > img, | |||
.content span.animated a > .lazy-image-placeholder, | |||
.content noscript span.animated > img { | |||
max-width: initial !important; | |||
} | |||
body.page-Main_Page #firstHeading { | |||
display: none; | |||
} | |||
/* Hide nomobile */ | |||
.nomobile { | |||
display: none; | |||
} | } | ||