MediaWiki:Common.css: Difference between revisions
Created page with "→CSS placed here will be applied to all skins: .pfUploadable a, .pfUploadLink { background: #f8f9fa; border: 1px solid #a2a9b1; color: #202122 !important; padding: 6px 12px; border-radius: 2px; } .pfUploadable a:hover { background: #ffffff; }" |
No edit summary |
||
| (11 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* | /* ========================================= | ||
. | Site wordmark – CRT chromatic aberration | ||
. | ========================================= */ | ||
.branding-box span { | |||
text-shadow: | |||
2px 1px 0px rgba(255, 0, 0, 0.75), | |||
4px 0px 0 rgba(0, 200, 255, 0.75); | |||
font-weight: 700; | |||
font-size: 22px !important; | |||
transition: text-shadow 0.2s ease; | |||
} | } | ||
. | .branding-box span:hover { | ||
animation: chromatic-shift 0.8s steps(4) infinite; | |||
} | |||
@keyframes chromatic-shift { | |||
0% { | |||
text-shadow: | |||
2px 1px 0 rgba(255, 0, 0, 0.75), | |||
4px 0px 0 rgba(0, 200, 255, 0.75); | |||
} | |||
25% { | |||
text-shadow: | |||
-2px 2px 0 rgba(255, 0, 0, 0.8), | |||
3px -1px 0 rgba(0, 200, 255, 0.8); | |||
} | |||
50% { | |||
text-shadow: | |||
3px -1px 0 rgba(255, 0, 0, 0.7), | |||
-3px 2px 0 rgba(0, 200, 255, 0.7); | |||
} | |||
75% { | |||
text-shadow: | |||
-1px -2px 0 rgba(255, 0, 0, 0.85), | |||
4px 1px 0 rgba(0, 200, 255, 0.85); | |||
} | |||
} | |||
@media (max-width: 600px) { | |||
.infobox-crt-model { | |||
float: none !important; | |||
width: 100% !important; | |||
margin: 0 0 1em 0 !important; | |||
max-width: 100% !important; | |||
} | |||
.infobox-crt-model tbody, | |||
.infobox-crt-model tbody tr, | |||
.infobox-crt-model tbody td, | |||
.infobox-crt-model tbody th { | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
box-sizing: border-box !important; | |||
} | |||
.infobox-crt-model tbody td, | |||
.infobox-crt-model tbody th { | |||
display: table-cell !important; | |||
word-wrap: break-word !important; | |||
} | |||
} | } | ||
Latest revision as of 20:31, 10 February 2026
/* =========================================
Site wordmark – CRT chromatic aberration
========================================= */
.branding-box span {
text-shadow:
2px 1px 0px rgba(255, 0, 0, 0.75),
4px 0px 0 rgba(0, 200, 255, 0.75);
font-weight: 700;
font-size: 22px !important;
transition: text-shadow 0.2s ease;
}
.branding-box span:hover {
animation: chromatic-shift 0.8s steps(4) infinite;
}
@keyframes chromatic-shift {
0% {
text-shadow:
2px 1px 0 rgba(255, 0, 0, 0.75),
4px 0px 0 rgba(0, 200, 255, 0.75);
}
25% {
text-shadow:
-2px 2px 0 rgba(255, 0, 0, 0.8),
3px -1px 0 rgba(0, 200, 255, 0.8);
}
50% {
text-shadow:
3px -1px 0 rgba(255, 0, 0, 0.7),
-3px 2px 0 rgba(0, 200, 255, 0.7);
}
75% {
text-shadow:
-1px -2px 0 rgba(255, 0, 0, 0.85),
4px 1px 0 rgba(0, 200, 255, 0.85);
}
}
@media (max-width: 600px) {
.infobox-crt-model {
float: none !important;
width: 100% !important;
margin: 0 0 1em 0 !important;
max-width: 100% !important;
}
.infobox-crt-model tbody,
.infobox-crt-model tbody tr,
.infobox-crt-model tbody td,
.infobox-crt-model tbody th {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.infobox-crt-model tbody td,
.infobox-crt-model tbody th {
display: table-cell !important;
word-wrap: break-word !important;
}
}
