198 lines
3.5 KiB
SCSS
198 lines
3.5 KiB
SCSS
div#page {
|
|
margin: 0 60px;
|
|
background: #F1F1F1;
|
|
@media screen and ($max-mobile-viewport) {
|
|
margin: auto;
|
|
}
|
|
}
|
|
|
|
div#header {
|
|
max-width: none;
|
|
}
|
|
|
|
#logo a {
|
|
box-sizing: content-box;
|
|
padding-top: 10px;
|
|
display: inline-block;
|
|
background: url(logo_agglo.png) left center no-repeat;
|
|
height: 80px;
|
|
line-height: 80px;
|
|
padding-left: 360px;
|
|
padding-bottom: 20px;
|
|
color: #584F48;
|
|
font-weight: normal;
|
|
@media screen and ($max-mobile-viewport) {
|
|
width: 100%;
|
|
padding-left: 0;
|
|
overflow: hidden;
|
|
text-indent: -2000px;
|
|
}
|
|
}
|
|
|
|
#content div.cell.wcsformsofcategorycell {
|
|
@each $i in (camping, communication, culture, developpement-economique, eau-assainissement, emploi, environnement, famille, marches-publics, nous-contacter, piscine, services-urbanisme, spanc, transports) {
|
|
&.#{$i} h2 {
|
|
padding-left: 3em;
|
|
&:first-child {
|
|
background-image: url(images/#{$i}.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 5px;
|
|
background-size: contain;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
div#header-wrapper {
|
|
background: white;
|
|
}
|
|
|
|
#nav-wrapper {
|
|
background: #FAFAFA;
|
|
border-top: 1px solid transparent;
|
|
border-bottom: 1px solid #DADADA;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#content div.cell.textcell.no-bottom,
|
|
#content div.cell.linkcell.no-bottom {
|
|
margin-bottom: 0;
|
|
border-bottom: 0;
|
|
a {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
|
|
div#toplinks {
|
|
.toplinks--list-item:first-child a::before {
|
|
font-family: FontAwesome;
|
|
content: "\f007"; /* user */
|
|
padding-right: 1ex;
|
|
}
|
|
}
|
|
|
|
div.submit-button {
|
|
button::after {
|
|
content: '\f054'; /* fa-chevron-right */
|
|
font-family: FontAwesome;
|
|
font-size: 0.75em;
|
|
margin-left: 0.5em;
|
|
}
|
|
}
|
|
|
|
div.previous-button {
|
|
button::before {
|
|
content: '\f053'; /* fa-chevron-left */
|
|
font-family: FontAwesome;
|
|
font-size: 0.75em;
|
|
margin-right: 0.5em;
|
|
}
|
|
}
|
|
|
|
//Steps
|
|
.wcs-steps {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
div#footer {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
padding: 0 15px;
|
|
h2 {
|
|
margin: 15px 0;
|
|
font-weight: normal;
|
|
}
|
|
.communes {
|
|
p {
|
|
display: inline-block;
|
|
margin: 0px 3px 3px 0px;
|
|
a {
|
|
border: 1px solid #fff;
|
|
border-radius: 2px;
|
|
color: #fff;
|
|
font-size: 0.8rem;
|
|
padding: 5px 10px;
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
.liens-reseaux-sociaux ul {
|
|
margin: 1ex;
|
|
padding: 0;
|
|
li {
|
|
margin: 0 5px 5px 0;
|
|
display: inline-block;
|
|
a {
|
|
border: 1px solid #fff;
|
|
border-radius: 100%;
|
|
height: 50px;
|
|
width: 50px;
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 1.333rem;
|
|
&:before {
|
|
color: #fff;
|
|
line-height: 44px;
|
|
margin: 17px;
|
|
}
|
|
}
|
|
&.facebook {
|
|
a {
|
|
&::before {
|
|
content: "\f09a"; /* facebook */
|
|
font-family: FontAwesome;
|
|
}
|
|
&:hover {
|
|
background: #3b5998;
|
|
border-color: #3b5998;
|
|
}
|
|
}
|
|
}
|
|
&.twitter {
|
|
a {
|
|
&::before {
|
|
content: "\f099"; /* twitter */
|
|
font-family: FontAwesome;
|
|
}
|
|
&:hover {
|
|
background: #55acee;
|
|
border-color: #55acee;
|
|
}
|
|
}
|
|
}
|
|
&.instagram {
|
|
a {
|
|
&::before {
|
|
content: "\f16d"; /* instagram */
|
|
font-family: FontAwesome;
|
|
}
|
|
&:hover {
|
|
background: #517fa4;
|
|
border-color: #517fa4;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.adresse {
|
|
p {
|
|
&.map-marker::before {
|
|
margin-right: 5px;
|
|
content: "\f041"; /* map marker */
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|
}
|
|
&.mail {
|
|
a {
|
|
color: #fff;
|
|
text-decoration: underline;
|
|
}
|
|
&::before {
|
|
margin-right: 5px;
|
|
content: "\f003"; /* envelope */
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|