MediaWiki:Vector-2022.css: Difference between revisions

m CSS test
m CSS fix
Line 489: Line 489:
.format-0 {
.format-0 {
     color: #000;
     color: #000;
     text-shadow: 0.125em 0.125em 0 #000
     text-shadow: 0.125em 0.125em 0 #000;
}
}


.format-1 {
.format-1 {
     color: #0000A8;
     color: #0000A8;
     text-shadow: 0.125em 0.125em 0 #00002A
     text-shadow: 0.125em 0.125em 0 #00002A;
}
}


.format-2 {
.format-2 {
     color: #00A800;
     color: #00A800;
     text-shadow: 0.125em 0.125em 0 #002A00
     text-shadow: 0.125em 0.125em 0 #002A00;
}
}


.format-3 {
.format-3 {
     color: #00A8A8;
     color: #00A8A8;
     text-shadow: 0.125em 0.125em 0 #002A2A
     text-shadow: 0.125em 0.125em 0 #002A2A;
}
}


.format-4 {
.format-4 {
     color: #A80000;
     color: #A80000;
     text-shadow: 0.125em 0.125em 0 #2A0000
     text-shadow: 0.125em 0.125em 0 #2A0000;
}
}


.format-5 {
.format-5 {
     color: #A800A8;
     color: #A800A8;
     text-shadow: 0.125em 0.125em 0 #2A002A
     text-shadow: 0.125em 0.125em 0 #2A002A;
}
}


.format-6 {
.format-6 {
     color: #FBA800;
     color: #FBA800;
     text-shadow: 0.125em 0.125em 0 #3E2A00
     text-shadow: 0.125em 0.125em 0 #3E2A00;
}
}


.format-7 {
.format-7 {
     color: #A8A8A8;
     color: #A8A8A8;
     text-shadow: 0.125em 0.125em 0 #2A2A2A
     text-shadow: 0.125em 0.125em 0 #2A2A2A;
}
}


.format-8 {
.format-8 {
     color: #545454;
     color: #545454;
     text-shadow: 0.125em 0.125em 0 #151515
     text-shadow: 0.125em 0.125em 0 #151515;
}
}


.format-9 {
.format-9 {
     color: #5454FB;
     color: #5454FB;
     text-shadow: 0.125em 0.125em 0 #15153E
     text-shadow: 0.125em 0.125em 0 #15153E;
}
}


.format-a {
.format-a {
     color: #54FB54;
     color: #54FB54;
     text-shadow: 0.125em 0.125em 0 #153E15
     text-shadow: 0.125em 0.125em 0 #153E15;
}
}


.format-b {
.format-b {
     color: #54FBFB;
     color: #54FBFB;
     text-shadow: 0.125em 0.125em 0 #153E3E
     text-shadow: 0.125em 0.125em 0 #153E3E;
}
}


.format-c {
.format-c {
     color: #FB5454;
     color: #FB5454;
     text-shadow: 0.125em 0.125em 0 #3E1515
     text-shadow: 0.125em 0.125em 0 #3E1515;
}
}


.format-d {
.format-d {
     color: #FB54FB;
     color: #FB54FB;
     text-shadow: 0.125em 0.125em 0 #3E153E
     text-shadow: 0.125em 0.125em 0 #3E153E;
}
}


.format-e {
.format-e {
     color: #FBFB54;
     color: #FBFB54;
     text-shadow: 0.125em 0.125em 0 #3E3E15
     text-shadow: 0.125em 0.125em 0 #3E3E15;
}
}


.format-f,#minetip-tooltip {
.format-f,#minetip-tooltip {
     color: #FBFBFB;
     color: #FBFBFB;
     text-shadow: 0.125em 0.125em 0 #3E3E3E
     text-shadow: 0.125em 0.125em 0 #3E3E3E;
}
}


.format-g {
.format-g {
     color: #DDD605;
     color: #DDD605;
     text-shadow: 0.125em 0.125em 0 #373501
     text-shadow: 0.125em 0.125em 0 #373501;
}
}


