MediaWiki:Common.css: Difference between revisions

less pixelation maybe
(tybug's suggested change to have pages match closer to Wikipedia in terms of gap between article name and the text of the article.)
(less pixelation maybe)
 
(One intermediate revision by the same user not shown)
Line 1,446:
 
}
/* Minecraft wiki stuff copied from their Common.css, hopefully Lodish isn't being stupid */
 
/* 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.15em 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;
}
 
/* Try to use nearest neighbour scaling for pixelated images */
.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;
}