publik-base-theme/static/bouches-du-rhone/_custom.scss

155 lines
2.2 KiB
SCSS

.site-header {
position: absolute;
left: 15%;
top: 2rem;
z-index: 100;
@media screen and (max-width: $nav-mobile-limit) {
left: 5%;
}
#header {
display: none;
}
}
div#nav {
position: absolute;
top: 2rem;
left: 40%;
z-index: 100;
}
div#main-content-wrapper {
z-index: 0;
padding-top: 8rem;
}
.pwa-navigation div > ul li a span, .pwa-navigation div#nav ul li a span {
font-size: 0.75rem;
font-weight: bold;
text-transform: uppercase;
}
div.textcell h3, div#rub_service h3 {
color: $primary-color;
}
div.textcell h4, div#rub_service h4 {
color: $primary-color;
}
div#section-une {
box-sizing: content-box;
height: 300px;
padding: 2rem;
background-size: cover;
@media screen and ($max-mobile-viewport) {
height: auto;
}
div.cell#une {
position: relative;
float: left;
width: 50%;
background: white;
border-radius: 3px;
border: none;
opacity: 0.9;
padding: 2rem 4rem;
@media screen and ($max-mobile-viewport) {
float: none;
width: auto;
padding: 1rem 1rem;
}
h2 {
color: $title-color;
font-weight: 300;
text-transform: uppercase;
}
}
}
div#footer-wrapper {
max-width: $width;
margin: auto;
padding: 1rem;
.menucell {
padding-top: 1rem;
a {
text-transform: uppercase;
}
}
}
div.cd13_dossier_nom,
div.cd13_dossier_coordonnees,
div.cd13_dossier_entete,
div.cd13_dossier_demandes,
div.cd13_dossier_contacts {
& > div > div.loading {
padding: 0;
}
& > div > div {
padding: 1rem;
h3:first-child {
margin-top: 0;
}
h3, h4 {
color: $primary-color;
}
}
div.field {
margin: 0 0 0.5rem 0;
.label {
display: block;
font-weight: bold;
}
.value {
display: block;
padding-left: 0.5rem;
}
}
}
div.cd13_dossier_demandes {
table {
margin-top: 1rem;
}
}
div.cd13_dossier_contacts {
h4 {
clear: both;
padding-top: 1rem;
}
h3 + h4 {
padding-top: 0;
}
}
div.cell.cd13_liste_des_dossiers {
h2 + div {
padding-top: 0;
}
}
table.beneficiaires-rsa tr {
th {
font-size: 0.9em;
}
td {
font-size: 0.8em;
}
}
span.pastille-rouge {
border-radius: 0.7em;
padding: 0.2em 0.2em;
border: 1px solid red;
background-color: #fcc;
font-family: sans-serif;
color: #800;
}