MediaWiki:Basic.css

From Elwiki
Revision as of 15:15, 24 September 2022 by Ritsu (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Generic elements */
hr {
    border: none;
    height: 1px;
    background-color: var(--border-color);
}

.main-accent {
    color: var(--accent-color);
}

.clearfix {
    clear: both;
}

.left {
    text-align: left;
}

b,
th,
.mw-changeslist-line-watched .mw-title {
    font-weight: 500;
}

.sig .sig-icon {
    border-radius: 50%;
    display: inline-flex;
    background: white;
    padding: 2px;
    border: 2px solid black;
    width: 16px;
    height: 16px;
    place-content: center;
    place-items: center;
    margin: 0 5px;
    position: relative;
    top: 2px;
}

.sig .sig-icon .image {
    display: inline-flex;
}

.sig .sig-icon img {
    border-radius: 50%;
    margin-left: 1px;
}

.wikiEditor-ui-toolbar {
    background-image: none;
    background-color: var(--theme-tone-5);
}

.border-color {
    border-color: var(--border-color) !important;
}

.outline-color {
    outline-color: var(--border-color) !important;
}

.border-color-tone-2 {
    border-color: var(--border-color-tone-2) !important;
}

.tone-1 {
    background-color: var(--theme-tone-1) !important;
}

.tone-2 {
    background-color: var(--theme-tone-2) !important;
}

.tone-3 {
    background-color: var(--theme-tone-3) !important;
}

.tone-4 {
    background-color: var(--theme-tone-4) !important;
}

.tone-5 {
    background-color: var(--theme-tone-5) !important;
}

.tone-6 {
    background-color: var(--theme-tone-6) !important;
}

.tone-7 {
    background-color: var(--theme-tone-7) !important;
}

.tone-7-hover:hover {
    background-color: var(--theme-tone-7) !important;
}

.tone-8 {
    background-color: var(--theme-tone-8) !important;
}

.tone-8-active:active {
    background-color: var(--theme-tone-8) !important;
}

.color-normal {
    color: var(--text-color);
}

.color-normal-force {
    color: var(--text-color)!important;
}

.color-normal-force-link a {
    color: var(--text-color) !important;
}

.accent-color {
    background-color: var(--accent-color) !important;
}

.accent-textcolor,
.accent-textcolor a {
    color: var(--accent-color) !important;
}

.accent-color-hover:hover {
    background-color: var(--accent-color) !important;
}

/* Font */
html {
    font-size: 104.5%;
    overflow-x: hidden;
}

@font-face {
    font-family: "Heading";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/MYRIADPRO-BOLDCOND.woff") format("woff");
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Light"), url(https://elwiki.net/fonts/Segoe_UI/Light/latest.ttf) format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Semilight"), url(https://elwiki.net/fonts/Segoe_UI/Semilight/latest.ttf) format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"), url(https://elwiki.net/fonts/Segoe_UI/Regular/latest.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Semibold"), url(https://elwiki.net/fonts/Segoe_UI/Semibold/latest.ttf) format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Bold"), url(https://elwiki.net/fonts/Segoe_UI/Bold/latest.ttf) format("truetype");
    font-weight: 600;
}

.fancy-font {
    font-family: "Heading" !important;
}

html *:not(.wikiEditor-ui *, .mw-editfont-monospace),
#p-logo-text a {
    font-family: "SegoeUI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
}

#contentSub {
    margin-bottom: 7px;
}

/* Tables */
table[cellpadding="5"][border="1"][style],
table[cellpadding="5"][border="1"][style] td,
table[cellpadding="5"][border="1"][style] th,
table[cellpadding="5"][border="1"][class],
table[cellpadding="5"][border="1"][class] td,
table[cellpadding="5"][border="1"][class] th,
.related-skills,
.related-skills td,
.related-skills tr,
.related-skills th {
    border-color: var(--border-color);
}

.season-pass-reward td {
    border-color: var(--border-color)!important;
}

tr[style] th a:not(.textfloat a),
tr[style] th a:visited:not(.textfloat a),
tr[style] th a:link:not(.textfloat a),
table[class*="colortable-"] th a:not(.textfloat a),
table[class*="colortable-"] th a:visited:not(.textfloat a),
table[class*="colortable-"] th a:link:not(.textfloat a) {
    color: #1d5383 !important;
}

table[cellpadding="5"][border="1"][style] tr[style]:not(.wikitable tr, .updates-section-table tr, .alt-langs tr),
table[cellpadding="5"][border="1"][style] tr[style] th:not(.wikitable th),
table[cellpadding="5"][border="1"][class*="colortable-"] th {
    border: 1px solid rgb(71, 71, 71);
}

table.colored-table td {
    border: 1px solid rgb(71, 71, 71) !important;
}

tr[style*="#444444"] th {
    color: white;
    text-shadow: none !important;
}

tr[style*="background:#444444"] a {
    color: white !important;
    text-shadow: none !important;
}

table[cellpadding="5"][border="1"][style] tr[style*="#444444"],
table[cellpadding="5"][border="1"][style] tr[style*="#444444"] th {
    border-color: var(--border-color-tone-2) !important;
}

tr[style*="#414243"] th {
    border-color: var(--border-color-tone-2) !important;
}

.updates-table td:is(:nth-child(3), :nth-child(4), :nth-child(2)[colspan]) {
    text-align: left;
}

.force-white,
.force-white a {
    color: white !important;
    text-shadow: 1px 1px 1px #000;
}

.force-black,
.force-black a {
    color: black !important;
    text-shadow: none !important;
}