84 lines
2.0 KiB
CSS
84 lines
2.0 KiB
CSS
/* OwlBoard Global CSS */
|
|
|
|
/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
|
|
* Copyright (c) 2014,2015 by (URW)++ Design & Development
|
|
*/
|
|
@font-face {
|
|
font-family: 'URW Gothic';
|
|
src: url('/type/urwgothic/urwgothic-book-webfont.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
|
|
* Copyright (c) 2014,2015 by (URW)++ Design & Development
|
|
*/
|
|
@font-face {
|
|
font-family: 'URW Gothic';
|
|
src: url('/type/urwgothic/urwgothic-bookoblique-webfont.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
|
|
/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
|
|
* Copyright (c) 2014,2015 by (URW)++ Design & Development
|
|
*/
|
|
@font-face {
|
|
font-family: 'URW Gothic';
|
|
src: url('/type/urwgothic/urwgothic-demi-webfont.woff2') format('woff2');
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
|
|
* Copyright (c) 2014,2015 by (URW)++ Design & Development
|
|
*/
|
|
@font-face {
|
|
font-family: 'URW Gothic';
|
|
src: url('/type/urwgothic/urwgothic-demioblique-webfont.woff2') format('woff2');
|
|
font-weight: 600;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
|
|
:root {
|
|
/* Brand Colours */
|
|
--color-brand: #4fd1d1;
|
|
--color-accent: #3c6f79;
|
|
--color-title: #ebebeb;
|
|
--color-bg-light: #404c55;
|
|
--color-bg-dark: #2b343c;
|
|
|
|
/* Shadows */
|
|
--color-shadow: hsla(210, 20%, 5%, 0.35);
|
|
--shadow-std: 0 4px 12px var(--color-shadow);
|
|
--shadow-small: 0 4px 6px var(--color-shadow);
|
|
--shadow-up: 0 -4px 12px var(--color-shadow);
|
|
--shadow-right: 4px 0 12px var(--color-shadow);
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: var(--color-accent);
|
|
color: white;
|
|
-webkit-font-smoothing: antialiased;
|
|
-mos-osx-font-smoothing: grayscale;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
a {
|
|
color: var(--color-brand);
|
|
}
|
|
|
|
a:visited {
|
|
color: var(--color-brand);
|
|
}
|
|
|
|
a:hover {
|
|
color: var(--color-accent);
|
|
}
|