Jump to content

MediaWiki:Common.css: Difference between revisions

From The Telecommunications Inventory Wiki
No edit summary
No edit summary
 
(17 intermediate revisions by the same user not shown)
Line 4: Line 4:
}
}


@font-face {
body {
    font-family: "Bell Gothic";
background-color: var(--background-color-base);
}


    src: url("/static/fonts/BellGothic-Bold.woff2") format("woff2"),
body,
        url("/static/fonts/BellGothic-Bold.woff") format("woff");
.mw-body h1,
.mw-body h2 {
    font-family: Helvetica;
}


    font-weight: bold;
.mw-body h1 {
font-weight: bold;
}


     font-style: normal;
:root {
    --font-size-medium: 1rem;
    --line-height-medium: 1.5714285;
    --background-color-base: #f4f4f4;
}
.vector-feature-custom-font-size-clientpref-1 {
    --font-size-medium: 1.25rem;
     --line-height-medium: 1.6;
}
.vector-feature-custom-font-size-clientpref-2 {
    --font-size-medium: 1.6rem;
    --line-height-medium: 1.5;
}


     font-display: swap;
a {
     color: var(--color-process-blue);
    /* text-decoration: underline; */
}
}


@font-face {
a.mw-logo,
    font-family: "Bell Gothic";
a.mw-logo:visited {
color: black;
}


    src: url("/static/fonts/BellGothic-Light.woff2") format("woff2"),
.mw-logo-wordmark {
        url("/static/fonts/BellGothic-Light.woff") format("woff");
letter-spacing: -.03em;
 
     font-size: 1.3em;
     font-weight: 300;
}
 
    font-style: normal;


     font-display: swap;
#p-logo a {
     background-size: contain;
}
}


@font-face {
.vector-header-container {
    font-family: "Bell Gothic";
padding-top: .5em;
 
     margin-bottom: .5em;
    src: url("/static/fonts/BellGothic-Black.woff2") format("woff2"),
     padding-bottom: .5em;
        url("/static/fonts/BellGothic-Black.woff") format("woff");
     position: relative;
 
     font-weight: 900;
 
     font-style: normal;
 
     font-display: swap;
}
}


body {
.vector-header-container::before {
     font-family: "Bell Gothic";
     content: "";
     font-size: 1.1rem;
     position: absolute;
    background-color: var(--color-process-blue);
    height: 0.6em;
    width: 100vw;
    bottom: -0.6em;
    z-index: 3;
}
}


a {
.vector-header-container::after {
     color: var(--color-process-blue);
     content: "";
     /* text-decoration: underline; */
    position: absolute;
    background-color: var(--color-yellow-gold);
     height: 0.6em;
    width: 100vw;
    bottom: -1.4em;
    z-index: 2;
}
}

Latest revision as of 16:30, 13 March 2025

:root {
    --color-process-blue: #0091c9;
    --color-yellow-gold: #f3cf1d;
}

body {
	background-color: var(--background-color-base);
}

body,
.mw-body h1,
.mw-body h2 {
    font-family: Helvetica;
}

.mw-body h1 {
	font-weight: bold;
}

:root {
    --font-size-medium: 1rem;
    --line-height-medium: 1.5714285;
    --background-color-base: #f4f4f4;
}
.vector-feature-custom-font-size-clientpref-1 {
    --font-size-medium: 1.25rem;
    --line-height-medium: 1.6;
}
.vector-feature-custom-font-size-clientpref-2 {
    --font-size-medium: 1.6rem;
    --line-height-medium: 1.5;
}

a {
    color: var(--color-process-blue);
    /* text-decoration: underline; */
}

a.mw-logo,
a.mw-logo:visited {
	color: black;
}

.mw-logo-wordmark {
	letter-spacing: -.03em;
    font-size: 1.3em;
}

#p-logo a {
    background-size: contain;
}

.vector-header-container {
	padding-top: .5em;
    margin-bottom: .5em;
    padding-bottom: .5em;
    position: relative;
}

.vector-header-container::before {
    content: "";
    position: absolute;
    background-color: var(--color-process-blue);
    height: 0.6em;
    width: 100vw;
    bottom: -0.6em;
    z-index: 3;
}

.vector-header-container::after {
    content: "";
    position: absolute;
    background-color: var(--color-yellow-gold);
    height: 0.6em;
    width: 100vw;
    bottom: -1.4em;
    z-index: 2;
}