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;
/* box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;  --  used for Legacy, not so good on Vector 2022*/
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-weight: bolder;
font-size: 13px;
}
}


Line 310: Line 320:
/* setting colors for staff user page links */
/* setting colors for staff user page links */


#mw-content-text .mw-userlink[title="User:4erospace"], .mw-userlink[href="/w/User:4erospace?action=edit&redlink=1"],
.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"] {
#mw-content-text .mw-userlink[title="User:OneDarkWolfy"], .mw-userlink[href="/w/User:OneDarkWolfy?action=edit&redlink=1"] {
color: #c27c0e;
color: #c27c0e;
font-weight: bold;
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%);
}
}