MediaWiki:Common.css: Difference between revisions
m CSS test |
m CSS fix |
||
(17 intermediate revisions by the same user not shown) | |||
Line 254: | Line 254: | ||
/* Notice: directly below we set the new font we want to use on the Wiki, at least temporarily, so we can get accustomed to its formatting */ | /* Notice: directly below we set the new font we want to use on the Wiki, at least temporarily, so we can get accustomed to its formatting */ | ||
body { | |||
font-family: 'IBM Plex Sans', Arial, sans-serif !important; | |||
} | |||
.mw-notification-area-overlay,ge | .mw-notification-area-overlay,ge | ||
Line 263: | Line 266: | ||
border: none; | border: none; | ||
font-family: 'IBM Plex Sans', sans-serif; | font-family: 'IBM Plex Sans', sans-serif; | ||
border: none; | border: none; | ||
} | } | ||
.mw-body h1 { | .mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 { | ||
font-family: 'PT Serif', Georgia, serif !important; | |||
} | |||
#firstHeading { | |||
font-weight: bold; | |||
} | |||
#mw-panel .vector-menu-heading { | |||
font-family: 'PT Serif'; | font-family: 'PT Serif'; | ||
font- | font-size: 13px; | ||
} | } | ||
Line 310: | Line 320: | ||
/* setting colors for staff user page links */ | /* setting colors for staff user page links */ | ||
.mw-userlink[href="/w/User:4erospace"], .mw-userlink[href="/w/User:4erospace?action=edit&redlink=1"], .mw-userlink[href="/w/User:OneDarkWolfy"], .mw-userlink[href="/w/User:OneDarkWolfy?action=edit&redlink=1"] { | |||
color: #c27c0e; | color: #c27c0e; | ||
padding-left: 17px; | |||
background: url('https://wiki.nanoflare.net/images/e/ed/Resistance_effect_icon.png') no-repeat left center; | |||
background-size: 14px 14px; | |||
} | |||
a:-webkit-any-link { | |||
cursor: grab; | |||
} | |||
body { | |||
background-color: var(--background-color-base); | |||
} | } | ||
Line 1,520: | Line 1,539: | ||
#t-upload { | #t-upload { | ||
display: none; | display: none; | ||
} | |||
/* Fix of various cascading and protection messages for dark mode */ | |||
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, #mw-protect-cascadeon, div.titleblacklist-warning, div.locked-warning { | |||
background-color: var(--background-color-error-subtle,#ffe9e5); | |||
border-color: var(--border-color-error,#9f3526); | |||
} | |||
/* Keyframes needed for newsticker template */ | |||
.newswrapper { | |||
max-width: 100%; | |||
overflow: hidden; | |||
} | |||
.newsmarquee { | |||
white-space: nowrap; | |||
overflow: hidden; | |||
display: inline-block; | |||
animation: newsmarquee 50s linear infinite; | |||
} | |||
.newsmarquee p { | |||
display: inline-block; | |||
margin: 10px 0 0 0; | |||
} | |||
@keyframes newsmarquee { | |||
0% { | |||
transform: translate3d(0, 0, 0); | |||
} | |||
100% { | |||
transform: translate3d(-50%, 0, 0); | |||
} | |||
} | |||
#newsticker { | |||
border-radius: 10px; | |||
background-color: var(--background-color-interactive); | |||
} | |||
/* CSS for the Minecraft tooltip "Minetip" */ | |||
.sprite { | |||
display: inline-block; | |||
vertical-align: text-top; | |||
height: 16px; | |||
width: 16px; | |||
background-repeat: no-repeat; | |||
} | |||
.sprite-file { | |||
--vertical-align: text-top; | |||
display: inline-block; | |||
height: 16px; | |||
width: 16px; | |||
} | |||
.sprite-file img { | |||
vertical-align: var(--vertical-align); | |||
} | |||
.sprite-file + a > .sprite-text,.sprite-file + .sprite-text,.sprite + .sprite-text { | |||
padding-left: 0.312em; | |||
} | |||
.sprite-file a.new:first-child { | |||
vertical-align: var(--vertical-align); | |||
background-image: url(/images/Grid_Unknown.png?4cbf2); | |||
background-size: 100% 100%; | |||
display: inline-block; | |||
text-indent: -9999px; | |||
overflow: hidden; | |||
height: 100%; | |||
width: 100%; | |||
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; | |||
} | |||
.format-custom { | |||
text-shadow: 0.125em 0.125em 0 color-mix(in srgb,currentColor 25%,#000 75%); | |||
} | } |