Files
asciidisco.com/css/components/base.css
2023-08-01 13:49:46 +02:00

70 lines
1.4 KiB
CSS

/**
* Fonts
*
*/
@font-face {
font-family: 'silkscreen';
src: url('/font/slkscr-webfont.woff2') format('woff2'), url('/font/slkscr-webfont.woff') format('woff');
font-weight: normal;
font-style: normal}
.type-content {font-family: Georgia, Cambria, 'Times New Roman', Times, serif}
.type-monospace {font-family: 'Menlo', Monaco, monospace}
.type-pixel {font-family: 'silkscreen', 'Menlo', Monaco, monospace}
/**
* Colors
*
*/
.color-white {color: #ddd}
.color-lightblack {color: #212121}
.color-blue {color: #5BC0EB}
.color-yellow {color: #FDE74C}
.color-green {color: #9BC53D}
.color-red {color: #E55934}
.color-orange {color: #FA7921}
.bg-color-white {background-color: #ddd}
.bg-color-lightblack {background-color: #212121}
.bg-color-blue {background-color: #5BC0EB}
.bg-color-yellow {background-color: #FDE74C}
.bg-color-green {background-color: #9BC53D}
.bg-color-red {background-color: #E55934}
.bg-color-orange {background-color: #FA7921}
/**
* Helper classes
*
*/
.no-space {
margin: 0;
padding: 0}
.zero-height {height: 0}
/**
* Element defaults
*
*/
body {
background: fixed #fff no-repeat;
overflow-x: hidden}
a {text-decoration: none}
main {
display: flex;
max-width: 1100px;
margin: 0 auto}
/** Headlines **/
h1 {
max-width: 1000px;
margin: 0 auto;
padding: 30px 0 30px 0}
template {display: none !important}