publik-base-theme/static/rochefort-agglo/_custom.scss

171 lines
2.5 KiB
SCSS

@import '../includes/fonts/opensans';
div#header {
width: auto;
max-width: none;
padding: 0 10px;
}
#toplinks {
border-radius: 0;
border: none;
box-shadow: none;
background: #0086CE;
a {
color: white;
text-transform: uppercase;
}
@media screen and ($max-mobile-viewport) {
padding: 0.2em 0.5em 0.2em 0.5em;
}
}
a#publik-portal-agent {
top: 40px;
border-width: 1px;
}
#logo.has-logo {
a {
text-indent: 0;
}
@media screen and ($max-mobile-viewport) {
margin-bottom: 15px;
}
}
span.baseline {
max-width: $width;
margin: 0 auto;
display: block;
padding-top: 1ex;
padding-bottom: 2ex;
font-size: 1.714rem;
font-style: italic;
@media screen and ($max-mobile-viewport) {
display: none;
}
}
div#top {
font-style: italic;
font-weight: normal;
max-width: $width;
margin: 0 auto;
#logo a {
height: 140px;
font-size: 2.3rem;
color: $primary-color;
padding-top: 140px;
@media screen and ($max-mobile-viewport) {
padding-top: 0;
display: block;
text-indent: -10000px;
height: 60px;
}
}
}
div#nav > ul > li {
margin-right: 10px;
border: 2px solid $primary-color;
border-width: 2px 0px;
@media screen and ($max-mobile-viewport) {
border: none;
}
}
div#main-content {
margin-top: 15px;
}
.form-content--sidebox, div#rub_service {
margin-top: 0;
}
div.widget-prefilled div.content div.message {
color: #888;
font-size: 80%;
}
div#footer-wrapper {
min-height: 100px;
background: #E7F0F6;
}
div.widget th {
font-weight: normal;
}
div#footer-post-wrapper {
background: #0086CE;
padding: 1.5ex 0;
div#footer-post {
max-width: $width;
margin: 0 auto;
text-align: right;
}
a {
margin-left: 2em;
color: #6fcdff;
font-weight: bold;
&:hover {
color: white;
}
}
}
div#rub_service {
div.previous-button button,
div.cancel-button button {
background: white;
border: 1px solid #aaa;
color: #666;
box-shadow: none;
font-weight: normal;
&:hover {
background: #eee;
}
}
form + br.quixoteform {
display: none;
}
}
#login-page,
body.page-index #columns {
margin-top: 1em;
}
.gru-content div.wcsformsofcategorycell {
background: transparent;
border: 0;
border-bottom: 1px solid #ccc;
h2 {
border: 0;
}
&.has-asset-picture {
h2 {
padding: 1.75ex 1.75ex 1.75ex 8.5ex;
min-height: 100px;
}
picture {
position: absolute;
display: block;
top: 0.5ex;
}
> div {
position: relative;
}
}
div.links-list {
background: $cell-background;
}
}
@media (max-width: $very-small-limit) {
div.buttons .widget {
flex-basis: 100%;
}
}