83 lines
1.7 KiB
CSS
83 lines
1.7 KiB
CSS
|
@font-face {
|
||
|
|
font-family: "man";
|
||
|
|
src:
|
||
|
|
url("/pub/style/fonts/Manusquared-Bold.woff2") format('woff2'),
|
||
|
|
url("/pub/style/fonts/Manusquared-Bold.woff") format('woff');
|
||
|
|
}
|
||
|
|
:root {
|
||
|
|
/* Main color scheme */
|
||
|
|
--color-primary: #000000ff;
|
||
|
|
--color-secondary: #5B3D8Aff;
|
||
|
|
--color-accent: rgb(25, 59, 121);
|
||
|
|
|
||
|
|
/* Background colors */
|
||
|
|
--bg-primary: #d6d6d6ff;
|
||
|
|
--bg-secondary: #c2c2c2ff;
|
||
|
|
|
||
|
|
/* Text colors */
|
||
|
|
--text-primary: #000000ff;
|
||
|
|
--text-secondary: #989898ff;
|
||
|
|
--text-accent: #5B3D8Aff;
|
||
|
|
|
||
|
|
/* Header colours */
|
||
|
|
--header-primary:#5B3D8Aff;
|
||
|
|
--header-secondary: #5B3D8Aff;
|
||
|
|
--header-tertiary: rgb(25, 59, 121);
|
||
|
|
--header-other: #000000ff;
|
||
|
|
|
||
|
|
/* Link colors */
|
||
|
|
--link-color: rgb(31, 76, 160);
|
||
|
|
--link-hover: #5B3D8Aff;
|
||
|
|
|
||
|
|
/* Border colors */
|
||
|
|
--border-primary: #000000ff;
|
||
|
|
--border-secondary: #030303ff;
|
||
|
|
--border-image: #000300ff;
|
||
|
|
|
||
|
|
/* Special purpose colors */
|
||
|
|
--code-color: #18A02Cff;
|
||
|
|
--header-bg: #5B3D8Aff;
|
||
|
|
--header-text: #030303ff;
|
||
|
|
|
||
|
|
/* Font families */
|
||
|
|
--font-headers: man, sans-serif;
|
||
|
|
--font-body: verdana, helvetica, arial, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background: var(--bg-primary);
|
||
|
|
background-color: var(--bg-primary);
|
||
|
|
background-position: center center;
|
||
|
|
background-size: 110vh 75vh;
|
||
|
|
background-repeat: repeat-y;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-size: 90%;
|
||
|
|
font-family: verdana, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
header h1 .headerLink {
|
||
|
|
font-family: man, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
article h1 {
|
||
|
|
font-family: man, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
article {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
article img {
|
||
|
|
border: 0.4em solid var(--border-image);
|
||
|
|
background-color: var(--border-image) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|