97 lines
1.6 KiB
SCSS
97 lines
1.6 KiB
SCSS
@import '../includes/fonts/titillium';
|
|
|
|
.site-header {
|
|
background: $primary-color;
|
|
}
|
|
|
|
#header {
|
|
color: white;
|
|
font-family: Titillium;
|
|
#logo a {
|
|
line-height: 170px;
|
|
font-size: 2.667rem;
|
|
color: white;
|
|
font-weight: normal;
|
|
background-size: auto 150px;
|
|
width: 90%;
|
|
}
|
|
}
|
|
|
|
#toplinks {
|
|
.sep, .registration {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
#nav {
|
|
li {
|
|
border-left: 1px;
|
|
border-right: 1px;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
border-style: solid;
|
|
border-color: $primary-color;
|
|
}
|
|
ul {
|
|
margin-top: 0;
|
|
a {
|
|
font-weight: normal;
|
|
padding: 20px 30px;
|
|
}
|
|
li.selected > a {
|
|
background-image: url(img/coin-menu.png);
|
|
background-position: top right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
}
|
|
}
|
|
|
|
#footer-wrapper {
|
|
border-top: 15px solid $secondary-color;
|
|
#footer {
|
|
min-height: 100px;
|
|
background: url(img/logo-footer.png) top right no-repeat;
|
|
}
|
|
}
|
|
|
|
body.has-picture .site-nav::after {
|
|
background-size: contain;
|
|
}
|
|
|
|
#columns div.cell {
|
|
background-image: linear-gradient(to top right, white 50%, $secondary-color);
|
|
background-size: 50px 40px;
|
|
background-repeat: no-repeat;
|
|
background-position: top right;
|
|
h2:first-child {
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
background: none;
|
|
}
|
|
}
|
|
|
|
#sidebar div.cell {
|
|
background-color: $primary-color;
|
|
border-left: 1px;
|
|
border-left-style: solid;
|
|
}
|
|
|
|
div.submit-button {
|
|
button {
|
|
background: $tertiary-color;
|
|
}
|
|
}
|
|
|
|
div.cell {
|
|
&.foldable > div > h2:first-child::after,
|
|
a.add-more-items--button {
|
|
color: $secondary-color;
|
|
font-size: 1.5rem;
|
|
font-weight: bold;
|
|
line-height: 15px;
|
|
}
|
|
p {
|
|
margin-left: 15px;
|
|
}
|
|
}
|