MediaWiki:Minerva.css: Difference between revisions

From Parallel Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* All CSS here will be loaded for users of the MinervaNeue skin */
/**
* See [[MediaWiki:Common.css]] for desktop and mobile styles, e.g. templates.
*
* See [[MediaWiki:Vector.css]] for desktop theme related styles.
* See [[MediaWiki:Vector-darkmode.css]] for desktop dark theme related styles.
*
* See [[MediaWiki:Minerva-darkmode.css]] for mobile dark theme related styles.
*/
/* 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;
}
/* 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,
footer a:active,
#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 */
/* Try to use nearest neighbour scaling for pixelated images */
.mcwiki-header-grass,
.ns-special .gallerybox img,
.ns-14 .gallerybox img,
.filehistory a img,
.pixel-image,
.pixel-image,
.invslot-item-image,
.invslot-item-image,
Line 279: Line 15:
image-rendering: pixelated;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
-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;
}
/* 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;
}
/* Classes corresponding to Minecraft formatting codes */
.format-0 {
color: #000;
text-shadow: 0.125em 0.125em 0 #000;
}
.format-1 {
color: #00A;
text-shadow: 0.125em 0.125em 0 #00002A;
}
.format-2 {
color: #0A0;
text-shadow: 0.125em 0.125em 0 #002A00;
}
.format-3 {
color: #0AA;
text-shadow: 0.125em 0.125em 0 #002A2A;
}
.format-4 {
color: #A00;
text-shadow: 0.125em 0.125em 0 #2A0000;
}
.format-5 {
color: #A0A;
text-shadow: 0.125em 0.125em 0 #2A002A;
}
.format-6 {
color: #FA0;
text-shadow: 0.125em 0.125em 0 #2A2A00;
}
.format-7 {
color: #AAA;
text-shadow: 0.125em 0.125em 0 #2A2A2A;
}
.format-8 {
color: #555;
text-shadow: 0.125em 0.125em 0 #151515;
}
.format-9 {
color: #55F;
text-shadow: 0.125em 0.125em 0 #15153F;
}
.format-a {
color: #5F5;
text-shadow: 0.125em 0.125em 0 #153F15;
}
.format-b {
color: #5FF;
text-shadow: 0.125em 0.125em 0 #153F3F;
}
.format-c {
color: #F55;
text-shadow: 0.125em 0.125em 0 #3F1515;
}
.format-d {
color: #F5F;
text-shadow: 0.125em 0.125em 0 #3F153F;
}
.format-e {
color: #FF5;
text-shadow: 0.125em 0.125em 0 #3F3F15;
}
.format-f,
#minetip-tooltip {
color: #FFF;
text-shadow: 0.125em 0.125em 0 #3F3F3F;
}
.format-l {
font-weight: bold;
letter-spacing: 0.125em;
}
.format-m {
text-decoration: line-through;
}
.format-n {
text-decoration: underline;
}
.format-o {
font-style: italic;
}
/* Styling for minecraft style tooltip */
#minetip-tooltip {
position: fixed;
top: 0;
left: 0;
background-color: #100010;
background-color: rgba(16, 0, 16, 0.94);
padding: 0.375em;
font-family: Minecraft, sans-serif;
font-size: 16px;
word-spacing: 4px;
white-space: nowrap;
line-height: 1.25em;
margin: 0.125em 0.25em;
pointer-events: none;
z-index: 9999;
}
#minetip-tooltip::before {
content: "";
position: absolute;
top: 0.125em;
right: -0.125em;
bottom: 0.125em;
left: -0.125em;
border: 0.125em solid #100010;
border-style: none solid;
border-color: rgba(16, 0, 16, 0.94);
}
#minetip-tooltip::after {
content: "";
position: absolute;
top: 0.125em;
right: 0;
bottom: 0.125em;
left: 0;
border: 0.125em solid #2D0A63;
border-image: -webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
border-image: linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
}
#minetip-tooltip > .description,
#minetip-tooltip > .minetip-description {
display: block;
margin-top: 0.25em;
}
/* Styling for tooltip */
.explain {
border-bottom: 0;
text-decoration: underline dotted;
cursor: help;
}
/* Show help cursor when an abbr element has a title attribute */
abbr[title] {
cursor: help;
}
}

Latest revision as of 22:11, 4 November 2024

/* Try to use nearest neighbour scaling for pixelated images */
.mcwiki-header-grass,
.ns-special .gallerybox img,
.ns-14 .gallerybox img,
.filehistory a img,
.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;
}
Retrieved from "https://wiki.parallelmc.org/w/index.php?title=MediaWiki:Minerva.css&oldid=10832"