MediaWiki:Common.css: Difference between revisions

Add support for custom hex code colors
No edit summary
(Add support for custom hex code colors)
 
Line 275: 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%);
}
}