153 lines
2.6 KiB
SCSS
153 lines
2.6 KiB
SCSS
@import '../includes/fonts/ubuntu';
|
|
|
|
body {
|
|
font-weight: 300;
|
|
}
|
|
|
|
#header-wrapper::before {
|
|
content: "";
|
|
height: 57px;
|
|
background: url(img/bg-menu.png);
|
|
display: block;
|
|
}
|
|
|
|
#toplinks {
|
|
top: -3rem;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
border: 0;
|
|
a {
|
|
color: #343434;
|
|
}
|
|
}
|
|
|
|
div#header h1#logo {
|
|
margin-top: -1rem;
|
|
display: inline-block;
|
|
position: absolute;
|
|
a {
|
|
background: url(img/saint-lo-agglo.png) bottom left no-repeat;
|
|
text-indent: -3000px;
|
|
display: block;
|
|
width: 271px;
|
|
height: 138px;
|
|
max-width: calc(100vw - 90px);
|
|
background-size: contain;
|
|
}
|
|
}
|
|
|
|
#top {
|
|
position: absolute;
|
|
width: 100%;
|
|
left: 0;
|
|
}
|
|
|
|
.site-nav {
|
|
border-bottom: 5px solid #ccc;
|
|
@media screen and ($max-mobile-viewport) {
|
|
border: 0;
|
|
}
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
div#nav {
|
|
margin-top: 40px;
|
|
margin-bottom: 30px;
|
|
text-transform: uppercase;
|
|
@media screen and ($max-mobile-viewport) {
|
|
margin-top: 120px;
|
|
}
|
|
> ul {
|
|
margin-left: 300px;
|
|
@media screen and ($max-mobile-viewport) {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and ($max-mobile-viewport) {
|
|
#toplinks span.sep {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
button.ui-button,
|
|
div#content button {
|
|
text-transform: uppercase;
|
|
transition: opacity ease 0.2s;
|
|
&:hover {
|
|
opacity: 0.8;
|
|
}
|
|
}
|
|
|
|
div#rub_service > h2,
|
|
div.cell h1 {
|
|
padding-left: 0;
|
|
text-align: left;
|
|
font-size: 2.5rem;
|
|
font-weight: 300;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
div#rub_service h2 {
|
|
text-align: left;
|
|
}
|
|
|
|
div#rub_service h2,
|
|
div#rub_service div.dataview, div#rub_service dl#evolutions, div#rub_service form {
|
|
padding-left: 0;
|
|
}
|
|
|
|
div.text-check-before-submit, ul#evolutions, div#content #disclose-dataview, div#receipt-intro {
|
|
margin-left: 0;
|
|
}
|
|
|
|
div.widget-with-error {
|
|
// don't give a red border to error fields
|
|
input, input[type="text"], input[type="email"],
|
|
input[type="password"], input[type="url"], input[type="tel"],
|
|
input[type="number"], input[type="search"], input[type="file"],
|
|
input[type="date"], input[type="datetime-local"],
|
|
input[type="month"], input[type="time"], input[type="week"],
|
|
textarea, select {
|
|
border-bottom-color: #AAA;
|
|
&:focus {
|
|
border-bottom-color: $button-background;
|
|
}
|
|
}
|
|
}
|
|
|
|
div#gauche {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
div.form-validation div.page {
|
|
background: transparent;
|
|
padding-left: 0;
|
|
}
|
|
|
|
div.cell.wcsformsofcategorycell {
|
|
h2.has-picture {
|
|
height: 100px;
|
|
background: transparent 10px 10px no-repeat;
|
|
padding-top: 35px;
|
|
background-size: 80px;
|
|
padding-left: 110px;
|
|
&::after {
|
|
top: 35px;
|
|
}
|
|
}
|
|
ul > li > a {
|
|
color: #cc0065;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
div.cell.fondgris {
|
|
background: #f2f2f2;
|
|
}
|
|
|
|
div.tableau-budget {
|
|
@extend .pk-budget-table;
|
|
}
|