MediaWiki:Basic.css

From Elwiki
Revision as of 16:05, 24 September 2022 by Ritsu (talk | contribs) (Created page with "→‎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; pl...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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;
}