1
0
www.mikescher.com/www/data/css/styles_global.scss

63 lines
1.3 KiB
SCSS

@import 'styles_config';
body {
background-color: $COL_BACKGROUND;
color: $COL_TEXT_NORMAL;
font-family: $FONT_DEFAULT;
}
#content {
padding-top: 64px;
display: flex;
justify-content: center;
line-height: 1.4;
}
.content-responsive {
margin-left: auto;
margin-right: auto;
}
@media(max-width:767px) { .content-responsive { width: auto; } }
@media(min-width:768px) { .content-responsive { width: auto; } }
@media(min-width:992px) { .content-responsive { width: 724px; } }
@media(min-width:1200px){ .content-responsive { width: 1170px; } }
.contentheader {
width: 100%;
color: $COL_TEXT_DARK;
font-size: large;
}
.contentheader h1 {
font-family: $FONT_HEADER;
font-size: 32px;
font-weight: 900;
margin-bottom: 0;
}
@media(max-width:767px) { .contentheader h1 { font-size: 32px; } }
.contentheader hr {
margin: 0 0 25px 0;
display:block;
border:none;
color:white;
height:1px;
background: #CCCCCCFF;
background: -moz-linear-gradient( left, $COL_TEXT_NORMAL, $COL_TRANSPARENT);
background: -webkit-linear-gradient(left, $COL_TEXT_NORMAL 0%,$COL_TRANSPARENT 100%);
}
.blockcontent {
display: block;
width: 100%;
}
.generic_hidden { visibility: hidden !important; }
.generic_collapsed { visibility: collapse !important; display: none !important; }