118 lines
2.0 KiB
SCSS
118 lines
2.0 KiB
SCSS
h1, h2, h3, h4, h5, h6 {
|
|
padding: 0.7rem 1rem;
|
|
}
|
|
h1 {
|
|
color: $blue;
|
|
}
|
|
|
|
html {
|
|
background: $blue url('img/background.jpg') no-repeat scroll center top;
|
|
}
|
|
|
|
body {
|
|
background: transparent url("img/background_bottom.png") repeat-x scroll center bottom;
|
|
}
|
|
|
|
$logo-height: 5rem;
|
|
$logo-width: 16rem;
|
|
#logo.has-logo {
|
|
background-color: $logo-background;
|
|
@media ($min-desktop-viewport) {
|
|
display: inline-block;
|
|
padding: 0 0 0 10px;
|
|
a {
|
|
width: $logo-width;
|
|
height: $logo-height;
|
|
background-position: center;
|
|
z-index: 999;
|
|
position: relative;
|
|
}
|
|
}
|
|
}
|
|
.site-header {
|
|
background: white;
|
|
@media ($min-desktop-viewport) {
|
|
display: block;
|
|
height: $logo-height;
|
|
}
|
|
}
|
|
div#header {
|
|
padding: 0;
|
|
}
|
|
.wcs-page .gru-content {
|
|
background: white;
|
|
padding: $space-medium;
|
|
}
|
|
|
|
.site-nav {
|
|
@media ($min-desktop-viewport) {
|
|
position: relative;
|
|
top: -$logo-height;
|
|
height: $logo-height;
|
|
}
|
|
}
|
|
#nav-wrapper {
|
|
box-shadow: 0px 10px rgba(55, 55, 55, 0.3);
|
|
@media ($min-desktop-viewport) {
|
|
height: $logo-height;
|
|
}
|
|
}
|
|
#nav > .menu {
|
|
@media ($min-desktop-viewport) {
|
|
margin: 0 0 $space-large;
|
|
height: $logo-height;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: end;
|
|
}
|
|
li a {
|
|
font-family: "Open Sans Condensed", sans-serif;
|
|
text-transform: uppercase;
|
|
@media ($min-desktop-viewport) {
|
|
font-size: 1.3em;
|
|
display: flex;
|
|
align-items: center;
|
|
height: $logo-height;
|
|
}
|
|
}
|
|
}
|
|
div.gru-nav .gru-nav-button + ul {
|
|
@media ($max-mobile-viewport) {
|
|
margin-top: $space-small;
|
|
}
|
|
}
|
|
div.gru-nav li li:focus-within > a,
|
|
div.gru-nav li li:hover > a {
|
|
color: $purple;
|
|
background: white;
|
|
}
|
|
#toplinks {
|
|
z-index: 999;
|
|
}
|
|
main *:not(.cell) .cell {
|
|
box-shadow: 0 0 8.1px 1.9px rgba(33,30,31,0.15);
|
|
}
|
|
|
|
%button {
|
|
font-family: "Open Sans Condensed", sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
%cell-links-list {
|
|
& > li > a {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
#footer-wrapper {
|
|
h1, h2, h3, h4, h5, h6 {
|
|
text-transform: uppercase;
|
|
font-family: $title-font-family;
|
|
}
|
|
a {
|
|
color: white;
|
|
}
|
|
}
|
|
|
|
#account-management {
|
|
display: none;
|
|
} |