.format-h {
.format-h {
     color: #E3D4D1;
     color: #E3D4D1;
     text-shadow: 0.125em 0.125em 0 #383534
     text-shadow: 0.125em 0.125em 0 #383534;
}
}


.format-i {
.format-i {
     color: #CECACA;
     color: #CECACA;
     text-shadow: 0.125em 0.125em 0 #333232
     text-shadow: 0.125em 0.125em 0 #333232;
}
}


.format-j {
.format-j {
     color: #443A3B;
     color: #443A3B;
     text-shadow: 0.125em 0.125em 0 #110E0E
     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 {
.format-p {
     color: #DEB12D;
     color: #DEB12D;
     text-shadow: 0.125em 0.125em 0 #372C0B
     text-shadow: 0.125em 0.125em 0 #372C0B;
}
}


.format-q {
.format-q {
     color: #47A036;
     color: #47A036;
     text-shadow: 0.125em 0.125em 0 #04280D
     text-shadow: 0.125em 0.125em 0 #04280D;
}
}


.format-s {
.format-s {
     color: #2CBAA8;
     color: #2CBAA8;
     text-shadow: 0.125em 0.125em 0 #0B2E2A
     text-shadow: 0.125em 0.125em 0 #0B2E2A;
}
}


.format-t {
.format-t {
     color: #21497B;
     color: #21497B;
     text-shadow: 0.125em 0.125em 0 #08121E
     text-shadow: 0.125em 0.125em 0 #08121E;
}
}


.format-u {
.format-u {
     color: #9A5CC6;
     color: #9A5CC6;
     text-shadow: 0.125em 0.125em 0 #261731
     text-shadow: 0.125em 0.125em 0 #261731;
}
}


.format-v {
.format-v {
     color: #EB7114;
     color: #EB7114;
     text-shadow: 0.125em 0.125em 0 #3B1D05
     text-shadow: 0.125em 0.125em 0 #3B1D05;
}
}


.format-y {
.format-y {
     color: #971607;
     color: #971607;
     text-shadow: 0.125em 0.125em 0 #250501
     text-shadow: 0.125em 0.125em 0 #250501;
}
}


.format-z {
.format-z {
     color: #B4684D;
     color: #B4684D;
     text-shadow: 0.125em 0.125em 0 #2D1A13
     text-shadow: 0.125em 0.125em 0 #2D1A13;
}
}


.format-custom {
.format-custom {
     text-shadow: 0.125em 0.125em 0 color-mix(in srgb,currentColor 25%,#000 75%)
     text-shadow: 0.125em 0.125em 0 color-mix(in srgb,currentColor 25%,#000 75%);
}
}


Line 662: Line 662:
     margin: 0.125em 0.25em;
     margin: 0.125em 0.25em;
     pointer-events: none;
     pointer-events: none;
     z-index: 9999
     z-index: 9999;
}
}


#minetip-tooltip > .description,#minetip-tooltip > .minetip-description {
#minetip-tooltip > .description,#minetip-tooltip > .minetip-description {
     display: block;
     display: block;
     margin-top: 0.25em
     margin-top: 0.25em;
}
}


Line 683: Line 683:


.mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) {
.mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) {
     display: none
     display: none;
}
}


.mw-body-content span.animated,.mw-body-content span.animated.animated-visible > *,.mw-body-content span.animated.animated-visible > .animated-subframe > * {
.mw-body-content span.animated,.mw-body-content span.animated.animated-visible > *,.mw-body-content span.animated.animated-visible > .animated-subframe > * {
     display: inline-block
     display: inline-block;
}
}


.mw-body-content div.animated.animated-visible > *,.mw-body-content div.animated.animated-visible > .animated-subframe > * {
.mw-body-content div.animated.animated-visible > *,.mw-body-content div.animated.animated-visible > .animated-subframe > * {
     display: block
     display: block;
}
}