MediaWiki:Common.css: Difference between revisions

Add support for custom hex code colors
No edit summary
(Add support for custom hex code colors)
 
(3 intermediate revisions by the same user not shown)
Line 189: Line 189:


/* 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,
.filehistory a img,
.pixel-image,
.pixel-image,
Line 272: Line 275:
text-shadow: 0.125em 0.125em 0 #000;
text-shadow: 0.125em 0.125em 0 #000;
}
}
.format-1 {
.format-1 {
color: #00A;
color: #0000A8;
text-shadow: 0.125em 0.125em 0 #00002A;
text-shadow: 0.125em 0.125em 0 #00002A;
}
}
.format-2 {
.format-2 {
color: #0A0;
color: #00A800;
text-shadow: 0.125em 0.125em 0 #002A00;
text-shadow: 0.125em 0.125em 0 #002A00;
}
}
.format-3 {
.format-3 {
color: #0AA;
color: #00A8A8;
text-shadow: 0.125em 0.125em 0 #002A2A;
text-shadow: 0.125em 0.125em 0 #002A2A;
}
}
.format-4 {
.format-4 {
color: #A00;
color: #A80000;
text-shadow: 0.125em 0.125em 0 #2A0000;
text-shadow: 0.125em 0.125em 0 #2A0000;
}
}
.format-5 {
.format-5 {
color: #A0A;
color: #A800A8;
text-shadow: 0.125em 0.125em 0 #2A002A;
text-shadow: 0.125em 0.125em 0 #2A002A;
}
}
.format-6 {
.format-6 {
color: #FA0;
color: #FBA800;
text-shadow: 0.125em 0.125em 0 #2A2A00;
text-shadow: 0.125em 0.125em 0 #3E2A00;
}
}
.format-7 {
.format-7 {
color: #AAA;
color: #A8A8A8;
text-shadow: 0.125em 0.125em 0 #2A2A2A;
text-shadow: 0.125em 0.125em 0 #2A2A2A;
}
}
.format-8 {
.format-8 {
color: #555;
color: #545454;
text-shadow: 0.125em 0.125em 0 #151515;
text-shadow: 0.125em 0.125em 0 #151515;
}
}
.format-9 {
.format-9 {
color: #55F;
color: #5454FB;
text-shadow: 0.125em 0.125em 0 #15153F;
text-shadow: 0.125em 0.125em 0 #15153E;
}
}
.format-a {
.format-a {
color: #5F5;
color: #54FB54;
text-shadow: 0.125em 0.125em 0 #153F15;
text-shadow: 0.125em 0.125em 0 #153E15;
}
}
.format-b {
.format-b {
color: #5FF;
color: #54FBFB;
text-shadow: 0.125em 0.125em 0 #153F3F;
text-shadow: 0.125em 0.125em 0 #153E3E;
}
}
.format-c {
.format-c {
color: #F55;
color: #FB5454;
text-shadow: 0.125em 0.125em 0 #3F1515;
text-shadow: 0.125em 0.125em 0 #3E1515;
}
}
.format-d {
.format-d {
color: #F5F;
color: #FB54FB;
text-shadow: 0.125em 0.125em 0 #3F153F;
text-shadow: 0.125em 0.125em 0 #3E153E;
}
}
.format-e {
.format-e {
color: #FF5;
color: #FBFB54;
text-shadow: 0.125em 0.125em 0 #3F3F15;
text-shadow: 0.125em 0.125em 0 #3E3E15;
}
}
.format-f,
.format-f,
#minetip-tooltip {
#minetip-tooltip {
color: #FFF;
color: #FBFBFB;
text-shadow: 0.125em 0.125em 0 #3F3F3F;
text-shadow: 0.125em 0.125em 0 #3E3E3E;
}
.format-g {
color: #DDD605;
text-shadow: 0.125em 0.125em 0 #373501;
}
.format-h {
color: #E3D4D1;
text-shadow: 0.125em 0.125em 0 #383534;
}
.format-i {
color: #CECACA;
text-shadow: 0.125em 0.125em 0 #333232;
}
.format-j {
color: #443A3B;
text-shadow: 0.125em 0.125em 0 #110E0E;
}
}
.format-l {
.format-l {
font-weight: bold;
font-weight: bold;
letter-spacing: 0.125em;
letter-spacing: 0.125em;
}
}
.format-m {
.format-m {
text-decoration: line-through;
text-decoration: line-through;
}
}
.format-n {
.format-n {
text-decoration: underline;
text-decoration: underline;
}
}
.format-o {
.format-o {
font-style: italic;
font-style: italic;
}
.format-p {
color: #DEB12D;
text-shadow: 0.125em 0.125em 0 #372C0B;
}
.format-q {
color: #47A036;
text-shadow: 0.125em 0.125em 0 #04280D;
}
.format-s {
color: #2CBAA8;
text-shadow: 0.125em 0.125em 0 #0B2E2A;
}
.format-t {
color: #21497B;
text-shadow: 0.125em 0.125em 0 #08121E;
}
.format-u {
color: #9A5CC6;
text-shadow: 0.125em 0.125em 0 #261731;
}
.format-v {
color: #EB7114;
text-shadow: 0.125em 0.125em 0 #3B1D05;
}
/* Custom color codes because §m and §n are used twice. */
.format-y {
color: #971607;
text-shadow: 0.125em 0.125em 0 #250501;
}
.format-z {
color: #B4684D;
text-shadow: 0.125em 0.125em 0 #2D1A13;
}
/* Class for &#123456 and &$123 adding custom hex colors. */
.format-custom {
text-shadow: 0.125em 0.125em 0 color-mix(in srgb, currentColor 25%, #000 75%);
}
}