0001-scss-all-themes-use-custom-mobile-and-desktop-medias.patch
| static/alfortville/_custom.scss | ||
|---|---|---|
| 164 | 164 | |
| 165 | 165 |
/* general responsiveness */ |
| 166 | 166 | |
| 167 |
@media screen and (max-width: $mobile-limit) {
|
|
| 167 |
@media screen and ($max-mobile-viewport) {
|
|
| 168 | 168 |
body {
|
| 169 | 169 |
width: 100% !important; |
| 170 | 170 |
min-width: auto !important; |
| static/alpes-maritimes-2018/_custom.scss | ||
|---|---|---|
| 11 | 11 |
border-right: 0; |
| 12 | 12 |
border-top: 0; |
| 13 | 13 |
border-bottom: 0; |
| 14 |
@media screen and (max-width: $mobile-limit) {
|
|
| 14 |
@media screen and ($max-mobile-viewport) {
|
|
| 15 | 15 |
padding-left: 15px; |
| 16 | 16 |
border-left: 0; |
| 17 | 17 |
} |
| ... | ... | |
| 26 | 26 |
bottom: 0; |
| 27 | 27 |
transform: skew(-25deg); |
| 28 | 28 |
border-left: $width solid $border-color; |
| 29 |
@media screen and (max-width: $mobile-limit) {
|
|
| 29 |
@media screen and ($max-mobile-viewport) {
|
|
| 30 | 30 |
display: none; |
| 31 | 31 |
} |
| 32 | 32 |
} |
| ... | ... | |
| 49 | 49 |
border: 0; |
| 50 | 50 |
box-shadow: none; |
| 51 | 51 |
padding: 1ex 0 0.3ex 0; |
| 52 |
@media screen and (max-width: $mobile-limit) {
|
|
| 52 |
@media screen and ($max-mobile-viewport) {
|
|
| 53 | 53 |
padding:0.3ex 0; |
| 54 | 54 |
} |
| 55 | 55 |
span {
|
| 56 | 56 |
a {
|
| 57 |
@media screen and (max-width: $mobile-limit) {
|
|
| 57 |
@media screen and ($max-mobile-viewport) {
|
|
| 58 | 58 |
text-indent: -9999px; |
| 59 | 59 |
} |
| 60 | 60 |
&:first-child {
|
| ... | ... | |
| 84 | 84 |
background-position: center left; |
| 85 | 85 |
background-repeat: no-repeat; |
| 86 | 86 |
height: 66px; |
| 87 |
@media screen and (max-width: $mobile-limit) {
|
|
| 87 |
@media screen and ($max-mobile-viewport) {
|
|
| 88 | 88 |
background-size: auto 75%; |
| 89 | 89 |
height: 80px; |
| 90 | 90 |
} |
| ... | ... | |
| 100 | 100 |
width: 275px; |
| 101 | 101 |
display: block; |
| 102 | 102 |
} |
| 103 |
@media screen and (max-width: $mobile-limit) {
|
|
| 103 |
@media screen and ($max-mobile-viewport) {
|
|
| 104 | 104 |
display: none; |
| 105 | 105 |
} |
| 106 | 106 |
} |
| ... | ... | |
| 131 | 131 |
display: block; |
| 132 | 132 |
width: 50%; |
| 133 | 133 |
margin: 0 auto; |
| 134 |
@media screen and (max-width: $mobile-limit) {
|
|
| 134 |
@media screen and ($max-mobile-viewport) {
|
|
| 135 | 135 |
width: auto; |
| 136 | 136 |
} |
| 137 | 137 |
} |
| ... | ... | |
| 148 | 148 |
div.homepage-header {
|
| 149 | 149 |
width: 55%; |
| 150 | 150 |
margin: 0 auto; |
| 151 |
@media screen and (max-width: $mobile-limit) {
|
|
| 151 |
@media screen and ($max-mobile-viewport) {
|
|
| 152 | 152 |
width: 100%; |
| 153 | 153 |
} |
| 154 | 154 |
} |
| ... | ... | |
| 184 | 184 |
display: inline; |
| 185 | 185 |
margin: 1ex 1em; |
| 186 | 186 |
@include trapesoid($border-color: $ternary-color, $background-color: $primary-color); |
| 187 |
@media screen and (max-width: $mobile-limit) {
|
|
| 187 |
@media screen and ($max-mobile-viewport) {
|
|
| 188 | 188 |
display: inline-block; |
| 189 | 189 |
} |
| 190 | 190 |
} |
| ... | ... | |
| 257 | 257 |
width: 50%; |
| 258 | 258 |
margin: 0 auto; |
| 259 | 259 |
@include trapesoid($ternary-color); |
| 260 |
@media screen and (max-width: $mobile-limit) {
|
|
| 260 |
@media screen and ($max-mobile-viewport) {
|
|
| 261 | 261 |
width: auto; |
| 262 | 262 |
} |
| 263 | 263 |
} |
| ... | ... | |
| 280 | 280 |
div.cell:first-child {
|
| 281 | 281 |
width: 50%; |
| 282 | 282 |
margin: 0 auto; |
| 283 |
@media screen and (max-width: $mobile-limit) {
|
|
| 283 |
@media screen and ($max-mobile-viewport) {
|
|
| 284 | 284 |
width: auto; |
| 285 | 285 |
} |
| 286 | 286 |
} |
| ... | ... | |
| 294 | 294 |
padding: 3ex 3em; |
| 295 | 295 |
div.cell {
|
| 296 | 296 |
width: 40%; |
| 297 |
@media screen and (max-width: $mobile-limit) {
|
|
| 297 |
@media screen and ($max-mobile-viewport) {
|
|
| 298 | 298 |
width: auto; |
| 299 | 299 |
} |
| 300 | 300 |
} |
| ... | ... | |
| 480 | 480 |
} |
| 481 | 481 |
} |
| 482 | 482 | |
| 483 |
@media (min-width: $mobile-limit + 1) {
|
|
| 483 |
@media ($min-desktop-viewport) {
|
|
| 484 | 484 |
@if ($form-sidebar-position == left or $form-sidebar-position == right) {
|
| 485 | 485 |
.wcs-step {
|
| 486 | 486 |
font-size: 1.25em; |
| ... | ... | |
| 521 | 521 |
span.marker {
|
| 522 | 522 |
background: $primary-color; |
| 523 | 523 |
color: #fff; |
| 524 |
@media screen and (max-width: $mobile-limit) {
|
|
| 524 |
@media screen and ($max-mobile-viewport) {
|
|
| 525 | 525 |
border-radius: 50%; |
| 526 | 526 |
} |
| 527 | 527 |
} |
| ... | ... | |
| 549 | 549 |
display: -ms-flex; |
| 550 | 550 |
@include vendor-prefix(justify-content, center); |
| 551 | 551 |
@include vendor-prefix(align-items, center); |
| 552 |
@media screen and (max-width: $mobile-limit) {
|
|
| 552 |
@media screen and ($max-mobile-viewport) {
|
|
| 553 | 553 |
font-size: 100%; |
| 554 | 554 |
background: #fff; |
| 555 | 555 |
color: $primary-color; |
| ... | ... | |
| 558 | 558 |
&.label {
|
| 559 | 559 |
text-align: center; |
| 560 | 560 |
font-size: 90%; |
| 561 |
@media screen and (max-width: $mobile-limit) {
|
|
| 561 |
@media screen and ($max-mobile-viewport) {
|
|
| 562 | 562 |
display: none; |
| 563 | 563 |
} |
| 564 | 564 |
} |
| ... | ... | |
| 612 | 612 |
ul {
|
| 613 | 613 |
margin-top: 0; |
| 614 | 614 |
} |
| 615 |
@media screen and (max-width: $mobile-limit) {
|
|
| 615 |
@media screen and ($max-mobile-viewport) {
|
|
| 616 | 616 |
text-align: left; |
| 617 | 617 |
} |
| 618 | 618 |
} |
| 619 | 619 | |
| 620 | 620 |
div.gru-nav {
|
| 621 | 621 |
> ul > li {
|
| 622 |
@media screen and (min-width: $mobile-limit) {
|
|
| 622 |
@media screen and ($min-desktop-viewport) {
|
|
| 623 | 623 |
&:not(:last-child)::after {
|
| 624 | 624 |
content: '/'; |
| 625 | 625 |
} |
| ... | ... | |
| 644 | 644 |
background: $footer-background url('img/footer.png') 64% 50%;
|
| 645 | 645 |
background-repeat: no-repeat; |
| 646 | 646 |
background-size: contain; |
| 647 |
@media screen and (max-width: $mobile-limit) {
|
|
| 647 |
@media screen and ($max-mobile-viewport) {
|
|
| 648 | 648 |
background: $footer-background url('img/footer-mobile.png') right bottom;
|
| 649 | 649 |
background-repeat: no-repeat; |
| 650 | 650 |
} |
| ... | ... | |
| 704 | 704 | |
| 705 | 705 |
#left, #right {
|
| 706 | 706 |
width: 48%; |
| 707 |
@media screen and (max-width: $mobile-limit) {
|
|
| 707 |
@media screen and ($max-mobile-viewport) {
|
|
| 708 | 708 |
width: auto; |
| 709 | 709 |
} |
| 710 | 710 |
} |
| ... | ... | |
| 731 | 731 |
.section-demarches div#page {
|
| 732 | 732 |
background: url('img/page-header.png') no-repeat;
|
| 733 | 733 |
background-position: center 170px; |
| 734 |
@media screen and (max-width: $mobile-limit) {
|
|
| 734 |
@media screen and ($max-mobile-viewport) {
|
|
| 735 | 735 |
background-position: center 110px; |
| 736 | 736 |
} |
| 737 | 737 |
div.cell.textcell:first-child {
|
| ... | ... | |
| 759 | 759 |
div#left, div#right {
|
| 760 | 760 |
width: 40%; |
| 761 | 761 |
margin-left: 4em; |
| 762 |
@media screen and (max-width: $mobile-limit) {
|
|
| 762 |
@media screen and ($max-mobile-viewport) {
|
|
| 763 | 763 |
width: 100%; |
| 764 | 764 |
margin: 0; |
| 765 | 765 |
} |
| ... | ... | |
| 808 | 808 |
float: none; |
| 809 | 809 |
width: 80%; |
| 810 | 810 |
color: #fff; |
| 811 |
@media screen and (max-width: $mobile-limit) {
|
|
| 811 |
@media screen and ($max-mobile-viewport) {
|
|
| 812 | 812 |
width: 100%; |
| 813 | 813 |
margin: 0; |
| 814 | 814 |
} |
| ... | ... | |
| 882 | 882 |
margin: 3ex 1em; |
| 883 | 883 |
vertical-align: middle; |
| 884 | 884 |
box-sizing: border-box; |
| 885 |
@media screen and (max-width: $mobile-limit) {
|
|
| 885 |
@media screen and ($max-mobile-viewport) {
|
|
| 886 | 886 |
padding: 0 1em; |
| 887 | 887 |
margin: 3ex 0; |
| 888 | 888 |
width: 100%; |
| ... | ... | |
| 968 | 968 |
width: 380px; |
| 969 | 969 |
display: inline-block; |
| 970 | 970 |
text-align: center; |
| 971 |
@media screen and (max-width: $mobile-limit) {
|
|
| 971 |
@media screen and ($max-mobile-viewport) {
|
|
| 972 | 972 |
width: auto; |
| 973 | 973 |
} |
| 974 | 974 |
} |
| static/amiens-metropole/_custom.scss | ||
|---|---|---|
| 173 | 173 |
} |
| 174 | 174 |
} |
| 175 | 175 |
} |
| 176 |
@media screen and (max-width: $mobile-limit) {
|
|
| 176 |
@media screen and ($max-mobile-viewport) {
|
|
| 177 | 177 |
#main-content-wrapper #main-content #content .wide-container {
|
| 178 | 178 |
&.topbanner-wrapper {
|
| 179 | 179 |
height: 350px; |
| static/amiens-metropole/_forms.scss | ||
|---|---|---|
| 36 | 36 |
input, textarea {
|
| 37 | 37 |
@extend %input-style; |
| 38 | 38 | |
| 39 |
@media screen and (max-width: $mobile-limit) {
|
|
| 39 |
@media screen and ($max-mobile-viewport) {
|
|
| 40 | 40 |
max-width: 100%; |
| 41 | 41 |
} |
| 42 | 42 | |
| ... | ... | |
| 216 | 216 |
} |
| 217 | 217 | |
| 218 | 218 | |
| 219 |
@media screen and (min-width: $mobile-limit+1px) {
|
|
| 219 |
@media screen and ($min-desktop-viewport) {
|
|
| 220 | 220 |
#page #main-content-wrapper #main-content #content #columns {
|
| 221 | 221 |
@include flex-direction(row); |
| 222 | 222 |
} |
| 223 | 223 |
} |
| 224 | 224 | |
| 225 |
@media screen and (max-width: $mobile-limit) {
|
|
| 225 |
@media screen and ($max-mobile-viewport) {
|
|
| 226 | 226 |
#page #main-content-wrapper #main-content #content #columns {
|
| 227 | 227 |
@include flex-direction(column); |
| 228 | 228 | |
| static/amiens-metropole/_header.scss | ||
|---|---|---|
| 172 | 172 |
} |
| 173 | 173 |
} |
| 174 | 174 |
} |
| 175 |
@media screen and (min-width: $mobile-limit+1px) {
|
|
| 175 |
@media screen and ($min-desktop-viewport) {
|
|
| 176 | 176 |
.site-header {
|
| 177 | 177 |
height: $header-height; |
| 178 | 178 | |
| ... | ... | |
| 186 | 186 |
} |
| 187 | 187 |
} |
| 188 | 188 | |
| 189 |
@media screen and (max-width: $mobile-limit) {
|
|
| 189 |
@media screen and ($max-mobile-viewport) {
|
|
| 190 | 190 |
.site-header {
|
| 191 | 191 |
height: $header-height * 2; |
| 192 | 192 | |
| static/amiens-metropole/_layout.scss | ||
|---|---|---|
| 67 | 67 |
} |
| 68 | 68 |
} |
| 69 | 69 | |
| 70 |
@media screen and (max-width: $mobile-limit) {
|
|
| 70 |
@media screen and ($max-mobile-viewport) {
|
|
| 71 | 71 |
.pull-right {
|
| 72 | 72 |
width: 100%; |
| 73 | 73 |
} |
| static/arles/_custom.scss | ||
|---|---|---|
| 62 | 62 |
@media only screen and (max-width: $small-screen) {
|
| 63 | 63 |
display: none; |
| 64 | 64 |
} |
| 65 |
@media only screen and (max-width: $mobile-limit) {
|
|
| 65 |
@media only screen and ($max-mobile-viewport) {
|
|
| 66 | 66 |
margin: 0; |
| 67 | 67 |
} |
| 68 | 68 |
a {
|
| ... | ... | |
| 155 | 155 |
min-width: 400px; |
| 156 | 156 |
margin: 10px auto; |
| 157 | 157 |
border: 1px solid #ccc; |
| 158 |
@media screen and (max-width: $mobile-limit) {
|
|
| 158 |
@media screen and ($max-mobile-viewport) {
|
|
| 159 | 159 |
width: 80%; |
| 160 | 160 |
} |
| 161 | 161 |
@media screen and (max-width: 479px) {
|
| ... | ... | |
| 319 | 319 |
text-align:center; |
| 320 | 320 |
img { width: 50px; height: 50px; }
|
| 321 | 321 |
} |
| 322 |
@media screen and (max-width: $mobile-limit) {
|
|
| 322 |
@media screen and ($max-mobile-viewport) {
|
|
| 323 | 323 |
margin-bottom: 1em; |
| 324 | 324 |
&:nth-child(2n) { clear: left; }
|
| 325 | 325 |
} |
| ... | ... | |
| 331 | 331 |
width:30%; |
| 332 | 332 |
min-width: 170px; |
| 333 | 333 |
} |
| 334 |
@media screen and (max-width: $mobile-limit) {
|
|
| 334 |
@media screen and ($max-mobile-viewport) {
|
|
| 335 | 335 |
span { display: block; }
|
| 336 | 336 |
} |
| 337 | 337 |
} |
| ... | ... | |
| 541 | 541 |
} |
| 542 | 542 | |
| 543 | 543 |
&--label {
|
| 544 |
@media ($mq-min--wcs-steps-horizontal-layout) and (max-width: $mobile-limit) {
|
|
| 544 |
@media ($mq-min--wcs-steps-horizontal-layout) and ($max-mobile-viewport) {
|
|
| 545 | 545 |
color: $primary-color; |
| 546 | 546 |
} |
| 547 | 547 |
} |
| ... | ... | |
| 580 | 580 |
font-size: 200%; |
| 581 | 581 |
} |
| 582 | 582 |
} |
| 583 |
@media screen and (max-width: $mobile-limit) {
|
|
| 583 |
@media screen and ($max-mobile-viewport) {
|
|
| 584 | 584 |
td {
|
| 585 | 585 |
padding: 3px; |
| 586 | 586 |
} |
| static/arpajon/_custom.scss | ||
|---|---|---|
| 13 | 13 |
position: relative; |
| 14 | 14 |
left: -1rem; |
| 15 | 15 |
padding-left: 370px; |
| 16 |
@media screen and (max-width: $mobile-limit) {
|
|
| 16 |
@media screen and ($max-mobile-viewport) {
|
|
| 17 | 17 |
padding-left: 0; |
| 18 | 18 |
max-width: 90%; |
| 19 | 19 |
background-size: contain; |
| ... | ... | |
| 60 | 60 |
box-sizing: border-box; |
| 61 | 61 |
} |
| 62 | 62 | |
| 63 |
@media screen and (max-width: $mobile-limit) {
|
|
| 63 |
@media screen and ($max-mobile-viewport) {
|
|
| 64 | 64 |
#header #top #logo a {
|
| 65 | 65 |
display: block; |
| 66 | 66 |
height: 75px; |
| static/auch/_custom.scss | ||
|---|---|---|
| 8 | 8 | |
| 9 | 9 |
h1#logo a {
|
| 10 | 10 |
background: url(img/logo.png) no-repeat left bottom; |
| 11 |
@media screen and (max-width: $mobile-limit) {
|
|
| 11 |
@media screen and ($max-mobile-viewport) {
|
|
| 12 | 12 |
background-size: contain; |
| 13 | 13 |
} |
| 14 | 14 |
display: block; |
| ... | ... | |
| 32 | 32 |
} |
| 33 | 33 | |
| 34 | 34 |
div#top-social {
|
| 35 |
@media screen and (max-width: $mobile-limit) {
|
|
| 35 |
@media screen and ($max-mobile-viewport) {
|
|
| 36 | 36 |
display: none; |
| 37 | 37 |
} |
| 38 | 38 |
position: absolute; |
| static/beaulieu/_custom.scss | ||
|---|---|---|
| 17 | 17 |
line-height: 120px; |
| 18 | 18 |
padding-left: 260px; |
| 19 | 19 |
} |
| 20 |
@media screen and (max-width: $mobile-limit) {
|
|
| 20 |
@media screen and ($max-mobile-viewport) {
|
|
| 21 | 21 |
padding-left: 0; |
| 22 | 22 |
padding-top: 50px; |
| 23 | 23 |
a {
|
| ... | ... | |
| 34 | 34 |
background: url(img/fond_fixe.jpg) top center no-repeat; |
| 35 | 35 |
} |
| 36 | 36 | |
| 37 |
@media screen and (max-width: $mobile-limit) {
|
|
| 37 |
@media screen and ($max-mobile-viewport) {
|
|
| 38 | 38 |
div#nav-wrapper {
|
| 39 | 39 |
background: inherit; |
| 40 | 40 |
} |
| ... | ... | |
| 61 | 61 |
display: inline-block; |
| 62 | 62 |
color: $font-color; |
| 63 | 63 |
padding: 10px 10px 15px 10px; |
| 64 |
@media screen and (max-width: $mobile-limit) {
|
|
| 64 |
@media screen and ($max-mobile-viewport) {
|
|
| 65 | 65 |
font-size: 80%; |
| 66 | 66 |
} |
| 67 | 67 |
} |
| 68 |
@media screen and (max-width: $mobile-limit) {
|
|
| 68 |
@media screen and ($max-mobile-viewport) {
|
|
| 69 | 69 |
left: 0; |
| 70 | 70 |
right: 0; |
| 71 | 71 |
max-width: none; |
| ... | ... | |
| 75 | 75 |
div#main-content {
|
| 76 | 76 |
background: white; |
| 77 | 77 |
padding: 20px 10px 0 10px; |
| 78 |
@media screen and (max-width: $mobile-limit) {
|
|
| 78 |
@media screen and ($max-mobile-viewport) {
|
|
| 79 | 79 |
padding: 20px 0 0 0; |
| 80 | 80 |
} |
| 81 | 81 |
} |
| static/blois-2018/_custom.scss | ||
|---|---|---|
| 7 | 7 |
div#header {
|
| 8 | 8 |
display: flex; |
| 9 | 9 |
padding: 0; |
| 10 |
@media screen and (max-width: $mobile-limit) {
|
|
| 10 |
@media screen and ($max-mobile-viewport) {
|
|
| 11 | 11 |
display: block; |
| 12 | 12 |
height: auto; |
| 13 | 13 |
min-height: 150px; |
| ... | ... | |
| 19 | 19 |
box-sizing: border-box; |
| 20 | 20 |
padding: 20px 30px 20px 20px; |
| 21 | 21 |
text-transform: uppercase; |
| 22 |
@media screen and (max-width: $mobile-limit) {
|
|
| 22 |
@media screen and ($max-mobile-viewport) {
|
|
| 23 | 23 |
padding-top: 25px; |
| 24 | 24 |
} |
| 25 | 25 |
width: 100%; |
| ... | ... | |
| 35 | 35 |
border: none; |
| 36 | 36 |
background: none; |
| 37 | 37 |
top: 20px; |
| 38 |
@media screen and (max-width: $mobile-limit) {
|
|
| 38 |
@media screen and ($max-mobile-viewport) {
|
|
| 39 | 39 |
top: 0; |
| 40 | 40 |
left: 0; |
| 41 | 41 |
right: 0; |
| ... | ... | |
| 61 | 61 |
.page-template-homepage_1col div#header, |
| 62 | 62 |
.page-template-homepage div#header {
|
| 63 | 63 |
height: $header-height; |
| 64 |
@media screen and (max-width: $mobile-limit) {
|
|
| 64 |
@media screen and ($max-mobile-viewport) {
|
|
| 65 | 65 |
display: block; |
| 66 | 66 |
height: auto; |
| 67 | 67 |
} |
| ... | ... | |
| 79 | 79 |
padding: 0.5ex 1ex; |
| 80 | 80 |
display: inline-block; |
| 81 | 81 |
} |
| 82 |
@media screen and (max-width: $mobile-limit) {
|
|
| 82 |
@media screen and ($max-mobile-viewport) {
|
|
| 83 | 83 |
display: none; |
| 84 | 84 |
} |
| 85 | 85 |
} |
| ... | ... | |
| 92 | 92 |
flex-grow: 1; |
| 93 | 93 |
height: $header-height; |
| 94 | 94 |
text-align: center; |
| 95 |
@media screen and (max-width: $mobile-limit) {
|
|
| 95 |
@media screen and ($max-mobile-viewport) {
|
|
| 96 | 96 |
height: auto; |
| 97 | 97 |
background-size: cover; |
| 98 | 98 |
padding-top: 3rem; |
| ... | ... | |
| 105 | 105 |
display: block; |
| 106 | 106 |
width: 37rem; |
| 107 | 107 |
margin: $header-height / 3 auto 0 auto; |
| 108 |
@media screen and (max-width: $mobile-limit) {
|
|
| 108 |
@media screen and ($max-mobile-viewport) {
|
|
| 109 | 109 |
width: 80%; |
| 110 | 110 |
margin-top: 0; |
| 111 | 111 |
} |
| ... | ... | |
| 118 | 118 |
} |
| 119 | 119 |
h1 {
|
| 120 | 120 |
font-size: 40px; |
| 121 |
@media screen and (max-width: $mobile-limit) {
|
|
| 121 |
@media screen and ($max-mobile-viewport) {
|
|
| 122 | 122 |
padding-left: 0; |
| 123 | 123 |
font-size: 30px; |
| 124 | 124 |
} |
| ... | ... | |
| 126 | 126 |
h2 {
|
| 127 | 127 |
font-size: 20px; |
| 128 | 128 |
font-weight: normal; |
| 129 |
@media screen and (max-width: $mobile-limit) {
|
|
| 129 |
@media screen and ($max-mobile-viewport) {
|
|
| 130 | 130 |
font-size: 18px; |
| 131 | 131 |
margin: 0; |
| 132 | 132 |
} |
| ... | ... | |
| 146 | 146 |
div#content {
|
| 147 | 147 |
padding-top: 1em; |
| 148 | 148 |
min-height: calc(100vh - 200px); |
| 149 |
@media screen and (max-width: $mobile-limit) {
|
|
| 149 |
@media screen and ($max-mobile-viewport) {
|
|
| 150 | 150 |
padding-top: 0; |
| 151 | 151 |
} |
| 152 | 152 |
} |
| ... | ... | |
| 200 | 200 |
} |
| 201 | 201 |
} |
| 202 | 202 | |
| 203 |
@media screen and (max-width: $mobile-limit) {
|
|
| 203 |
@media screen and ($max-mobile-viewport) {
|
|
| 204 | 204 |
margin: 0; |
| 205 | 205 |
} |
| 206 | 206 | |
| ... | ... | |
| 243 | 243 |
left: $sidebar-width; |
| 244 | 244 |
padding: 1rem; |
| 245 | 245 |
box-sizing: border-box; |
| 246 |
@media screen and (max-width: $mobile-limit) {
|
|
| 246 |
@media screen and ($max-mobile-viewport) {
|
|
| 247 | 247 |
position: static; |
| 248 | 248 |
width: auto; |
| 249 | 249 |
} |
| ... | ... | |
| 271 | 271 |
color: #3b4758; |
| 272 | 272 |
display: block; |
| 273 | 273 |
} |
| 274 |
@media screen and (max-width: $mobile-limit) {
|
|
| 274 |
@media screen and ($max-mobile-viewport) {
|
|
| 275 | 275 |
display: block; |
| 276 | 276 |
width: auto; |
| 277 | 277 |
} |
| ... | ... | |
| 305 | 305 | |
| 306 | 306 |
#nav {
|
| 307 | 307 |
padding-left: $sidebar-width; |
| 308 |
@media screen and (max-width: $mobile-limit) {
|
|
| 308 |
@media screen and ($max-mobile-viewport) {
|
|
| 309 | 309 |
padding-left: 0; |
| 310 | 310 |
} |
| 311 | 311 |
box-sizing: border-box; |
| ... | ... | |
| 314 | 314 |
ul {
|
| 315 | 315 |
margin: 0; |
| 316 | 316 |
} |
| 317 |
@media screen and (max-width: $mobile-limit) {
|
|
| 317 |
@media screen and ($max-mobile-viewport) {
|
|
| 318 | 318 |
text-align: left; |
| 319 | 319 |
} |
| 320 | 320 |
} |
| ... | ... | |
| 337 | 337 | |
| 338 | 338 |
background-position: right 40px top 20px, right 130px top 20px, right 270px top 20px, right 0px top 0px; |
| 339 | 339 |
position: absolute; |
| 340 |
@media screen and (max-width: $mobile-limit) {
|
|
| 340 |
@media screen and ($max-mobile-viewport) {
|
|
| 341 | 341 |
background-image: url(img/cias.png), url(img/agglo-blois.png), url(img/blois.png); |
| 342 | 342 |
background-position: right 40px top 20px, right 130px top 20px, right 270px top 20px; |
| 343 | 343 |
position: static; |
| ... | ... | |
| 351 | 351 |
padding: 1rem 0 1rem 0; |
| 352 | 352 |
div.textcell {
|
| 353 | 353 |
padding-left: $sidebar-width; |
| 354 |
@media screen and (max-width: $mobile-limit) {
|
|
| 354 |
@media screen and ($max-mobile-viewport) {
|
|
| 355 | 355 |
padding-left: 0; |
| 356 | 356 |
} |
| 357 | 357 |
a {
|
| ... | ... | |
| 370 | 370 |
padding-top: 0; |
| 371 | 371 |
background: linear-gradient(to left, rgba(1, 1, 1, 0.1) 0%, rgba(0, 0, 0, 0) 20px); |
| 372 | 372 |
min-height: 100%; |
| 373 |
@media screen and (max-width: $mobile-limit) {
|
|
| 373 |
@media screen and ($max-mobile-viewport) {
|
|
| 374 | 374 |
min-height: 0; |
| 375 | 375 |
background: none; |
| 376 | 376 |
width: auto; |
| ... | ... | |
| 487 | 487 |
div#rub_service {
|
| 488 | 488 |
margin-top: 0; |
| 489 | 489 |
padding: 0 3rem; |
| 490 |
@media screen and (max-width: $mobile-limit) {
|
|
| 490 |
@media screen and ($max-mobile-viewport) {
|
|
| 491 | 491 |
padding: 0 0.5rem; |
| 492 | 492 |
box-sizing: border-box; |
| 493 | 493 |
} |
| static/bouches-du-rhone/_custom.scss | ||
|---|---|---|
| 46 | 46 |
height: 300px; |
| 47 | 47 |
padding: 2rem; |
| 48 | 48 |
background-size: cover; |
| 49 |
@media screen and (max-width: $mobile-limit) {
|
|
| 49 |
@media screen and ($max-mobile-viewport) {
|
|
| 50 | 50 |
height: auto; |
| 51 | 51 |
} |
| 52 | 52 |
div.cell#une {
|
| ... | ... | |
| 59 | 59 |
border: none; |
| 60 | 60 |
opacity: 0.9; |
| 61 | 61 |
padding: 2rem 4rem; |
| 62 |
@media screen and (max-width: $mobile-limit) {
|
|
| 62 |
@media screen and ($max-mobile-viewport) {
|
|
| 63 | 63 |
float: none; |
| 64 | 64 |
width: auto; |
| 65 | 65 |
padding: 1rem 1rem; |
| static/calvados-cd14/_custom.scss | ||
|---|---|---|
| 125 | 125 |
nav::after {
|
| 126 | 126 |
transition: all ease 0.2s; |
| 127 | 127 |
top: calc(#{$toplinks-height} + #{$nav-padding} + #{$font-size * 3});
|
| 128 |
@media screen and (max-width: $mobile-limit) {
|
|
| 128 |
@media screen and ($max-mobile-viewport) {
|
|
| 129 | 129 |
top: -16px; |
| 130 | 130 |
height: 100px; |
| 131 | 131 |
} |
| ... | ... | |
| 146 | 146 |
padding-top: 0; |
| 147 | 147 |
padding-bottom: 0; |
| 148 | 148 |
} |
| 149 |
@media screen and (max-width: $mobile-limit) {
|
|
| 149 |
@media screen and ($max-mobile-viewport) {
|
|
| 150 | 150 |
margin-bottom: 1rem; |
| 151 | 151 |
} |
| 152 | 152 |
} |
| ... | ... | |
| 156 | 156 | |
| 157 | 157 |
&.has-picture nav::after {
|
| 158 | 158 |
top: calc(#{$nav-padding} + #{$font-size * 3});
|
| 159 |
@media screen and (max-width: $mobile-limit) {
|
|
| 159 |
@media screen and ($max-mobile-viewport) {
|
|
| 160 | 160 |
top: -16px; |
| 161 | 161 |
} |
| 162 | 162 |
} |
| ... | ... | |
| 170 | 170 |
font-size: 90%; |
| 171 | 171 |
} |
| 172 | 172 | |
| 173 |
@media screen and (max-width: $mobile-limit) {
|
|
| 173 |
@media screen and ($max-mobile-viewport) {
|
|
| 174 | 174 |
div#nav, .site-header {
|
| 175 | 175 |
text-align: left; |
| 176 | 176 |
position: static; |
| static/castelnau-le-lez/_custom.scss | ||
|---|---|---|
| 27 | 27 |
text-indent: -1000px; |
| 28 | 28 |
overflow: hidden; |
| 29 | 29 |
} |
| 30 |
@media screen and (max-width: $mobile-limit) {
|
|
| 30 |
@media screen and ($max-mobile-viewport) {
|
|
| 31 | 31 |
padding-left: 0; |
| 32 | 32 |
width: 100%; |
| 33 | 33 |
} |
| ... | ... | |
| 84 | 84 |
color: black; |
| 85 | 85 |
padding: 5px 10px 10px 10px; |
| 86 | 86 |
} |
| 87 |
@media screen and (max-width: $mobile-limit) {
|
|
| 87 |
@media screen and ($max-mobile-viewport) {
|
|
| 88 | 88 |
left: 0; |
| 89 | 89 |
right: 0; |
| 90 | 90 |
max-width: none; |
| ... | ... | |
| 103 | 103 | |
| 104 | 104 |
.wcs-steps {
|
| 105 | 105 |
position: relative; |
| 106 |
@media ($mq-min--wcs-steps-horizontal-layout) and (max-width: $mobile-limit) {
|
|
| 106 |
@media ($mq-min--wcs-steps-horizontal-layout) and ($max-mobile-viewport) {
|
|
| 107 | 107 |
padding: 0.5em; |
| 108 | 108 |
} |
| 109 | 109 |
} |
| static/castries-2020/_custom.scss | ||
|---|---|---|
| 17 | 17 |
overflow: hidden; |
| 18 | 18 |
} |
| 19 | 19 |
} |
| 20 |
@media screen and (max-width: $mobile-limit) {
|
|
| 20 |
@media screen and ($max-mobile-viewport) {
|
|
| 21 | 21 |
background: none; |
| 22 | 22 |
padding-left: 0; |
| 23 | 23 |
a {
|
| ... | ... | |
| 38 | 38 |
} |
| 39 | 39 |
} |
| 40 | 40 | |
| 41 |
@media screen and (max-width: $mobile-limit) {
|
|
| 41 |
@media screen and ($max-mobile-viewport) {
|
|
| 42 | 42 |
.gru-nav-wrapper {
|
| 43 | 43 |
margin-top: -40px; |
| 44 | 44 |
} |
| static/castries/_custom.scss | ||
|---|---|---|
| 3 | 3 |
background-attachment: fixed; |
| 4 | 4 |
background-size: cover; |
| 5 | 5 |
padding: 50px 0 20px 0; |
| 6 |
@media screen and (max-width: $mobile-limit) {
|
|
| 6 |
@media screen and ($max-mobile-viewport) {
|
|
| 7 | 7 |
padding: 0; |
| 8 | 8 |
} |
| 9 | 9 |
} |
| ... | ... | |
| 17 | 17 |
.site-header, nav, #main-content-wrapper {
|
| 18 | 18 |
box-sizing: border-box; |
| 19 | 19 |
padding: 0 20px; |
| 20 |
@media screen and (max-width: $mobile-limit) {
|
|
| 20 |
@media screen and ($max-mobile-viewport) {
|
|
| 21 | 21 |
padding: 0; |
| 22 | 22 |
} |
| 23 | 23 |
} |
| ... | ... | |
| 33 | 33 |
text-indent: -1000px; |
| 34 | 34 |
overflow: hidden; |
| 35 | 35 |
} |
| 36 |
@media screen and (max-width: $mobile-limit) {
|
|
| 36 |
@media screen and ($max-mobile-viewport) {
|
|
| 37 | 37 |
padding-left: 0; |
| 38 | 38 |
a {
|
| 39 | 39 |
width: 100%; |
| ... | ... | |
| 52 | 52 |
border-radius: 0 0 2 * $border-radius 2 * $border-radius; |
| 53 | 53 |
} |
| 54 | 54 | |
| 55 |
@media screen and (max-width: $mobile-limit) {
|
|
| 55 |
@media screen and ($max-mobile-viewport) {
|
|
| 56 | 56 |
.gru-nav-wrapper {
|
| 57 | 57 |
margin-top: -40px; |
| 58 | 58 |
} |
| static/chateauroux/_custom.scss | ||
|---|---|---|
| 23 | 23 |
border-top: 40px solid #3F3F3F; |
| 24 | 24 |
background: url(header-bg.png) no-repeat 50% 0; |
| 25 | 25 |
height: 120px; |
| 26 |
@media screen and (max-width: $mobile-limit) {
|
|
| 26 |
@media screen and ($max-mobile-viewport) {
|
|
| 27 | 27 |
height: 130px; |
| 28 | 28 |
} |
| 29 | 29 |
} |
| ... | ... | |
| 42 | 42 |
a {
|
| 43 | 43 |
padding-left: 120px; |
| 44 | 44 |
color: #0779b7; |
| 45 |
@media screen and (max-width: $mobile-limit) {
|
|
| 45 |
@media screen and ($max-mobile-viewport) {
|
|
| 46 | 46 |
padding-left: 100px; |
| 47 | 47 |
} |
| 48 | 48 |
} |
| ... | ... | |
| 71 | 71 |
font-weight: bold; |
| 72 | 72 |
} |
| 73 | 73 | |
| 74 |
@media screen and (max-width: $mobile-limit) {
|
|
| 74 |
@media screen and ($max-mobile-viewport) {
|
|
| 75 | 75 |
#toplinks {
|
| 76 | 76 |
max-width: none; |
| 77 | 77 |
} |
| static/clapiers/_custom.scss | ||
|---|---|---|
| 16 | 16 |
text-indent: -1000px; |
| 17 | 17 |
overflow: hidden; |
| 18 | 18 |
} |
| 19 |
@media screen and (max-width: $mobile-limit) {
|
|
| 19 |
@media screen and ($max-mobile-viewport) {
|
|
| 20 | 20 |
padding-top: 80px; |
| 21 | 21 |
padding-left: 0; |
| 22 | 22 |
a {
|
| ... | ... | |
| 51 | 51 |
} |
| 52 | 52 |
} |
| 53 | 53 | |
| 54 |
@media screen and (max-width: $mobile-limit) {
|
|
| 54 |
@media screen and ($max-mobile-viewport) {
|
|
| 55 | 55 |
.gru-nav-wrapper {
|
| 56 | 56 |
margin-top: -80px; |
| 57 | 57 |
} |
| static/clapotis-les-canards/_custom.scss | ||
|---|---|---|
| 16 | 16 |
} |
| 17 | 17 |
} |
| 18 | 18 | |
| 19 |
@media screen and (max-width: $mobile-limit) {
|
|
| 19 |
@media screen and ($max-mobile-viewport) {
|
|
| 20 | 20 |
#header #top #logo a {
|
| 21 | 21 |
display: block; |
| 22 | 22 |
height: 75px; |
| static/clermont-metropole/_custom.scss | ||
|---|---|---|
| 9 | 9 |
display: block; |
| 10 | 10 |
text-indent: -9999px; |
| 11 | 11 |
height: 50px; |
| 12 |
@media screen and (max-width: $mobile-limit) {
|
|
| 12 |
@media screen and ($max-mobile-viewport) {
|
|
| 13 | 13 |
background-position: center center; |
| 14 | 14 |
background-size: contain; |
| 15 | 15 |
padding-top: 15px; |
| ... | ... | |
| 23 | 23 |
top: -40px; |
| 24 | 24 |
background: transparent; |
| 25 | 25 |
border: 0; |
| 26 |
@media screen and (max-width: $mobile-limit) {
|
|
| 26 |
@media screen and ($max-mobile-viewport) {
|
|
| 27 | 27 |
padding-top: 0; |
| 28 | 28 |
} |
| 29 | 29 |
a {
|
| 30 | 30 |
color: #ffffff; |
| 31 | 31 |
} |
| 32 | 32 |
span.connected-user {
|
| 33 |
@media screen and (max-width: $mobile-limit) {
|
|
| 33 |
@media screen and ($max-mobile-viewport) {
|
|
| 34 | 34 |
display: none; |
| 35 | 35 |
} |
| 36 | 36 |
} |
| ... | ... | |
| 41 | 41 |
margin: 0 0.6%; |
| 42 | 42 |
width: 193px; |
| 43 | 43 |
text-align: center; |
| 44 |
@media screen and (max-width: $mobile-limit) {
|
|
| 44 |
@media screen and ($max-mobile-viewport) {
|
|
| 45 | 45 |
width: auto; |
| 46 | 46 |
text-align: left; |
| 47 | 47 |
margin: 0; |
| ... | ... | |
| 111 | 111 |
text-transform: uppercase; |
| 112 | 112 |
margin-bottom: 20px; |
| 113 | 113 |
width: 50%; |
| 114 |
@media screen and (max-width: $mobile-limit) {
|
|
| 114 |
@media screen and ($max-mobile-viewport) {
|
|
| 115 | 115 |
width: 100%; |
| 116 | 116 |
} |
| 117 | 117 |
} |
| ... | ... | |
| 126 | 126 |
} |
| 127 | 127 | |
| 128 | 128 |
div#footer-wrapper {
|
| 129 |
@media screen and (max-width: $mobile-limit) {
|
|
| 129 |
@media screen and ($max-mobile-viewport) {
|
|
| 130 | 130 |
display: none; |
| 131 | 131 |
} |
| 132 | 132 |
} |
| ... | ... | |
| 139 | 139 |
display: none; |
| 140 | 140 |
} |
| 141 | 141 |
ul {
|
| 142 |
@media screen and (max-width: $mobile-limit) {
|
|
| 142 |
@media screen and ($max-mobile-viewport) {
|
|
| 143 | 143 |
margin-top: 0; |
| 144 | 144 |
} |
| 145 | 145 |
} |
| static/clisson-sevre-et-maine-agglo/_custom.scss | ||
|---|---|---|
| 1 | 1 |
div#page {
|
| 2 | 2 |
margin: 0 60px; |
| 3 | 3 |
background: #F1F1F1; |
| 4 |
@media screen and (max-width: $mobile-limit) {
|
|
| 4 |
@media screen and ($max-mobile-viewport) {
|
|
| 5 | 5 |
margin: auto; |
| 6 | 6 |
} |
| 7 | 7 |
} |
| ... | ... | |
| 20 | 20 |
padding-bottom: 20px; |
| 21 | 21 |
color: $title-color; |
| 22 | 22 |
font-weight: normal; |
| 23 |
@media screen and (max-width: $mobile-limit) {
|
|
| 23 |
@media screen and ($max-mobile-viewport) {
|
|
| 24 | 24 |
width: 100%; |
| 25 | 25 |
padding-left: 0; |
| 26 | 26 |
overflow: hidden; |
| static/clisson/_custom.scss | ||
|---|---|---|
| 1 | 1 |
h1#logo {
|
| 2 |
@media screen and (max-width: $mobile-limit) {
|
|
| 2 |
@media screen and ($max-mobile-viewport) {
|
|
| 3 | 3 |
overflow: hidden; |
| 4 | 4 |
} |
| 5 | 5 |
} |
| ... | ... | |
| 12 | 12 |
line-height: 80px; |
| 13 | 13 |
padding-left: 250px; |
| 14 | 14 |
color: $title-color; |
| 15 |
@media screen and (max-width: $mobile-limit) {
|
|
| 15 |
@media screen and ($max-mobile-viewport) {
|
|
| 16 | 16 |
overflow: hidden; |
| 17 | 17 |
text-indent: -2000px; |
| 18 | 18 |
} |
| static/cnil/_custom.scss | ||
|---|---|---|
| 8 | 8 | |
| 9 | 9 |
body {
|
| 10 | 10 |
background: $lightgray; |
| 11 |
@media screen and (max-width: $mobile-limit) {
|
|
| 11 |
@media screen and ($max-mobile-viewport) {
|
|
| 12 | 12 |
background: white; |
| 13 | 13 |
} |
| 14 | 14 |
h1, h2, h3 {
|
| ... | ... | |
| 19 | 19 |
.site-header {
|
| 20 | 20 |
background: white; |
| 21 | 21 |
border-top: 40px solid #444444; |
| 22 |
@media screen and (max-width: $mobile-limit) {
|
|
| 22 |
@media screen and ($max-mobile-viewport) {
|
|
| 23 | 23 |
border-top: 0; |
| 24 | 24 |
} |
| 25 | 25 |
h1#logo {
|
| 26 | 26 |
padding: 40px 0; |
| 27 |
@media screen and (max-width: $mobile-limit) {
|
|
| 27 |
@media screen and ($max-mobile-viewport) {
|
|
| 28 | 28 |
padding: 50px 0; |
| 29 | 29 |
} |
| 30 | 30 |
a {
|
| ... | ... | |
| 53 | 53 |
nav {
|
| 54 | 54 |
text-align: center; |
| 55 | 55 |
font-family: $title-font-family; |
| 56 |
@media screen and (max-width: $mobile-limit) {
|
|
| 56 |
@media screen and ($max-mobile-viewport) {
|
|
| 57 | 57 |
text-align: left; |
| 58 | 58 |
} |
| 59 | 59 |
div.gru-nav > ul > li a {
|
| ... | ... | |
| 63 | 63 |
text-decoration: underline; |
| 64 | 64 |
} |
| 65 | 65 |
} |
| 66 |
@media screen and (max-width: $mobile-limit) {
|
|
| 66 |
@media screen and ($max-mobile-viewport) {
|
|
| 67 | 67 |
div.gru-nav-wrapper {
|
| 68 | 68 |
background: transparent; |
| 69 | 69 |
} |
| ... | ... | |
| 74 | 74 |
background: white; |
| 75 | 75 |
box-sizing: border-box; |
| 76 | 76 |
padding: 0.5rem 1rem; |
| 77 |
@media screen and (max-width: $mobile-limit) {
|
|
| 77 |
@media screen and ($max-mobile-viewport) {
|
|
| 78 | 78 |
padding: 0.5rem 0.5rem; |
| 79 | 79 |
} |
| 80 | 80 |
} |
| ... | ... | |
| 91 | 91 | |
| 92 | 92 |
footer {
|
| 93 | 93 |
margin-top: 30px; |
| 94 |
@media screen and (max-width: $mobile-limit) {
|
|
| 94 |
@media screen and ($max-mobile-viewport) {
|
|
| 95 | 95 |
margin-top: 0; |
| 96 | 96 |
} |
| 97 | 97 |
h1, h2, h3 {
|
| ... | ... | |
| 271 | 271 |
margin-top: 2rem; |
| 272 | 272 |
margin-bottom: 0; |
| 273 | 273 |
padding-bottom: 0; |
| 274 |
@media screen and (max-width: $mobile-limit) {
|
|
| 274 |
@media screen and ($max-mobile-viewport) {
|
|
| 275 | 275 |
margin-top: 0; |
| 276 | 276 |
} |
| 277 | 277 |
} |
| ... | ... | |
| 283 | 283 |
} |
| 284 | 284 |
} |
| 285 | 285 | |
| 286 |
@media screen and (max-width: $mobile-limit) {
|
|
| 286 |
@media screen and ($max-mobile-viewport) {
|
|
| 287 | 287 |
#login-page.methods2 > .block {
|
| 288 | 288 |
margin-left: 0; |
| 289 | 289 |
margin-right: 0; |
| ... | ... | |
| 350 | 350 | |
| 351 | 351 |
div#rub_service #steps ~ form {
|
| 352 | 352 |
margin-right: #{0 - $grid-gutter};
|
| 353 |
@media screen and (max-width: $mobile-limit) {
|
|
| 353 |
@media screen and ($max-mobile-viewport) {
|
|
| 354 | 354 |
margin-right: 0; |
| 355 | 355 |
} |
| 356 | 356 |
} |
| static/cotes-d-armor/_custom.scss | ||
|---|---|---|
| 55 | 55 |
padding-bottom: 60px; |
| 56 | 56 |
} |
| 57 | 57 | |
| 58 |
@media screen and (max-width: $mobile-limit) {
|
|
| 58 |
@media screen and ($max-mobile-viewport) {
|
|
| 59 | 59 |
#header-wrapper {
|
| 60 | 60 |
height: 220px; |
| 61 | 61 |
} |
| static/cournonterral/_custom.scss | ||
|---|---|---|
| 11 | 11 |
text-indent: -1000px; |
| 12 | 12 |
overflow: hidden; |
| 13 | 13 |
} |
| 14 |
@media screen and (max-width: $mobile-limit) {
|
|
| 14 |
@media screen and ($max-mobile-viewport) {
|
|
| 15 | 15 |
padding-left: 0; |
| 16 | 16 |
width: 100%; |
| 17 | 17 |
a {
|
| ... | ... | |
| 28 | 28 |
& > ul {
|
| 29 | 29 |
margin-top: 0; |
| 30 | 30 |
} |
| 31 |
@media screen and (max-width: $mobile-limit) {
|
|
| 31 |
@media screen and ($max-mobile-viewport) {
|
|
| 32 | 32 |
text-align: left; |
| 33 | 33 |
} |
| 34 | 34 |
} |
| static/dauphine/_custom.scss | ||
|---|---|---|
| 44 | 44 |
border-bottom: 3px solid $footer-background; |
| 45 | 45 |
} |
| 46 | 46 | |
| 47 |
@media screen and (max-width: $mobile-limit) {
|
|
| 47 |
@media screen and ($max-mobile-viewport) {
|
|
| 48 | 48 |
div#nav {
|
| 49 | 49 |
height: auto; |
| 50 | 50 |
} |
| static/dreux/_custom.scss | ||
|---|---|---|
| 74 | 74 |
} |
| 75 | 75 |
} |
| 76 | 76 | |
| 77 |
@media screen and (max-width: $mobile-limit) {
|
|
| 77 |
@media screen and ($max-mobile-viewport) {
|
|
| 78 | 78 |
#header #top #logo a {
|
| 79 | 79 |
height: 75px; |
| 80 | 80 |
width: 100%; |
| static/fabregues/_custom.scss | ||
|---|---|---|
| 1 | 1 |
div#header-wrapper {
|
| 2 | 2 |
background: transparent url(img/bandeau_plateforme.png) top center no-repeat; |
| 3 | 3 |
height: 208px; |
| 4 |
@media screen and (max-width: $mobile-limit) {
|
|
| 4 |
@media screen and ($max-mobile-viewport) {
|
|
| 5 | 5 |
background-position: 0px -30px; |
| 6 | 6 |
height: 185px; |
| 7 | 7 |
} |
| ... | ... | |
| 13 | 13 |
text-indent: -1000px; |
| 14 | 14 |
overflow: hidden; |
| 15 | 15 |
} |
| 16 |
@media screen and (max-width: $mobile-limit) {
|
|
| 16 |
@media screen and ($max-mobile-viewport) {
|
|
| 17 | 17 |
padding-left: 0; |
| 18 | 18 |
width: 100%; |
| 19 | 19 |
} |
| ... | ... | |
| 40 | 40 |
a {
|
| 41 | 41 |
display: inline-block; |
| 42 | 42 |
color: $font-color; |
| 43 |
@media screen and (max-width: $mobile-limit) {
|
|
| 43 |
@media screen and ($max-mobile-viewport) {
|
|
| 44 | 44 |
font-size: 80%; |
| 45 | 45 |
} |
| 46 | 46 |
} |
| static/fondettes/_custom.scss | ||
|---|---|---|
| 122 | 122 |
} |
| 123 | 123 |
} |
| 124 | 124 | |
| 125 |
@media screen and (max-width: $mobile-limit) {
|
|
| 125 |
@media screen and ($max-mobile-viewport) {
|
|
| 126 | 126 |
body {
|
| 127 | 127 |
padding-top: 5px; |
| 128 | 128 |
background-position: 0 5px; |
| static/fontenay-sous-bois-2018/_custom.scss | ||
|---|---|---|
| 17 | 17 |
left: 4rem; |
| 18 | 18 |
top: 0px; |
| 19 | 19 |
z-index: 10; |
| 20 |
@media screen and (max-width: $mobile-limit) {
|
|
| 20 |
@media screen and ($max-mobile-viewport) {
|
|
| 21 | 21 |
left: 0; |
| 22 | 22 |
max-width: 100%; |
| 23 | 23 |
overflow: hidden; |
| ... | ... | |
| 41 | 41 |
&:hover {
|
| 42 | 42 |
background: url(img/fsb-top-hexa-hover.png); |
| 43 | 43 |
} |
| 44 |
@media screen and (max-width: $mobile-limit) {
|
|
| 44 |
@media screen and ($max-mobile-viewport) {
|
|
| 45 | 45 |
display: none; |
| 46 | 46 |
} |
| 47 | 47 |
} |
| ... | ... | |
| 69 | 69 |
top: 5.5rem; |
| 70 | 70 |
right: 0rem; |
| 71 | 71 |
width: 500px; |
| 72 |
@media screen and (max-width: $mobile-limit) {
|
|
| 72 |
@media screen and ($max-mobile-viewport) {
|
|
| 73 | 73 |
width: auto; |
| 74 | 74 |
max-width: 100%; |
| 75 | 75 |
} |
| ... | ... | |
| 77 | 77 |
button {
|
| 78 | 78 |
position: absolute; |
| 79 | 79 |
right: 4rem; |
| 80 |
@media screen and (max-width: $mobile-limit) {
|
|
| 80 |
@media screen and ($max-mobile-viewport) {
|
|
| 81 | 81 |
top: 1rem; |
| 82 | 82 |
right: 2.5rem; |
| 83 | 83 |
} |
| ... | ... | |
| 159 | 159 |
div#a-la-une-texte {
|
| 160 | 160 |
position: relative; |
| 161 | 161 |
height: 403px; |
| 162 |
@media screen and (max-width: $mobile-limit) {
|
|
| 162 |
@media screen and ($max-mobile-viewport) {
|
|
| 163 | 163 |
height: auto; |
| 164 | 164 |
} |
| 165 | 165 |
> div {
|
| ... | ... | |
| 167 | 167 |
padding-right: 150px; |
| 168 | 168 |
padding-top: 140px; |
| 169 | 169 |
text-align: center; |
| 170 |
@media screen and (max-width: $mobile-limit) {
|
|
| 170 |
@media screen and ($max-mobile-viewport) {
|
|
| 171 | 171 |
padding: 0 0 1rem 0; |
| 172 | 172 |
background: $primary-color; |
| 173 | 173 |
border-radius: 10px; |
| ... | ... | |
| 179 | 179 |
left: 0; |
| 180 | 180 |
border-radius: 10px; |
| 181 | 181 |
max-width: 100%; |
| 182 |
@media screen and (max-width: $mobile-limit) {
|
|
| 182 |
@media screen and ($max-mobile-viewport) {
|
|
| 183 | 183 |
display: none; |
| 184 | 184 |
} |
| 185 | 185 |
} |
| ... | ... | |
| 204 | 204 |
position: absolute; |
| 205 | 205 |
right: 90px; |
| 206 | 206 |
bottom: 0; |
| 207 |
@media screen and (max-width: $mobile-limit) {
|
|
| 207 |
@media screen and ($max-mobile-viewport) {
|
|
| 208 | 208 |
display: none; |
| 209 | 209 |
} |
| 210 | 210 |
} |
| ... | ... | |
| 215 | 215 |
color: $primary-color; |
| 216 | 216 |
font-size: 2rem; |
| 217 | 217 |
margin: 0 0.5rem; |
| 218 |
@media screen and (max-width: $mobile-limit) {
|
|
| 218 |
@media screen and ($max-mobile-viewport) {
|
|
| 219 | 219 |
text-align: center; |
| 220 | 220 |
} |
| 221 | 221 |
} |
| ... | ... | |
| 232 | 232 | |
| 233 | 233 |
.gru-content #sidebar div.cell {
|
| 234 | 234 |
margin-right: 40px; |
| 235 |
@media screen and (max-width: $mobile-limit) {
|
|
| 235 |
@media screen and ($max-mobile-viewport) {
|
|
| 236 | 236 |
margin-right: 0rem; |
| 237 | 237 |
} |
| 238 | 238 |
} |
| ... | ... | |
| 242 | 242 |
border: 1px solid #c6c6c6; |
| 243 | 243 |
border-radius: 10px; |
| 244 | 244 |
padding: 1rem 3rem 1rem 160px; |
| 245 |
@media screen and (max-width: $mobile-limit) {
|
|
| 245 |
@media screen and ($max-mobile-viewport) {
|
|
| 246 | 246 |
background-position: top center; |
| 247 | 247 |
padding: 80px 0 0 0; |
| 248 | 248 |
h2 {
|
| ... | ... | |
| 262 | 262 |
-ms-flex: 1; |
| 263 | 263 |
flex: 1; |
| 264 | 264 |
margin-right: 2rem; |
| 265 |
@media screen and (max-width: $mobile-limit) {
|
|
| 265 |
@media screen and ($max-mobile-viewport) {
|
|
| 266 | 266 |
margin-right: 0; |
| 267 | 267 |
} |
| 268 | 268 |
} |
| 269 |
@media screen and (max-width: $mobile-limit) {
|
|
| 269 |
@media screen and ($max-mobile-viewport) {
|
|
| 270 | 270 |
margin: 0 1rem 1rem 1rem; |
| 271 | 271 |
button {
|
| 272 | 272 |
margin-right: 0; |
| ... | ... | |
| 340 | 340 |
padding-left: 80px; |
| 341 | 341 |
text-align: left; |
| 342 | 342 |
} |
| 343 |
@media screen and (max-width: $mobile-limit) {
|
|
| 343 |
@media screen and ($max-mobile-viewport) {
|
|
| 344 | 344 |
text-align: center; |
| 345 | 345 |
} |
| 346 | 346 |
} |
| ... | ... | |
| 360 | 360 |
min-width: 0; |
| 361 | 361 |
background: transparent url(img/trackingcode.png) 2rem 1rem no-repeat; |
| 362 | 362 |
padding: 1rem 3rem 1rem 130px; |
| 363 |
@media screen and (max-width: $mobile-limit) {
|
|
| 363 |
@media screen and ($max-mobile-viewport) {
|
|
| 364 | 364 |
background-position: top left; |
| 365 | 365 |
padding: 0 1rem 1rem 80px; |
| 366 | 366 |
} |
| static/gorges/_custom.scss | ||
|---|---|---|
| 11 | 11 |
padding-left: 250px; |
| 12 | 12 |
color: $title-color; |
| 13 | 13 |
text-indent: -9999px; |
| 14 |
@media screen and (max-width: $mobile-limit) {
|
|
| 14 |
@media screen and ($max-mobile-viewport) {
|
|
| 15 | 15 |
overflow: hidden; |
| 16 | 16 |
text-indent: -2000px; |
| 17 | 17 |
} |
| ... | ... | |
| 52 | 52 | |
| 53 | 53 |
// Steps |
| 54 | 54 |
.wcs-steps {
|
| 55 |
@media (max-width: $mobile-limit){
|
|
| 55 |
@media ($max-mobile-viewport){
|
|
| 56 | 56 |
font-size: 1.1em; |
| 57 | 57 |
} |
| 58 | 58 |
} |
| static/gpseo/_custom.scss | ||
|---|---|---|
| 21 | 21 |
padding: 1rem 0 1rem 255px; |
| 22 | 22 |
color: $black; |
| 23 | 23 |
} |
| 24 |
@media screen and (max-width: $mobile-limit) {
|
|
| 24 |
@media screen and ($max-mobile-viewport) {
|
|
| 25 | 25 |
margin-top: 0; |
| 26 | 26 |
a {
|
| 27 | 27 |
margin-top: 50px; |
| ... | ... | |
| 69 | 69 |
a.logout {
|
| 70 | 70 |
display: inline-block; |
| 71 | 71 |
} |
| 72 |
@media screen and (max-width: $mobile-limit) {
|
|
| 72 |
@media screen and ($max-mobile-viewport) {
|
|
| 73 | 73 |
font-size: 90%; |
| 74 | 74 |
padding-top: 0; |
| 75 | 75 |
max-width: none; |
| static/grand-chambery/_custom.scss | ||
|---|---|---|
| 85 | 85 |
.sep {
|
| 86 | 86 |
color: $red; |
| 87 | 87 |
} |
| 88 |
@media screen and (max-width: $mobile-limit) {
|
|
| 88 |
@media screen and ($max-mobile-viewport) {
|
|
| 89 | 89 |
display: none; |
| 90 | 90 |
} |
| 91 | 91 |
} |
| 92 |
@media screen and (max-width: $mobile-limit) {
|
|
| 92 |
@media screen and ($max-mobile-viewport) {
|
|
| 93 | 93 |
height: 80px; |
| 94 | 94 |
h1#logo.has-logo::after {
|
| 95 | 95 |
content: none; |
| ... | ... | |
| 110 | 110 |
background: $gray; |
| 111 | 111 |
padding-top: 2rem; |
| 112 | 112 |
padding-bottom: 2rem; |
| 113 |
@media screen and (max-width: $mobile-limit) {
|
|
| 113 |
@media screen and ($max-mobile-viewport) {
|
|
| 114 | 114 |
padding: 0.5rem 0.5rem 1rem 0.5rem; |
| 115 | 115 |
box-sizing: border-box; |
| 116 | 116 |
} |
| ... | ... | |
| 120 | 120 |
max-width: 100vw; |
| 121 | 121 |
margin: 0 auto; |
| 122 | 122 |
box-sizing: border-box; |
| 123 |
@media screen and (max-width: $mobile-limit) {
|
|
| 123 |
@media screen and ($max-mobile-viewport) {
|
|
| 124 | 124 |
width: auto; |
| 125 | 125 |
} |
| 126 | 126 |
h1 {
|
| 127 | 127 |
font-size: 300%; |
| 128 | 128 |
color: $red; |
| 129 | 129 |
margin-bottom: 6rem; |
| 130 |
@media screen and (max-width: $mobile-limit) {
|
|
| 130 |
@media screen and ($max-mobile-viewport) {
|
|
| 131 | 131 |
margin-bottom: 3rem; |
| 132 | 132 |
font-size: 200%; |
| 133 | 133 |
} |
| 134 | 134 |
} |
| 135 |
@media screen and (max-width: $mobile-limit) {
|
|
| 135 |
@media screen and ($max-mobile-viewport) {
|
|
| 136 | 136 |
div.cell {
|
| 137 | 137 |
margin-left: 0; |
| 138 | 138 |
} |
| ... | ... | |
| 169 | 169 |
background-size: 100% auto; |
| 170 | 170 |
padding-top: 250px; |
| 171 | 171 |
padding-right: 0; |
| 172 |
@media screen and (max-width: $mobile-limit) {
|
|
| 172 |
@media screen and ($max-mobile-viewport) {
|
|
| 173 | 173 |
background: $bgblue; |
| 174 | 174 |
padding-top: 0; |
| 175 | 175 |
} |
| ... | ... | |
| 210 | 210 |
width: 50%; |
| 211 | 211 |
float: left; |
| 212 | 212 |
padding-bottom: 0; |
| 213 |
@media screen and (max-width: $mobile-limit) {
|
|
| 213 |
@media screen and ($max-mobile-viewport) {
|
|
| 214 | 214 |
width: auto; |
| 215 | 215 |
float: none; |
| 216 | 216 |
} |
| ... | ... | |
| 251 | 251 | |
| 252 | 252 |
nav {
|
| 253 | 253 |
display: none; |
| 254 |
@media screen and (max-width: $mobile-limit) {
|
|
| 254 |
@media screen and ($max-mobile-viewport) {
|
|
| 255 | 255 |
display: block; |
| 256 | 256 |
#nav button {
|
| 257 | 257 |
transform: skewX(-21deg); |
| ... | ... | |
| 303 | 303 |
padding-top: 5px; |
| 304 | 304 |
min-height: 3.5rem; |
| 305 | 305 |
padding-bottom: 0; |
| 306 |
@media screen and (max-width: $mobile-limit) {
|
|
| 306 |
@media screen and ($max-mobile-viewport) {
|
|
| 307 | 307 |
min-height: 2.5rem; |
| 308 | 308 |
} |
| 309 | 309 |
} |
| ... | ... | |
| 405 | 405 |
} |
| 406 | 406 |
} |
| 407 | 407 | |
| 408 |
@media screen and (max-width: $mobile-limit) {
|
|
| 408 |
@media screen and ($max-mobile-viewport) {
|
|
| 409 | 409 |
width: 100%; |
| 410 | 410 |
+ div#rub_service {
|
| 411 | 411 |
width: 100%; |
| ... | ... | |
| 531 | 531 |
div.content {
|
| 532 | 532 |
padding-right: 1rem; |
| 533 | 533 |
box-sizing: border-box; |
| 534 |
@media screen and (max-width: $mobile-limit) {
|
|
| 534 |
@media screen and ($max-mobile-viewport) {
|
|
| 535 | 535 |
padding: 0 1rem; |
| 536 | 536 |
} |
| 537 | 537 |
} |
| ... | ... | |
| 593 | 593 |
flex-basis: 100%; |
| 594 | 594 |
} |
| 595 | 595 |
} |
| 596 |
@media screen and (max-width: $mobile-limit) {
|
|
| 596 |
@media screen and ($max-mobile-viewport) {
|
|
| 597 | 597 |
div.previous-button {
|
| 598 | 598 |
order: 1; |
| 599 | 599 |
} |
| static/grandlyon-sau/_categorie-demande.scss | ||
|---|---|---|
| 12 | 12 |
&.selected {
|
| 13 | 13 |
@include flexbox(); |
| 14 | 14 |
@include flex-direction(row); |
| 15 |
@media screen and (max-width: $mobile-limit) {
|
|
| 15 |
@media screen and ($max-mobile-viewport) {
|
|
| 16 | 16 |
@include flex-direction(column); |
| 17 | 17 |
} |
| 18 | 18 |
} |
| ... | ... | |
| 109 | 109 |
} |
| 110 | 110 |
} |
| 111 | 111 |
} |
| 112 |
@media screen and (min-width: $mobile-limit) {
|
|
| 112 |
@media screen and ($min-desktop-viewport) {
|
|
| 113 | 113 |
> ul {
|
| 114 | 114 |
> li {
|
| 115 | 115 |
@include flexbox(); |
| ... | ... | |
| 172 | 172 |
&.selected {
|
| 173 | 173 |
@include flexbox(); |
| 174 | 174 |
@include flex-direction(column); |
| 175 |
@media screen and (min-width: $mobile-limit) {
|
|
| 175 |
@media screen and ($min-desktop-viewport) {
|
|
| 176 | 176 |
@include flex-direction(row); |
| 177 | 177 |
} |
| 178 | 178 |
} |
| static/grandlyon-sau/_custom.scss | ||
|---|---|---|
| 47 | 47 |
background: white; |
| 48 | 48 |
border-bottom: 5px solid $primary-color; |
| 49 | 49 |
box-shadow: 0px 0px 10px #888888; |
| 50 |
@media screen and (max-width: $mobile-limit) {
|
|
| 50 |
@media screen and ($max-mobile-viewport) {
|
|
| 51 | 51 |
border-bottom: 3px solid $primary-color; |
| 52 | 52 |
} |
| 53 | 53 |
#top #logo {
|
| 54 |
@media screen and (max-width: $mobile-limit) {
|
|
| 54 |
@media screen and ($max-mobile-viewport) {
|
|
| 55 | 55 |
padding-left: 0; |
| 56 | 56 |
} |
| 57 | 57 |
} |
| ... | ... | |
| 78 | 78 |
} |
| 79 | 79 |
div#columns {
|
| 80 | 80 |
padding: 1em; |
| 81 |
@media screen and (max-width: $mobile-limit) {
|
|
| 81 |
@media screen and ($max-mobile-viewport) {
|
|
| 82 | 82 |
width: 100%; |
| 83 | 83 |
} |
| 84 | 84 |
} |
| ... | ... | |
| 86 | 86 |
position: sticky; |
| 87 | 87 |
top: 2em; |
| 88 | 88 |
padding: 1em 0; |
| 89 |
@media screen and (max-width: $mobile-limit) {
|
|
| 89 |
@media screen and ($max-mobile-viewport) {
|
|
| 90 | 90 |
position: relative; |
| 91 | 91 |
padding: 0 1em; |
| 92 | 92 |
margin: 0; |
| ... | ... | |
| 117 | 117 |
#columns {
|
| 118 | 118 |
div.cell {
|
| 119 | 119 |
&.bandeau div {
|
| 120 |
@media screen and (max-width: $mobile-limit) {
|
|
| 120 |
@media screen and ($max-mobile-viewport) {
|
|
| 121 | 121 |
background: $cell-background; |
| 122 | 122 |
height: auto; |
| 123 | 123 |
} |
| ... | ... | |
| 242 | 242 |
div.linkcell {
|
| 243 | 243 |
&.retour {
|
| 244 | 244 |
background: transparent; |
| 245 |
@media screen and (max-width: $mobile-limit) {
|
|
| 245 |
@media screen and ($max-mobile-viewport) {
|
|
| 246 | 246 |
margin-bottom: 0; |
| 247 | 247 |
font-size: 0.2em; |
| 248 | 248 |
} |
| ... | ... | |
| 250 | 250 |
background: transparent url('img/retour.png') no-repeat;
|
| 251 | 251 |
background-size: contain; |
| 252 | 252 |
padding-left: 6em; |
| 253 |
@media screen and (max-width: $mobile-limit) {
|
|
| 253 |
@media screen and ($max-mobile-viewport) {
|
|
| 254 | 254 |
text-indent: -9999px; |
| 255 | 255 |
} |
| 256 | 256 |
&:hover {
|
| ... | ... | |
| 267 | 267 |
width: 25em; |
| 268 | 268 |
margin: 1ex auto; |
| 269 | 269 |
padding: 1em 0; |
| 270 |
@media screen and (max-width: $mobile-limit) {
|
|
| 270 |
@media screen and ($max-mobile-viewport) {
|
|
| 271 | 271 |
width: 100%; |
| 272 | 272 |
} |
| 273 | 273 |
select {
|
| ... | ... | |
| 281 | 281 |
@include vendor-prefix(flex-wrap, wrap); |
| 282 | 282 |
@include justify-content(space-around); |
| 283 | 283 |
@include vendor-prefix(align-items, stretch); |
| 284 |
@media screen and (max-width: $mobile-limit) {
|
|
| 284 |
@media screen and ($max-mobile-viewport) {
|
|
| 285 | 285 |
@include flex-direction(column); |
| 286 | 286 |
} |
| 287 | 287 |
li {
|
| ... | ... | |
| 300 | 300 |
margin: 0 auto; |
| 301 | 301 |
text-align: center; |
| 302 | 302 |
display: block; |
| 303 |
@media screen and (max-width: $mobile-limit) {
|
|
| 303 |
@media screen and ($max-mobile-viewport) {
|
|
| 304 | 304 |
background-size: auto 3em; |
| 305 | 305 |
padding-top: 4em; |
| 306 | 306 |
} |
| ... | ... | |
| 352 | 352 |
@include vendor-prefix(flex-wrap, wrap); |
| 353 | 353 |
> div {
|
| 354 | 354 |
width: 350px; |
| 355 |
@media screen and (max-width: $mobile-limit) {
|
|
| 355 |
@media screen and ($max-mobile-viewport) {
|
|
| 356 | 356 |
width: 100%; |
| 357 | 357 |
} |
| 358 | 358 |
a {
|
| static/grandlyon/_custom.scss | ||
|---|---|---|
| 17 | 17 |
line-height: 84px; |
| 18 | 18 |
width: 100%; |
| 19 | 19 |
text-indent: 144px; |
| 20 |
@media screen and (max-width: $mobile-limit) {
|
|
| 20 |
@media screen and ($max-mobile-viewport) {
|
|
| 21 | 21 |
text-indent: -1000px; |
| 22 | 22 |
width: auto; |
| 23 | 23 |
} |
| static/grenoble-metropole-2019/_custom.scss | ||
|---|---|---|
| 104 | 104 |
/* hide site's "go to top" button */ |
| 105 | 105 | |
| 106 | 106 |
img#hautDePage {
|
| 107 |
@media screen and (max-width: $mobile-limit) {
|
|
| 107 |
@media screen and ($max-mobile-viewport) {
|
|
| 108 | 108 |
display: none !important; |
| 109 | 109 |
} |
| 110 | 110 |
} |
| ... | ... | |
| 117 | 117 |
padding-left: 1em; |
| 118 | 118 |
box-shadow: none; |
| 119 | 119 |
border-radius: 0; |
| 120 |
@media screen and (max-width: $mobile-limit) {
|
|
| 120 |
@media screen and ($max-mobile-viewport) {
|
|
| 121 | 121 |
display: block; |
| 122 | 122 |
} |
| 123 | 123 |
a {
|
| ... | ... | |
| 140 | 140 |
text-decoration: none; |
| 141 | 141 |
font-weight: bold; |
| 142 | 142 |
display: inline-block; |
| 143 |
@media screen and (max-width: $mobile-limit) {
|
|
| 143 |
@media screen and ($max-mobile-viewport) {
|
|
| 144 | 144 |
display: block; |
| 145 | 145 |
} |
| 146 | 146 |
&:hover {
|
| ... | ... | |
| 176 | 176 |
font-weight: normal; |
| 177 | 177 |
margin-bottom: 0; |
| 178 | 178 |
} |
| 179 |
@media screen and (max-width: $mobile-limit) {
|
|
| 179 |
@media screen and ($max-mobile-viewport) {
|
|
| 180 | 180 |
padding: 10px 0; |
| 181 | 181 |
h2 {
|
| 182 | 182 |
font-size: 180%; |
| ... | ... | |
| 196 | 196 |
display: -ms-flexbox; |
| 197 | 197 |
display: flex; |
| 198 | 198 |
justify-content: space-between; |
| 199 |
@media screen and (max-width: $mobile-limit) {
|
|
| 199 |
@media screen and ($max-mobile-viewport) {
|
|
| 200 | 200 |
@include vendor-prefix(flex-direction, column); |
| 201 | 201 |
} |
| 202 | 202 |
div.right {
|
| ... | ... | |
| 214 | 214 |
-moz-column-count: 2; |
| 215 | 215 |
-webkit-column-count: 2; |
| 216 | 216 |
column-gap: 1.35em; |
| 217 |
@media screen and (max-width: $mobile-limit) {
|
|
| 217 |
@media screen and ($max-mobile-viewport) {
|
|
| 218 | 218 |
column-count: 1; |
| 219 | 219 |
-moz-column-count: 1; |
| 220 | 220 |
-webkit-column-count: 1; |
| ... | ... | |
| 222 | 222 |
} |
| 223 | 223 |
} |
| 224 | 224 |
div.right, div.left {
|
| 225 |
@media screen and (max-width: $mobile-limit) {
|
|
| 225 |
@media screen and ($max-mobile-viewport) {
|
|
| 226 | 226 |
width: 100%; |
| 227 | 227 |
} |
| 228 | 228 |
} |
| ... | ... | |
| 294 | 294 |
} |
| 295 | 295 |
ul {
|
| 296 | 296 |
position: absolute; |
| 297 |
@media screen and (max-width: $mobile-limit) {
|
|
| 297 |
@media screen and ($max-mobile-viewport) {
|
|
| 298 | 298 |
position: relative; |
| 299 | 299 |
} |
| 300 | 300 |
z-index: 10; |
| ... | ... | |
| 322 | 322 |
} |
| 323 | 323 |
} |
| 324 | 324 |
div.wcsformcell.proxi {
|
| 325 |
@media screen and (min-width: $mobile-limit) {
|
|
| 325 |
@media screen and ($min-desktop-viewport) {
|
|
| 326 | 326 |
width: calc(50% - 1.35em); |
| 327 | 327 |
float: left; |
| 328 | 328 |
} |
| ... | ... | |
| 344 | 344 |
div.trackingcodeinputcell {
|
| 345 | 345 |
box-shadow: 0px 0px 10px #888888; |
| 346 | 346 |
padding: 0.5ex; |
| 347 |
@media screen and (max-width: $mobile-limit) {
|
|
| 347 |
@media screen and ($max-mobile-viewport) {
|
|
| 348 | 348 |
background-color: #f5f5f5; |
| 349 | 349 |
} |
| 350 | 350 |
h2 {
|
| ... | ... | |
| 360 | 360 |
display: block; |
| 361 | 361 |
top: -40px; |
| 362 | 362 |
background-size: contain; |
| 363 |
@media screen and (max-width: $mobile-limit) {
|
|
| 363 |
@media screen and ($max-mobile-viewport) {
|
|
| 364 | 364 |
display: none; |
| 365 | 365 |
} |
| 366 | 366 |
} |
| ... | ... | |
| 370 | 370 |
padding: 1.5em 1em 10px 1em; |
| 371 | 371 |
border: 4px solid $primary-color; |
| 372 | 372 |
position: relative; |
| 373 |
@media screen and (max-width: $mobile-limit) {
|
|
| 373 |
@media screen and ($max-mobile-viewport) {
|
|
| 374 | 374 |
margin-top: 30px; |
| 375 | 375 |
} |
| 376 | 376 |
p {
|
| ... | ... | |
| 399 | 399 | |
| 400 | 400 |
div.user-menu {
|
| 401 | 401 |
width: 30%; |
| 402 |
@media screen and (max-width: $mobile-limit) {
|
|
| 402 |
@media screen and ($max-mobile-viewport) {
|
|
| 403 | 403 |
display: none; |
| 404 | 404 |
} |
| 405 | 405 |
div.menucell {
|
| ... | ... | |
| 470 | 470 |
-moz-column-count: 2; |
| 471 | 471 |
-webkit-column-count: 2; |
| 472 | 472 |
column-gap: 1.35em; |
| 473 |
@media screen and (max-width: $mobile-limit) {
|
|
| 473 |
@media screen and ($max-mobile-viewport) {
|
|
| 474 | 474 |
column-count: 1; |
| 475 | 475 |
-moz-column-count: 1; |
| 476 | 476 |
-webkit-column-count: 1; |
| ... | ... | |
| 620 | 620 |
} |
| 621 | 621 |
} |
| 622 | 622 |
&.toggled {
|
| 623 |
@media screen and (max-width: $mobile-limit) {
|
|
| 623 |
@media screen and ($max-mobile-viewport) {
|
|
| 624 | 624 |
width: 50%; |
| 625 | 625 |
> ul {
|
| 626 | 626 |
display: block; |
| ... | ... | |
| 630 | 630 |
} |
| 631 | 631 | |
| 632 | 632 |
a#publik-mobile-menu {
|
| 633 |
@media screen and (max-width: $mobile-limit) {
|
|
| 633 |
@media screen and ($max-mobile-viewport) {
|
|
| 634 | 634 |
background-color: #2a2a2a; |
| 635 | 635 |
background-image: url('img/mobile-menu.svg');
|
| 636 | 636 |
background-repeat: no-repeat; |
| ... | ... | |
| 721 | 721 |
div.dashboard-item-label, div.dashboard-item-value {
|
| 722 | 722 |
text-align: center; |
| 723 | 723 |
} |
| 724 |
@media screen and (max-width: $mobile-limit) {
|
|
| 724 |
@media screen and ($max-mobile-viewport) {
|
|
| 725 | 725 |
padding: 30px 10px 10px 10px; |
| 726 | 726 |
margin: 10px 0; |
| 727 | 727 |
} |
| ... | ... | |
| 735 | 735 |
background-image: url('img/user-#{$item}.svg');
|
| 736 | 736 |
background-repeat: no-repeat; |
| 737 | 737 |
background-size: contain; |
| 738 |
@media screen and (max-width: $mobile-limit) {
|
|
| 738 |
@media screen and ($max-mobile-viewport) {
|
|
| 739 | 739 |
left: calc(50% - 23px); |
| 740 | 740 |
top: -23px; |
| 741 | 741 |
} |
| ... | ... | |
| 744 | 744 |
} |
| 745 | 745 |
div.user-dashboard {
|
| 746 | 746 |
margin: 2ex 1ex 0 150px; |
| 747 |
@media screen and (max-width: $mobile-limit) {
|
|
| 747 |
@media screen and ($max-mobile-viewport) {
|
|
| 748 | 748 |
margin: 3ex 1ex 0 1ex; |
| 749 | 749 |
@include vendor-prefix(justify-content, center); |
| 750 | 750 |
} |
| ... | ... | |
| 764 | 764 |
margin-bottom: 3em; |
| 765 | 765 |
color: $primary-color; |
| 766 | 766 |
font-family: 'Josefin Sans', sans-serif; |
| 767 |
@media screen and (max-width: $mobile-limit) {
|
|
| 767 |
@media screen and ($max-mobile-viewport) {
|
|
| 768 | 768 |
margin-bottom: 1em; |
| 769 | 769 |
} |
| 770 | 770 |
h3, a {
|
| ... | ... | |
| 796 | 796 |
h2 {
|
| 797 | 797 |
text-transform: uppercase; |
| 798 | 798 |
text-align: left; |
| 799 |
@media screen and (max-width: $mobile-limit) {
|
|
| 799 |
@media screen and ($max-mobile-viewport) {
|
|
| 800 | 800 |
font-size: 120%; |
| 801 | 801 |
} |
| 802 | 802 |
&::before {
|
| ... | ... | |
| 970 | 970 |
div.cell, div.block {
|
| 971 | 971 |
h2:first-child {
|
| 972 | 972 |
margin-bottom: 2ex; |
| 973 |
@media screen and (max-width: $mobile-limit) {
|
|
| 973 |
@media screen and ($max-mobile-viewport) {
|
|
| 974 | 974 |
font-size: 120%; |
| 975 | 975 |
} |
| 976 | 976 |
} |
| ... | ... | |
| 1005 | 1005 |
-webkit-column-count: 3; |
| 1006 | 1006 |
column-gap: 1.35em; |
| 1007 | 1007 |
padding: 1ex 0; |
| 1008 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1008 |
@media screen and ($max-mobile-viewport) {
|
|
| 1009 | 1009 |
column-count: 1; |
| 1010 | 1010 |
-moz-column-count: 1; |
| 1011 | 1011 |
-webkit-column-count: 1; |
| ... | ... | |
| 1128 | 1128 |
/* wcs progress bar styles */ |
| 1129 | 1129 |
.wcs-steps.steps-1 { display: none; }
|
| 1130 | 1130 |
.wcs-steps--list {
|
| 1131 |
@media (max-width: $mobile-limit) {
|
|
| 1131 |
@media ($max-mobile-viewport) {
|
|
| 1132 | 1132 |
justify-content: center; |
| 1133 | 1133 |
} |
| 1134 | 1134 |
} |
| ... | ... | |
| 1138 | 1138 |
@include desktop-vertical-steps() {
|
| 1139 | 1139 |
font-size: 0.65em; |
| 1140 | 1140 |
} |
| 1141 |
@media (max-width: $mobile-limit) {
|
|
| 1141 |
@media ($max-mobile-viewport) {
|
|
| 1142 | 1142 |
padding-left: 0; |
| 1143 | 1143 |
text-align: center; |
| 1144 | 1144 |
top: calc(100% - #{$wcs-steps-spacing});
|
| ... | ... | |
| 1168 | 1168 |
p {
|
| 1169 | 1169 |
margin: 0; |
| 1170 | 1170 |
} |
| 1171 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1171 |
@media screen and ($max-mobile-viewport) {
|
|
| 1172 | 1172 |
padding: 3ex 1em 1ex 1em; |
| 1173 | 1173 |
margin: 2ex auto; |
| 1174 | 1174 |
&::before {
|
| ... | ... | |
| 1194 | 1194 |
div#frontend-registration-email, div#frontend-registration-fc {
|
| 1195 | 1195 |
display: inline-block; |
| 1196 | 1196 |
width: 48%; |
| 1197 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1197 |
@media screen and ($max-mobile-viewport) {
|
|
| 1198 | 1198 |
display: block; |
| 1199 | 1199 |
width: 100%; |
| 1200 | 1200 |
} |
| ... | ... | |
| 1203 | 1203 |
padding: 1ex 2ex 0 0; |
| 1204 | 1204 |
text-transform: uppercase; |
| 1205 | 1205 |
vertical-align: top; |
| 1206 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1206 |
@media screen and ($max-mobile-viewport) {
|
|
| 1207 | 1207 |
padding: 1ex 0; |
| 1208 | 1208 |
} |
| 1209 | 1209 |
p, form {
|
| ... | ... | |
| 1248 | 1248 | |
| 1249 | 1249 |
div#login-page, div.a2-block {
|
| 1250 | 1250 |
div#fc-button-wrapper {
|
| 1251 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1251 |
@media screen and ($max-mobile-viewport) {
|
|
| 1252 | 1252 |
padding-top: 0; |
| 1253 | 1253 |
} |
| 1254 | 1254 |
} |
| ... | ... | |
| 1331 | 1331 |
text-transform: uppercase; |
| 1332 | 1332 |
} |
| 1333 | 1333 |
@include vendor-prefix(column-count, 2); |
| 1334 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1334 |
@media screen and ($max-mobile-viewport) {
|
|
| 1335 | 1335 |
@include vendor-prefix(column-count, 1); |
| 1336 | 1336 |
} |
| 1337 | 1337 |
div.field {
|
| static/grosboule-les-bains/_custom.scss | ||
|---|---|---|
| 89 | 89 |
font-weight: normal; |
| 90 | 90 |
} |
| 91 | 91 | |
| 92 |
@media screen and (max-width: $mobile-limit) {
|
|
| 92 |
@media screen and ($max-mobile-viewport) {
|
|
| 93 | 93 |
div#nav, header {
|
| 94 | 94 |
text-align: left; |
| 95 | 95 |
position: static; |
| static/haute-garonne-cd31/_custom.scss | ||
|---|---|---|
| 40 | 40 |
} |
| 41 | 41 | |
| 42 | 42 | |
| 43 |
@media screen and (max-width: $mobile-limit) {
|
|
| 43 |
@media screen and ($max-mobile-viewport) {
|
|
| 44 | 44 |
div#header {
|
| 45 | 45 |
background: $primary-color; |
| 46 | 46 |
} |
| ... | ... | |
| 48 | 48 | |
| 49 | 49 |
div#header h1#logo {
|
| 50 | 50 |
position: absolute; |
| 51 |
@media screen and (max-width: $mobile-limit) {
|
|
| 51 |
@media screen and ($max-mobile-viewport) {
|
|
| 52 | 52 |
position: static; |
| 53 | 53 |
} |
| 54 | 54 |
a {
|
| ... | ... | |
| 67 | 67 |
margin-left: 180px; |
| 68 | 68 |
padding-top: 30px; |
| 69 | 69 |
padding-bottom: 25px; |
| 70 |
@media screen and (max-width: $mobile-limit) {
|
|
| 70 |
@media screen and ($max-mobile-viewport) {
|
|
| 71 | 71 |
padding: 0; |
| 72 | 72 |
margin-left: 0; |
| 73 | 73 |
} |
| ... | ... | |
| 77 | 77 |
font-weight: 600; |
| 78 | 78 |
} |
| 79 | 79 |
} |
| 80 |
@media screen and (max-width: $mobile-limit) {
|
|
| 80 |
@media screen and ($max-mobile-viewport) {
|
|
| 81 | 81 |
background: transparent; |
| 82 | 82 |
} |
| 83 | 83 |
} |
| ... | ... | |
| 99 | 99 |
&.registration {
|
| 100 | 100 |
padding-left: 10px; |
| 101 | 101 |
background: transparent; |
| 102 |
@media screen and (max-width: $mobile-limit) {
|
|
| 102 |
@media screen and ($max-mobile-viewport) {
|
|
| 103 | 103 |
display: none; |
| 104 | 104 |
} |
| 105 | 105 |
} |
| 106 | 106 |
} |
| 107 |
@media screen and (max-width: $mobile-limit) {
|
|
| 107 |
@media screen and ($max-mobile-viewport) {
|
|
| 108 | 108 |
min-width: 130px; |
| 109 | 109 |
right: 10px; |
| 110 | 110 |
} |
| ... | ... | |
| 116 | 116 | |
| 117 | 117 |
div#main-content-wrapper {
|
| 118 | 118 |
margin-top: 2rem; |
| 119 |
@media screen and (max-width: $mobile-limit) {
|
|
| 119 |
@media screen and ($max-mobile-viewport) {
|
|
| 120 | 120 |
margin-top: 0; |
| 121 | 121 |
} |
| 122 | 122 |
} |
| 123 | 123 | |
| 124 | 124 |
div#welcome {
|
| 125 | 125 |
display: flex; |
| 126 |
@media screen and (max-width: $mobile-limit) {
|
|
| 126 |
@media screen and ($max-mobile-viewport) {
|
|
| 127 | 127 |
flex-direction: column; |
| 128 | 128 |
} |
| 129 | 129 |
div#carrousel {
|
| 130 | 130 |
width: 700px; |
| 131 | 131 |
flex: 1; |
| 132 |
@media screen and (max-width: $mobile-limit) {
|
|
| 132 |
@media screen and ($max-mobile-viewport) {
|
|
| 133 | 133 |
width: auto; |
| 134 | 134 |
} |
| 135 | 135 |
} |
| ... | ... | |
| 140 | 140 |
width: 350px; |
| 141 | 141 |
box-shadow: 0 5px 5px 5px #eee; |
| 142 | 142 |
border-bottom: 5px solid $primary-color; |
| 143 |
@media screen and (max-width: $mobile-limit) {
|
|
| 143 |
@media screen and ($max-mobile-viewport) {
|
|
| 144 | 144 |
width: auto; |
| 145 | 145 |
margin-left: 0; |
| 146 | 146 |
} |
| ... | ... | |
| 443 | 443 |
font-size: 27px; |
| 444 | 444 |
text-decoration: underline; |
| 445 | 445 |
} |
| 446 |
@media screen and (max-width: $mobile-limit) {
|
|
| 446 |
@media screen and ($max-mobile-viewport) {
|
|
| 447 | 447 |
div.tracking-code-part {
|
| 448 | 448 |
display: flex; |
| 449 | 449 |
h3, a {
|
| ... | ... | |
| 460 | 460 | |
| 461 | 461 |
div#gauche {
|
| 462 | 462 |
width: 23%; |
| 463 |
@media screen and (max-width: $mobile-limit) {
|
|
| 463 |
@media screen and ($max-mobile-viewport) {
|
|
| 464 | 464 |
width: auto; |
| 465 | 465 |
} |
| 466 | 466 |
& + div#rub_service {
|
| 467 | 467 |
width: 75%; |
| 468 |
@media screen and (max-width: $mobile-limit) {
|
|
| 468 |
@media screen and ($max-mobile-viewport) {
|
|
| 469 | 469 |
width: auto; |
| 470 | 470 |
} |
| 471 | 471 |
} |
| ... | ... | |
| 498 | 498 |
} |
| 499 | 499 |
} |
| 500 | 500 | |
| 501 |
@media screen and (max-width: $mobile-limit) {
|
|
| 501 |
@media screen and ($max-mobile-viewport) {
|
|
| 502 | 502 |
body.has-picture nav::after {
|
| 503 | 503 |
height: 200px; |
| 504 | 504 |
margin-top: -6px; |
| ... | ... | |
| 583 | 583 |
div#registration-blocks, |
| 584 | 584 |
div#login-page {
|
| 585 | 585 |
margin-top: 5rem; |
| 586 |
@media screen and (max-width: $mobile-limit) {
|
|
| 586 |
@media screen and ($max-mobile-viewport) {
|
|
| 587 | 587 |
margin-top: 0; |
| 588 | 588 |
} |
| 589 | 589 |
} |
| static/haute-goulaine/_custom.scss | ||
|---|---|---|
| 11 | 11 |
div#header h1 {
|
| 12 | 12 |
line-height: 190px; |
| 13 | 13 |
height: 190px; |
| 14 |
@media screen and (max-width: $mobile-limit) {
|
|
| 14 |
@media screen and ($max-mobile-viewport) {
|
|
| 15 | 15 |
height: 155px; |
| 16 | 16 |
} |
| 17 | 17 |
a {
|
| ... | ... | |
| 23 | 23 |
color: white; |
| 24 | 24 |
padding-left: 180px; |
| 25 | 25 |
display: inline-block; |
| 26 |
@media screen and (max-width: $mobile-limit) {
|
|
| 26 |
@media screen and ($max-mobile-viewport) {
|
|
| 27 | 27 |
text-indent: -2000px; |
| 28 | 28 |
overflow: hidden; |
| 29 | 29 |
} |
| ... | ... | |
| 33 | 33 |
.wcs-steps {
|
| 34 | 34 |
font-size: 1.25em; |
| 35 | 35 | |
| 36 |
@media (min-width: $mobile-limit + 1) {
|
|
| 36 |
@media ($min-desktop-viewport) {
|
|
| 37 | 37 |
font-size: 1.5em; |
| 38 | 38 |
} |
| 39 | 39 |
} |
| static/hautes-alpes-2018/_circle-steps.scss | ||
|---|---|---|
| 63 | 63 |
} |
| 64 | 64 |
} |
| 65 | 65 |
} |
| 66 |
@media screen and (max-width: $mobile-limit) {
|
|
| 66 |
@media screen and ($max-mobile-viewport) {
|
|
| 67 | 67 |
div#gauche div#steps {
|
| 68 | 68 | |
| 69 | 69 |
@include order(2); |
| static/hautes-alpes-2018/_custom.scss | ||
|---|---|---|
| 80 | 80 |
box-sizing: border-box; |
| 81 | 81 |
background-color: $cell-background; |
| 82 | 82 |
font-size: 1.5rem; |
| 83 |
@media screen and (max-width: $mobile-limit) {
|
|
| 83 |
@media screen and ($max-mobile-viewport) {
|
|
| 84 | 84 |
@include flex-direction(column); |
| 85 | 85 |
} |
| 86 | 86 | |
| 87 | 87 |
> div {
|
| 88 |
@media screen and (max-width: $mobile-limit) {
|
|
| 88 |
@media screen and ($max-mobile-viewport) {
|
|
| 89 | 89 |
margin: $inner-nav-margin; |
| 90 | 90 |
} |
| 91 | 91 |
} |
| ... | ... | |
| 96 | 96 |
background-color: transparent; |
| 97 | 97 |
height: unset; |
| 98 | 98 | |
| 99 |
@media screen and (max-width: $mobile-limit) {
|
|
| 99 |
@media screen and ($max-mobile-viewport) {
|
|
| 100 | 100 |
@include vendor-prefix(flex-basis, auto); |
| 101 | 101 |
width: 100%; |
| 102 | 102 | |
| ... | ... | |
| 154 | 154 |
@include vendor-prefix(flex-basis, 50%); |
| 155 | 155 |
@include order(1); |
| 156 | 156 | |
| 157 |
@media screen and (max-width: $mobile-limit) {
|
|
| 157 |
@media screen and ($max-mobile-viewport) {
|
|
| 158 | 158 |
@include vendor-prefix(flex-basis, $nav-height); |
| 159 | 159 |
margin: 0; |
| 160 | 160 |
width: 100%; |
| ... | ... | |
| 347 | 347 | |
| 348 | 348 |
input, |
| 349 | 349 |
textarea {
|
| 350 |
@media screen and (max-width: $mobile-limit) {
|
|
| 350 |
@media screen and ($max-mobile-viewport) {
|
|
| 351 | 351 |
max-width: 100%; |
| 352 | 352 |
} |
| 353 | 353 |
} |
| ... | ... | |
| 463 | 463 |
} |
| 464 | 464 |
} |
| 465 | 465 | |
| 466 |
@media screen and (max-width: $mobile-limit) {
|
|
| 466 |
@media screen and ($max-mobile-viewport) {
|
|
| 467 | 467 |
div#content {
|
| 468 | 468 |
padding: $mobile-block-padding; |
| 469 | 469 | |
| static/hautes-alpes-2018/_neutral-variant.scss | ||
|---|---|---|
| 11 | 11 |
line-height: 1.4; |
| 12 | 12 |
margin-top: $custom-header-height; |
| 13 | 13 | |
| 14 |
@media screen and (max-width: $mobile-limit) {
|
|
| 14 |
@media screen and ($max-mobile-viewport) {
|
|
| 15 | 15 |
margin-top: $custom-mobile-header-height; |
| 16 | 16 |
} |
| 17 | 17 | |
| ... | ... | |
| 26 | 26 | |
| 27 | 27 |
#header-wrapper {
|
| 28 | 28 | |
| 29 |
@media screen and (max-width: $mobile-limit) {
|
|
| 29 |
@media screen and ($max-mobile-viewport) {
|
|
| 30 | 30 |
min-height: $custom-mobile-header-height; |
| 31 | 31 |
} |
| 32 | 32 | |
| ... | ... | |
| 75 | 75 |
> li:hover > ul {
|
| 76 | 76 |
background: $cell-background; |
| 77 | 77 |
} |
| 78 |
@media screen and (max-width: $mobile-limit) {
|
|
| 78 |
@media screen and ($max-mobile-viewport) {
|
|
| 79 | 79 |
height: 60px; |
| 80 | 80 | |
| 81 | 81 |
> li a {
|
| static/juvignac/_custom.scss | ||
|---|---|---|
| 3 | 3 |
div#header-wrapper {
|
| 4 | 4 |
background: $primary-color; |
| 5 | 5 |
div#header h1 {
|
| 6 |
@media screen and (max-width: $mobile-limit) {
|
|
| 6 |
@media screen and ($max-mobile-viewport) {
|
|
| 7 | 7 |
padding-top: 50px; |
| 8 | 8 |
} |
| 9 | 9 |
a {
|
| ... | ... | |
| 13 | 13 |
text-indent: -1000px; |
| 14 | 14 |
overflow: hidden; |
| 15 | 15 |
} |
| 16 |
@media screen and (max-width: $mobile-limit) {
|
|
| 16 |
@media screen and ($max-mobile-viewport) {
|
|
| 17 | 17 |
padding-left: 0; |
| 18 | 18 |
width: 100%; |
| 19 | 19 |
a {
|
| ... | ... | |
| 40 | 40 |
border: none; |
| 41 | 41 |
box-shadow: none; |
| 42 | 42 |
border-radius: 0; |
| 43 |
@media screen and (max-width: $mobile-limit) {
|
|
| 43 |
@media screen and ($max-mobile-viewport) {
|
|
| 44 | 44 |
left: 0; |
| 45 | 45 |
right: 0; |
| 46 | 46 |
max-width: none; |
| ... | ... | |
| 50 | 50 |
color: white; |
| 51 | 51 |
font-weight: bold; |
| 52 | 52 |
padding: 10px 10px 15px 10px; |
| 53 |
@media screen and (max-width: $mobile-limit) {
|
|
| 53 |
@media screen and ($max-mobile-viewport) {
|
|
| 54 | 54 |
font-size: 80%; |
| 55 | 55 |
} |
| 56 | 56 |
} |
| static/la-hague/_custom.scss | ||
|---|---|---|
| 80 | 80 |
padding-left: 50px; |
| 81 | 81 |
} |
| 82 | 82 | |
| 83 |
@media screen and (max-width: $mobile-limit) {
|
|
| 83 |
@media screen and ($max-mobile-viewport) {
|
|
| 84 | 84 |
div#nav {
|
| 85 | 85 |
background: transparent; |
| 86 | 86 |
} |
| static/la-reunion/_custom.scss | ||
|---|---|---|
| 11 | 11 |
color: $primary-color; |
| 12 | 12 |
text-transform: uppercase; |
| 13 | 13 |
font-weight: normal; |
| 14 |
@media screen and (max-width: $mobile-limit) {
|
|
| 14 |
@media screen and ($max-mobile-viewport) {
|
|
| 15 | 15 |
overflow: hidden; |
| 16 | 16 |
text-indent: -2000px; |
| 17 | 17 |
} |
| static/la-seyne-sur-mer/_custom.scss | ||
|---|---|---|
| 26 | 26 | |
| 27 | 27 |
div#nav-wrapper {
|
| 28 | 28 |
background: $nav-background; |
| 29 |
@media screen and (max-width: $mobile-limit) {
|
|
| 29 |
@media screen and ($max-mobile-viewport) {
|
|
| 30 | 30 |
background: transparent; |
| 31 | 31 |
} |
| 32 | 32 |
} |
| static/lattes/_custom.scss | ||
|---|---|---|
| 19 | 19 |
text-indent: -1000px; |
| 20 | 20 |
overflow: hidden; |
| 21 | 21 |
} |
| 22 |
@media screen and (max-width: $mobile-limit) {
|
|
| 22 |
@media screen and ($max-mobile-viewport) {
|
|
| 23 | 23 |
padding-left: 0; |
| 24 | 24 |
padding-top: 70px; |
| 25 | 25 |
a {
|
| ... | ... | |
| 30 | 30 |
} |
| 31 | 31 |
} |
| 32 | 32 | |
| 33 |
@media screen and (max-width: $mobile-limit) {
|
|
| 33 |
@media screen and ($max-mobile-viewport) {
|
|
| 34 | 34 |
div#nav-wrapper {
|
| 35 | 35 |
background: inherit; |
| 36 | 36 |
} |
| ... | ... | |
| 56 | 56 |
display: inline-block; |
| 57 | 57 |
color: $font-color; |
| 58 | 58 |
padding: 10px 10px 15px 10px; |
| 59 |
@media screen and (max-width: $mobile-limit) {
|
|
| 59 |
@media screen and ($max-mobile-viewport) {
|
|
| 60 | 60 |
font-size: 80%; |
| 61 | 61 |
} |
| 62 | 62 |
} |
| 63 |
@media screen and (max-width: $mobile-limit) {
|
|
| 63 |
@media screen and ($max-mobile-viewport) {
|
|
| 64 | 64 |
left: 0; |
| 65 | 65 |
right: 0; |
| 66 | 66 |
max-width: none; |
| ... | ... | |
| 70 | 70 |
div#main-content {
|
| 71 | 71 |
background: white; |
| 72 | 72 |
padding: 20px 10px 0 10px; |
| 73 |
@media screen and (max-width: $mobile-limit) {
|
|
| 73 |
@media screen and ($max-mobile-viewport) {
|
|
| 74 | 74 |
padding: 20px 0 0 0; |
| 75 | 75 |
} |
| 76 | 76 |
} |
| static/laverune/_custom.scss | ||
|---|---|---|
| 7 | 7 |
#header-wrapper {
|
| 8 | 8 |
#header {
|
| 9 | 9 |
background: url(img/bandeau_rond_point.jpg) 50% -40px no-repeat; |
| 10 |
@media screen and (max-width: $mobile-limit) {
|
|
| 10 |
@media screen and ($max-mobile-viewport) {
|
|
| 11 | 11 |
background: $primary-color; |
| 12 | 12 |
} |
| 13 | 13 |
} |
| ... | ... | |
| 21 | 21 |
text-indent: -1000px; |
| 22 | 22 |
overflow: hidden; |
| 23 | 23 |
} |
| 24 |
@media screen and (max-width: $mobile-limit) {
|
|
| 24 |
@media screen and ($max-mobile-viewport) {
|
|
| 25 | 25 |
padding-left: 0; |
| 26 | 26 |
padding-top: 30px; |
| 27 | 27 |
a {
|
| ... | ... | |
| 46 | 46 |
} |
| 47 | 47 | |
| 48 | 48 |
.gru-nav-wrapper {
|
| 49 |
@media screen and (max-width: $mobile-limit) {
|
|
| 49 |
@media screen and ($max-mobile-viewport) {
|
|
| 50 | 50 |
margin-top: -85px; |
| 51 | 51 |
} |
| 52 | 52 |
} |
| static/le-cres/_custom.scss | ||
|---|---|---|
| 9 | 9 |
div#header h1 {
|
| 10 | 10 |
padding-top: 40px; |
| 11 | 11 |
padding-bottom: 40px; |
| 12 |
@media screen and (max-width: $mobile-limit) {
|
|
| 12 |
@media screen and ($max-mobile-viewport) {
|
|
| 13 | 13 |
padding-top: 80px; |
| 14 | 14 |
} |
| 15 | 15 |
a {
|
| ... | ... | |
| 19 | 19 |
text-indent: -1000px; |
| 20 | 20 |
overflow: hidden; |
| 21 | 21 |
} |
| 22 |
@media screen and (max-width: $mobile-limit) {
|
|
| 22 |
@media screen and ($max-mobile-viewport) {
|
|
| 23 | 23 |
padding-left: 0; |
| 24 | 24 |
width: 100%; |
| 25 | 25 |
a {
|
| ... | ... | |
| 43 | 43 |
} |
| 44 | 44 |
} |
| 45 | 45 | |
| 46 |
@media screen and (max-width: $mobile-limit) {
|
|
| 46 |
@media screen and ($max-mobile-viewport) {
|
|
| 47 | 47 |
div.gru-nav-wrapper {
|
| 48 | 48 |
background: transparent; |
| 49 | 49 |
} |
| ... | ... | |
| 60 | 60 |
color: white; |
| 61 | 61 |
padding: 10px 10px 15px 10px; |
| 62 | 62 |
} |
| 63 |
@media screen and (max-width: $mobile-limit) {
|
|
| 63 |
@media screen and ($max-mobile-viewport) {
|
|
| 64 | 64 |
left: 0; |
| 65 | 65 |
right: 0; |
| 66 | 66 |
max-width: none; |
| ... | ... | |
| 70 | 70 |
div#main-content {
|
| 71 | 71 |
background: white; |
| 72 | 72 |
padding: 20px 10px 0 10px; |
| 73 |
@media screen and (max-width: $mobile-limit) {
|
|
| 73 |
@media screen and ($max-mobile-viewport) {
|
|
| 74 | 74 |
padding: 20px 0 0 0; |
| 75 | 75 |
} |
| 76 | 76 |
} |
| static/lenord/_custom.scss | ||
|---|---|---|
| 53 | 53 |
margin: -0.7em calc(50% - 0.4em); |
| 54 | 54 |
border-radius: 0 1em 0 0; |
| 55 | 55 |
display: block; |
| 56 |
@media screen and (max-width: $mobile-limit) {
|
|
| 56 |
@media screen and ($max-mobile-viewport) {
|
|
| 57 | 57 |
display: none; |
| 58 | 58 |
} |
| 59 | 59 |
} |
| static/lille-metropole/_custom.scss | ||
|---|---|---|
| 113 | 113 |
font-weight: normal; |
| 114 | 114 |
} |
| 115 | 115 | |
| 116 |
@media screen and (max-width: $mobile-limit) {
|
|
| 116 |
@media screen and ($max-mobile-viewport) {
|
|
| 117 | 117 |
div#nav, .site-header {
|
| 118 | 118 |
text-align: left; |
| 119 | 119 |
position: static; |
| static/lille/_custom.scss | ||
|---|---|---|
| 34 | 34 | |
| 35 | 35 |
#header {
|
| 36 | 36 |
height: $header-height; |
| 37 |
@media screen and (max-width: $mobile-limit) {
|
|
| 37 |
@media screen and ($max-mobile-viewport) {
|
|
| 38 | 38 |
height: $mobile-header-height; |
| 39 | 39 |
} |
| 40 | 40 |
#top a {
|
| ... | ... | |
| 62 | 62 |
border: 30px solid $primary-color; |
| 63 | 63 |
border-color: $primary-color $primary-color transparent transparent; |
| 64 | 64 |
} |
| 65 |
@media screen and (max-width: $mobile-limit) {
|
|
| 65 |
@media screen and ($max-mobile-viewport) {
|
|
| 66 | 66 |
padding-top: 0.5rem; |
| 67 | 67 |
background-size: 80px; |
| 68 | 68 |
background-position: bottom 0.5rem left 50%; |
| ... | ... | |
| 92 | 92 |
a {
|
| 93 | 93 |
color: $user-info-color; |
| 94 | 94 |
} |
| 95 |
@media screen and (max-width: $mobile-limit) {
|
|
| 95 |
@media screen and ($max-mobile-viewport) {
|
|
| 96 | 96 |
padding-top: 5px; |
| 97 | 97 |
top: 20px; |
| 98 | 98 |
left: 80px; |
| ... | ... | |
| 120 | 120 | |
| 121 | 121 |
div.gru-nav .gru-nav-button {
|
| 122 | 122 |
top: -90px; |
| 123 |
@media screen and (max-width: $mobile-limit) {
|
|
| 123 |
@media screen and ($max-mobile-viewport) {
|
|
| 124 | 124 |
top: -15px; |
| 125 | 125 |
} |
| 126 | 126 |
@media screen and (max-width: 360px) {
|
| ... | ... | |
| 148 | 148 |
} |
| 149 | 149 |
} |
| 150 | 150 | |
| 151 |
@media screen and (min-width: $mobile-limit - 1px) {
|
|
| 151 |
@media screen and ($min-desktop-viewport) {
|
|
| 152 | 152 |
#pwa-navigation {
|
| 153 | 153 |
display: block; |
| 154 | 154 |
max-width: $width; |
| ... | ... | |
| 199 | 199 |
} |
| 200 | 200 |
width: 100%; |
| 201 | 201 |
margin-top: -1px; |
| 202 |
@media screen and (max-width: $mobile-limit) {
|
|
| 202 |
@media screen and ($max-mobile-viewport) {
|
|
| 203 | 203 |
div.carrousel-content {
|
| 204 | 204 |
height: 260px; |
| 205 | 205 |
} |
| ... | ... | |
| 208 | 208 |
top: 120px; |
| 209 | 209 |
left: 55px; |
| 210 | 210 |
text-align: left; |
| 211 |
@media screen and (max-width: $mobile-limit) {
|
|
| 211 |
@media screen and ($max-mobile-viewport) {
|
|
| 212 | 212 |
top: 60px; |
| 213 | 213 |
left: 20px; |
| 214 | 214 |
label {
|
| ... | ... | |
| 230 | 230 |
line-height: 130%; |
| 231 | 231 |
text-transform: uppercase; |
| 232 | 232 |
} |
| 233 |
@media screen and (max-width: $mobile-limit) {
|
|
| 233 |
@media screen and ($max-mobile-viewport) {
|
|
| 234 | 234 |
top: 90px; |
| 235 | 235 |
left: 22px; |
| 236 | 236 |
max-width: 80%; |
| ... | ... | |
| 246 | 246 |
margin: -40px 50px 0 50px; |
| 247 | 247 |
background: white url($data_uri_codebarre) 50px 25px no-repeat; |
| 248 | 248 |
background-size: 60px 60px; |
| 249 |
@media screen and (max-width: $mobile-limit) {
|
|
| 249 |
@media screen and ($max-mobile-viewport) {
|
|
| 250 | 250 |
margin: -40px 10px 0 10px; |
| 251 | 251 |
background-position: 10px 10px; |
| 252 | 252 |
} |
| ... | ... | |
| 254 | 254 |
width: 30%; |
| 255 | 255 |
margin-left: 140px; |
| 256 | 256 |
float: left; |
| 257 |
@media screen and (max-width: $mobile-limit) {
|
|
| 257 |
@media screen and ($max-mobile-viewport) {
|
|
| 258 | 258 |
width: auto; |
| 259 | 259 |
float: none; |
| 260 | 260 |
margin-left: 90px; |
| ... | ... | |
| 266 | 266 |
text-transform: uppercase; |
| 267 | 267 |
margin: 0; |
| 268 | 268 |
font-size: 24px; |
| 269 |
@media screen and (max-width: $mobile-limit) {
|
|
| 269 |
@media screen and ($max-mobile-viewport) {
|
|
| 270 | 270 |
padding-top: 5px; |
| 271 | 271 |
} |
| 272 | 272 |
} |
| ... | ... | |
| 277 | 277 |
padding: 0 0 0.7ex 0.7em; |
| 278 | 278 |
margin-right: 9px; |
| 279 | 279 |
background: white; |
| 280 |
@media screen and (max-width: $mobile-limit) {
|
|
| 280 |
@media screen and ($max-mobile-viewport) {
|
|
| 281 | 281 |
width: 9rem; |
| 282 | 282 |
} |
| 283 | 283 |
} |
| ... | ... | |
| 300 | 300 |
position: relative; |
| 301 | 301 |
top: 5px; |
| 302 | 302 |
} |
| 303 |
@media screen and (max-width: $mobile-limit) {
|
|
| 303 |
@media screen and ($max-mobile-viewport) {
|
|
| 304 | 304 |
top: 15px; |
| 305 | 305 |
font-size: 25px; |
| 306 | 306 |
height: 50px; |
| ... | ... | |
| 317 | 317 |
margin-right: 50px; |
| 318 | 318 |
font-size: 18px; |
| 319 | 319 |
padding-top: 10px; |
| 320 |
@media screen and (max-width: $mobile-limit) {
|
|
| 320 |
@media screen and ($max-mobile-viewport) {
|
|
| 321 | 321 |
width: auto; |
| 322 | 322 |
float: none; |
| 323 | 323 |
margin: 0 1rem; |
| ... | ... | |
| 358 | 358 |
#columns {
|
| 359 | 359 |
margin-top: 0rem; |
| 360 | 360 |
min-height: 80vh; |
| 361 |
@media screen and (max-width: $mobile-limit) {
|
|
| 361 |
@media screen and ($max-mobile-viewport) {
|
|
| 362 | 362 |
padding: 0; |
| 363 | 363 |
min-height: auto; |
| 364 | 364 |
} |
| ... | ... | |
| 366 | 366 |
#left, #middle, #right {
|
| 367 | 367 |
float: left; |
| 368 | 368 |
width: 33%; |
| 369 |
@media screen and (max-width: $mobile-limit) {
|
|
| 369 |
@media screen and ($max-mobile-viewport) {
|
|
| 370 | 370 |
float: none; |
| 371 | 371 |
width: 100%; |
| 372 | 372 |
.cell {
|
| ... | ... | |
| 396 | 396 |
div#content div.wcsformsofcategorycell {
|
| 397 | 397 |
position: relative; |
| 398 | 398 |
margin-bottom: 25px; |
| 399 |
@media screen and (max-width: $mobile-limit) {
|
|
| 399 |
@media screen and ($max-mobile-viewport) {
|
|
| 400 | 400 |
margin: 0px; |
| 401 | 401 |
border-bottom: 3px solid white; |
| 402 | 402 |
} |
| ... | ... | |
| 420 | 420 |
} |
| 421 | 421 |
} |
| 422 | 422 |
&.foldable {
|
| 423 |
@media screen and (max-width: $mobile-limit) {
|
|
| 423 |
@media screen and ($max-mobile-viewport) {
|
|
| 424 | 424 |
h2 {
|
| 425 | 425 |
padding-right: 50px; // for folding arrow |
| 426 | 426 |
} |
| ... | ... | |
| 505 | 505 |
.page-template-homepage div.cell#filtre-profil {
|
| 506 | 506 |
border: none; |
| 507 | 507 |
background: transparent; |
| 508 |
@media screen and (max-width: $mobile-limit) {
|
|
| 508 |
@media screen and ($max-mobile-viewport) {
|
|
| 509 | 509 |
margin: 1rem; |
| 510 | 510 |
} |
| 511 | 511 |
label {
|
| ... | ... | |
| 534 | 534 |
h1 {
|
| 535 | 535 |
margin-bottom: 1rem; |
| 536 | 536 |
text-transform: uppercase; |
| 537 |
@media screen and (max-width: $mobile-limit) {
|
|
| 537 |
@media screen and ($max-mobile-viewport) {
|
|
| 538 | 538 |
font-size: 28px; |
| 539 | 539 |
} |
| 540 | 540 |
&::after {
|
| ... | ... | |
| 673 | 673 |
} |
| 674 | 674 |
} |
| 675 | 675 |
} |
| 676 |
@media screen and (max-width: $mobile-limit) {
|
|
| 676 |
@media screen and ($max-mobile-viewport) {
|
|
| 677 | 677 |
margin: 0 -1ex; |
| 678 | 678 |
width: auto; |
| 679 | 679 |
ol {
|
| ... | ... | |
| 817 | 817 |
margin-top: 55px; |
| 818 | 818 |
height: 5px; |
| 819 | 819 |
} |
| 820 |
@media screen and (max-width: $mobile-limit) {
|
|
| 820 |
@media screen and ($max-mobile-viewport) {
|
|
| 821 | 821 |
display: none; |
| 822 | 822 |
} |
| 823 | 823 |
} |
| ... | ... | |
| 859 | 859 |
img {
|
| 860 | 860 |
max-width: 90%; |
| 861 | 861 |
} |
| 862 |
@media screen and (max-width: $mobile-limit) {
|
|
| 862 |
@media screen and ($max-mobile-viewport) {
|
|
| 863 | 863 |
width: 50%; |
| 864 | 864 |
} |
| 865 | 865 |
@media screen and (max-width: $very-small-limit) {
|
| static/lot-cd46/_custom.scss | ||
|---|---|---|
| 69 | 69 |
nav::after {
|
| 70 | 70 |
transition: all ease 0.2s; |
| 71 | 71 |
top: -2rem; |
| 72 |
@media screen and (max-width: $mobile-limit) {
|
|
| 72 |
@media screen and ($max-mobile-viewport) {
|
|
| 73 | 73 |
top: -16px; |
| 74 | 74 |
height: 100px; |
| 75 | 75 |
} |
| ... | ... | |
| 100 | 100 |
font-weight: normal; |
| 101 | 101 |
} |
| 102 | 102 | |
| 103 |
@media screen and (max-width: $mobile-limit) {
|
|
| 103 |
@media screen and ($max-mobile-viewport) {
|
|
| 104 | 104 |
div#nav, .site-header {
|
| 105 | 105 |
background: $darkpink; |
| 106 | 106 |
text-align: left; |
| static/lozere/_custom.scss | ||
|---|---|---|
| 56 | 56 |
&:hover {
|
| 57 | 57 |
background-position: -0px -129px; |
| 58 | 58 |
} |
| 59 |
@media screen and (max-width: $mobile-limit) {
|
|
| 59 |
@media screen and ($max-mobile-viewport) {
|
|
| 60 | 60 |
height: 100px; |
| 61 | 61 |
} |
| 62 | 62 |
} |
| 63 | 63 | |
| 64 | 64 |
#nav-wrapper {
|
| 65 | 65 |
background: $nav-background; |
| 66 |
@media screen and (max-width: $mobile-limit) {
|
|
| 66 |
@media screen and ($max-mobile-viewport) {
|
|
| 67 | 67 |
background: transparent; |
| 68 | 68 |
} |
| 69 | 69 |
div#nav, |
| static/massoins/_custom.scss | ||
|---|---|---|
| 14 | 14 |
background: white url(slide_1.jpg) top right no-repeat; |
| 15 | 15 |
background-size: contain; |
| 16 | 16 |
min-height: 150px; |
| 17 |
@media screen and (max-width: $mobile-limit) {
|
|
| 17 |
@media screen and ($max-mobile-viewport) {
|
|
| 18 | 18 |
background-position: top left; |
| 19 | 19 |
background-size: initial; |
| 20 | 20 |
} |
| ... | ... | |
| 34 | 34 |
div#nav > ul > li:hover, |
| 35 | 35 |
div#nav > ul > li.selected {
|
| 36 | 36 |
border-bottom: 5px solid $primary-color; |
| 37 |
@media screen and (max-width: $mobile-limit) {
|
|
| 37 |
@media screen and ($max-mobile-viewport) {
|
|
| 38 | 38 |
border-bottom: none; |
| 39 | 39 |
a {
|
| 40 | 40 |
color: $primary-color; |
| ... | ... | |
| 95 | 95 |
a {
|
| 96 | 96 |
padding-left: 10px; |
| 97 | 97 |
color: #647174; |
| 98 |
@media screen and (max-width: $mobile-limit) {
|
|
| 98 |
@media screen and ($max-mobile-viewport) {
|
|
| 99 | 99 |
color: white; |
| 100 | 100 |
text-shadow: 1px 1px 0px #333; |
| 101 | 101 |
} |
| static/mauguio/_custom.scss | ||
|---|---|---|
| 16 | 16 |
text-align: center; |
| 17 | 17 |
background: transparent url(img/logo.png) top center no-repeat; |
| 18 | 18 |
text-indent: -10000px; |
| 19 |
@media screen and (max-width: $mobile-limit) {
|
|
| 19 |
@media screen and ($max-mobile-viewport) {
|
|
| 20 | 20 |
background-size: auto 100%; |
| 21 | 21 |
margin-top: 40px; |
| 22 | 22 |
height: 93px; |
| 23 | 23 |
} |
| 24 | 24 |
} |
| 25 | 25 |
background: url(img/bandeau-e-demarches.jpg) bottom center no-repeat; |
| 26 |
@media screen and (max-width: $mobile-limit) {
|
|
| 26 |
@media screen and ($max-mobile-viewport) {
|
|
| 27 | 27 |
background-size: auto 180px; |
| 28 | 28 |
} |
| 29 | 29 |
#top {
|
| ... | ... | |
| 32 | 32 |
top: -175px; |
| 33 | 33 |
box-shadow: none; |
| 34 | 34 |
border: none; |
| 35 |
@media screen and (max-width: $mobile-limit) {
|
|
| 35 |
@media screen and ($max-mobile-viewport) {
|
|
| 36 | 36 |
top: -125px; |
| 37 | 37 |
} |
| 38 | 38 |
} |
| ... | ... | |
| 46 | 46 |
display: block; |
| 47 | 47 |
text-indent: -10000px; |
| 48 | 48 |
color: white; |
| 49 |
@media screen and (max-width: $mobile-limit) {
|
|
| 49 |
@media screen and ($max-mobile-viewport) {
|
|
| 50 | 50 |
height: 120px; |
| 51 | 51 |
} |
| 52 | 52 |
} |
| ... | ... | |
| 88 | 88 |
h3 {
|
| 89 | 89 |
font-weight: normal; |
| 90 | 90 |
} |
| 91 |
@media screen and (max-width: $mobile-limit) {
|
|
| 91 |
@media screen and ($max-mobile-viewport) {
|
|
| 92 | 92 |
a.pk-button {
|
| 93 | 93 |
display: inline-block; |
| 94 | 94 |
margin-bottom: 1ex; |
| ... | ... | |
| 99 | 99 | |
| 100 | 100 |
.gru-content div.cell.top-title-margin {
|
| 101 | 101 |
margin-top: 76px; |
| 102 |
@media screen and (max-width: $mobile-limit) {
|
|
| 102 |
@media screen and ($max-mobile-viewport) {
|
|
| 103 | 103 |
margin-top: 0; |
| 104 | 104 |
} |
| 105 | 105 |
} |
| static/meaux/_custom.scss | ||
|---|---|---|
| 27 | 27 |
content: "/"; |
| 28 | 28 |
color: white; |
| 29 | 29 |
font-size: 120%; |
| 30 |
@media screen and (max-width: $mobile-limit) {
|
|
| 30 |
@media screen and ($max-mobile-viewport) {
|
|
| 31 | 31 |
content: none; |
| 32 | 32 |
} |
| 33 | 33 |
} |
| ... | ... | |
| 36 | 36 |
} |
| 37 | 37 |
} |
| 38 | 38 | |
| 39 |
@media screen and (max-width: $mobile-limit) {
|
|
| 39 |
@media screen and ($max-mobile-viewport) {
|
|
| 40 | 40 |
#nav-wrapper {
|
| 41 | 41 |
background: transparent; |
| 42 | 42 |
#nav li:after {
|
| static/metz-metropole-2019/_custom.scss | ||
|---|---|---|
| 72 | 72 |
background-color: $yellow; |
| 73 | 73 |
} |
| 74 | 74 |
} |
| 75 |
@media screen and (max-width: $mobile-limit) {
|
|
| 75 |
@media screen and ($max-mobile-viewport) {
|
|
| 76 | 76 |
width: auto; |
| 77 | 77 |
height: $mobile-hamburger-menu-height; |
| 78 | 78 |
overflow: hidden; |
| ... | ... | |
| 115 | 115 |
height: $mobile-hamburger-menu-height; |
| 116 | 116 |
} |
| 117 | 117 |
} |
| 118 |
@media screen and (min-width: $mobile-limit) and (max-width: $width) {
|
|
| 118 |
@media screen and ($min-desktop-viewport) and (max-width: $width) {
|
|
| 119 | 119 |
width: calc(100vw - #{$nav-menu-side + $pwa-desktop-nav-width});
|
| 120 | 120 |
a.logout {
|
| 121 | 121 |
text-indent: -10000px; |
| ... | ... | |
| 148 | 148 |
div.gru-nav .gru-nav-button {
|
| 149 | 149 |
top: 0; |
| 150 | 150 |
margin-left: 0; |
| 151 |
@media screen and (max-width: $mobile-limit) {
|
|
| 151 |
@media screen and ($max-mobile-viewport) {
|
|
| 152 | 152 |
width: $mobile-hamburger-menu-width; |
| 153 | 153 |
height: $mobile-hamburger-menu-height; |
| 154 | 154 |
.icon-bar {
|
| ... | ... | |
| 243 | 243 |
background: url(/assets/header:background) top center no-repeat; |
| 244 | 244 |
background-position: top center; |
| 245 | 245 |
background-size: cover; |
| 246 |
@media screen and (max-width: $mobile-limit) {
|
|
| 246 |
@media screen and ($max-mobile-viewport) {
|
|
| 247 | 247 |
height: 140px; |
| 248 | 248 |
} |
| 249 | 249 |
border-bottom: 5px solid $yellow; |
| 250 | 250 |
margin-bottom: 25px; |
| 251 |
@media screen and (max-width: $mobile-limit) {
|
|
| 251 |
@media screen and ($max-mobile-viewport) {
|
|
| 252 | 252 |
border-bottom: 0; |
| 253 | 253 |
margin-bottom: 10px; |
| 254 | 254 |
} |
| ... | ... | |
| 273 | 273 |
background: url(img/LOGO.svg) top center no-repeat; |
| 274 | 274 |
background-size: auto 110px; |
| 275 | 275 |
} |
| 276 |
@media screen and (max-width: $mobile-limit) {
|
|
| 276 |
@media screen and ($max-mobile-viewport) {
|
|
| 277 | 277 |
margin-top: 10px; |
| 278 | 278 |
a {
|
| 279 | 279 |
max-width: 100vw; |
| ... | ... | |
| 287 | 287 |
} |
| 288 | 288 |
} |
| 289 | 289 |
.topside {
|
| 290 |
@media screen and (max-width: $mobile-limit) {
|
|
| 290 |
@media screen and ($max-mobile-viewport) {
|
|
| 291 | 291 |
display: none; |
| 292 | 292 |
} |
| 293 | 293 |
-webkit-flex: 1; |
| ... | ... | |
| 380 | 380 |
margin-bottom: 10px; |
| 381 | 381 |
background: white; |
| 382 | 382 |
} |
| 383 |
@media screen and (max-width: $mobile-limit) {
|
|
| 383 |
@media screen and ($max-mobile-viewport) {
|
|
| 384 | 384 |
top: auto; |
| 385 | 385 |
bottom: 10px; |
| 386 | 386 |
height: auto; |
| ... | ... | |
| 394 | 394 |
input + div div.carrousel-item {
|
| 395 | 395 |
padding-left: 0; |
| 396 | 396 |
background: $yellow url(img/right.png) right 100px top 50% no-repeat !important; |
| 397 |
@media screen and (max-width: $mobile-limit) {
|
|
| 397 |
@media screen and ($max-mobile-viewport) {
|
|
| 398 | 398 |
background-position: right 60px bottom 20px !important; |
| 399 | 399 |
} |
| 400 | 400 |
@media screen and (max-width: 360px) {
|
| ... | ... | |
| 402 | 402 |
} |
| 403 | 403 |
} |
| 404 | 404 |
input + div div.carrousel-item div.carrousel-item-content {
|
| 405 |
@media screen and (max-width: $mobile-limit) {
|
|
| 405 |
@media screen and ($max-mobile-viewport) {
|
|
| 406 | 406 |
vertical-align: top; |
| 407 | 407 |
font-size: 16px; |
| 408 | 408 |
} |
| ... | ... | |
| 411 | 411 |
text-align: left; |
| 412 | 412 |
margin-left: 0; |
| 413 | 413 |
margin-right: 10rem; |
| 414 |
@media screen and (max-width: $mobile-limit) {
|
|
| 414 |
@media screen and ($max-mobile-viewport) {
|
|
| 415 | 415 |
margin-right: 2rem; |
| 416 | 416 |
height: 150px; |
| 417 | 417 |
} |
| ... | ... | |
| 482 | 482 |
&::before {
|
| 483 | 483 |
background: $darkblue; |
| 484 | 484 |
} |
| 485 |
@media screen and (max-width: $mobile-limit) {
|
|
| 485 |
@media screen and ($max-mobile-viewport) {
|
|
| 486 | 486 |
height: 100px; |
| 487 | 487 |
p {
|
| 488 | 488 |
font-weight: normal; |
| ... | ... | |
| 500 | 500 | |
| 501 | 501 |
footer {
|
| 502 | 502 |
#financeurs {
|
| 503 |
@media screen and (max-width: $mobile-limit) {
|
|
| 503 |
@media screen and ($max-mobile-viewport) {
|
|
| 504 | 504 |
text-align: center; |
| 505 | 505 |
img {
|
| 506 | 506 |
float: none !important; |
| ... | ... | |
| 524 | 524 |
background: $yellow; |
| 525 | 525 |
} |
| 526 | 526 |
margin-bottom: 20px; |
| 527 |
@media screen and (max-width: $mobile-limit) {
|
|
| 527 |
@media screen and ($max-mobile-viewport) {
|
|
| 528 | 528 |
margin-bottom: 0; |
| 529 | 529 |
} |
| 530 | 530 |
} |
| ... | ... | |
| 537 | 537 |
margin-left: 10px; |
| 538 | 538 |
width: ($width / 2) - 10px; |
| 539 | 539 |
} |
| 540 |
@media screen and (min-width: $mobile-limit) and (max-width: $width) {
|
|
| 540 |
@media screen and ($min-desktop-viewport) and (max-width: $width) {
|
|
| 541 | 541 |
width: calc(100vw / 2 - 10px); |
| 542 | 542 |
+ div.cell {
|
| 543 | 543 |
width: calc(100vw / 2 - 10px); |
| ... | ... | |
| 549 | 549 |
border: 0; |
| 550 | 550 |
background-color: white; |
| 551 | 551 |
background-position: left 20px top 50%; |
| 552 |
@media screen and (max-width: $mobile-limit) {
|
|
| 552 |
@media screen and ($max-mobile-viewport) {
|
|
| 553 | 553 |
background-position: left 5px top 50%; |
| 554 | 554 |
background-size: 160px auto; |
| 555 | 555 |
} |
| ... | ... | |
| 559 | 559 |
margin-bottom: 0; |
| 560 | 560 |
div {
|
| 561 | 561 |
padding-left: 300px; |
| 562 |
@media screen and (max-width: $mobile-limit) {
|
|
| 562 |
@media screen and ($max-mobile-viewport) {
|
|
| 563 | 563 |
padding-left: 170px; |
| 564 | 564 |
} |
| 565 |
@media screen and (min-width: $mobile-limit) and (max-width: $width) {
|
|
| 565 |
@media screen and ($min-desktop-viewport) and (max-width: $width) {
|
|
| 566 | 566 |
padding-left: 250px; |
| 567 | 567 |
} |
| 568 | 568 |
display: table; |
| ... | ... | |
| 577 | 577 |
font-weight: 500; |
| 578 | 578 |
top: 0px; |
| 579 | 579 |
height: 100%; |
| 580 |
@media screen and (max-width: $mobile-limit) {
|
|
| 580 |
@media screen and ($max-mobile-viewport) {
|
|
| 581 | 581 |
width: auto; |
| 582 | 582 |
font-size: 18px; |
| 583 | 583 |
} |
| ... | ... | |
| 654 | 654 | |
| 655 | 655 |
div#page div#main-content-wrapper {
|
| 656 | 656 |
padding-bottom: 50px; |
| 657 |
@media screen and (max-width: $mobile-limit) {
|
|
| 657 |
@media screen and ($max-mobile-viewport) {
|
|
| 658 | 658 |
padding-bottom: 10px; |
| 659 | 659 |
} |
| 660 | 660 |
} |
| ... | ... | |
| 672 | 672 |
&::before {
|
| 673 | 673 |
background: #ececec; |
| 674 | 674 |
} |
| 675 |
@media screen and (max-width: $mobile-limit) {
|
|
| 675 |
@media screen and ($max-mobile-viewport) {
|
|
| 676 | 676 |
padding: 0 10px; |
| 677 | 677 |
} |
| 678 | 678 | |
| ... | ... | |
| 686 | 686 |
padding-bottom: 60px; |
| 687 | 687 |
color: $darkblue; |
| 688 | 688 |
max-width: 700px; |
| 689 |
@media screen and (max-width: $mobile-limit) {
|
|
| 689 |
@media screen and ($max-mobile-viewport) {
|
|
| 690 | 690 |
padding-top: 10px; |
| 691 | 691 |
padding-bottom: 10px; |
| 692 | 692 |
font-size: 20px; |
| ... | ... | |
| 707 | 707 |
span.commune {
|
| 708 | 708 |
font-weight: bold; |
| 709 | 709 |
} |
| 710 |
@media screen and (max-width: $mobile-limit) {
|
|
| 710 |
@media screen and ($max-mobile-viewport) {
|
|
| 711 | 711 |
position: static; |
| 712 | 712 |
span {
|
| 713 | 713 |
text-align: left; |
| ... | ... | |
| 726 | 726 | |
| 727 | 727 |
div#gauche + div#rub_service {
|
| 728 | 728 |
width: $width - 350px - 20px; |
| 729 |
@media screen and (max-width: $mobile-limit) {
|
|
| 729 |
@media screen and ($max-mobile-viewport) {
|
|
| 730 | 730 |
width: 100%; |
| 731 | 731 |
} |
| 732 |
@media screen and (min-width: $mobile-limit) and (max-width: $width) {
|
|
| 732 |
@media screen and ($min-desktop-viewport) and (max-width: $width) {
|
|
| 733 | 733 |
width: calc(100vw - 350px - 20px); |
| 734 | 734 |
} |
| 735 | 735 |
} |
| ... | ... | |
| 741 | 741 |
margin-top: -32px; |
| 742 | 742 |
margin-bottom: 0; |
| 743 | 743 |
position: relative; |
| 744 |
@media screen and (max-width: $mobile-limit) {
|
|
| 744 |
@media screen and ($max-mobile-viewport) {
|
|
| 745 | 745 |
margin: 0; |
| 746 | 746 |
-webkit-order: 0; |
| 747 | 747 |
order: 0; |
| ... | ... | |
| 779 | 779 |
height: 32px; |
| 780 | 780 |
width: 250px; |
| 781 | 781 |
} |
| 782 |
@media screen and (max-width: $mobile-limit) {
|
|
| 782 |
@media screen and ($max-mobile-viewport) {
|
|
| 783 | 783 |
position: static; |
| 784 | 784 |
button {
|
| 785 | 785 |
width: 200px; |
| ... | ... | |
| 966 | 966 |
img {
|
| 967 | 967 |
max-width: 90%; |
| 968 | 968 |
} |
| 969 |
@media screen and (max-width: $mobile-limit) {
|
|
| 969 |
@media screen and ($max-mobile-viewport) {
|
|
| 970 | 970 |
width: 50%; |
| 971 | 971 |
} |
| 972 | 972 |
@media screen and (max-width: $very-small-limit) {
|
| ... | ... | |
| 1008 | 1008 |
margin-bottom: 2rem; |
| 1009 | 1009 |
margin-bottom: 1rem; |
| 1010 | 1010 |
height: 250px; |
| 1011 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1011 |
@media screen and ($max-mobile-viewport) {
|
|
| 1012 | 1012 |
height: 150px; |
| 1013 | 1013 |
background-position: top center; |
| 1014 | 1014 |
background-size: auto 80px; |
| ... | ... | |
| 1036 | 1036 |
text-align: center; |
| 1037 | 1037 |
color: $darkblue; |
| 1038 | 1038 |
} |
| 1039 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1039 |
@media screen and ($max-mobile-viewport) {
|
|
| 1040 | 1040 |
strong {
|
| 1041 | 1041 |
top: 80px; |
| 1042 | 1042 |
font-size: 14px; |
| ... | ... | |
| 1063 | 1063 | |
| 1064 | 1064 |
div.cell.large a.big-image-link {
|
| 1065 | 1065 |
// signalement links on mobile, restore some desktop sizes |
| 1066 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1066 |
@media screen and ($max-mobile-viewport) {
|
|
| 1067 | 1067 |
background-size: 230px auto; |
| 1068 | 1068 |
border-width: 10px; |
| 1069 | 1069 |
div strong {
|
| ... | ... | |
| 1077 | 1077 |
#banner-wrapper {
|
| 1078 | 1078 |
margin-bottom: 0; |
| 1079 | 1079 |
overflow: hidden; |
| 1080 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1080 |
@media screen and ($max-mobile-viewport) {
|
|
| 1081 | 1081 |
height: 55px; |
| 1082 | 1082 |
} |
| 1083 | 1083 |
#banner .title h1 {
|
| 1084 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1084 |
@media screen and ($max-mobile-viewport) {
|
|
| 1085 | 1085 |
margin-top: 5px; |
| 1086 | 1086 |
} |
| 1087 | 1087 |
a {
|
| 1088 | 1088 |
padding-top: 0; |
| 1089 | 1089 |
height: 130px; |
| 1090 | 1090 |
background-size: auto 110px; |
| 1091 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1091 |
@media screen and ($max-mobile-viewport) {
|
|
| 1092 | 1092 |
height: 55px; |
| 1093 | 1093 |
background-image: url(img/LOGO-no-baseline.svg); |
| 1094 | 1094 |
background-size: auto 45px; |
| ... | ... | |
| 1096 | 1096 |
} |
| 1097 | 1097 |
} |
| 1098 | 1098 |
} |
| 1099 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1099 |
@media screen and ($max-mobile-viewport) {
|
|
| 1100 | 1100 |
#columns {
|
| 1101 | 1101 |
padding: 0; |
| 1102 | 1102 |
} |
| ... | ... | |
| 1113 | 1113 |
} |
| 1114 | 1114 |
#columns {
|
| 1115 | 1115 |
margin-top: 0; |
| 1116 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1116 |
@media screen and ($max-mobile-viewport) {
|
|
| 1117 | 1117 |
div#login-page > div.block {
|
| 1118 | 1118 |
margin: 0 0 1rem 0; |
| 1119 | 1119 |
} |
| ... | ... | |
| 1132 | 1132 |
div.cell {
|
| 1133 | 1133 |
margin-left: 0; |
| 1134 | 1134 |
} |
| 1135 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1135 |
@media screen and ($max-mobile-viewport) {
|
|
| 1136 | 1136 |
margin: 0 0.7em; |
| 1137 | 1137 |
width: auto; |
| 1138 | 1138 |
max-width: auto; |
| ... | ... | |
| 1169 | 1169 |
div.a2-block {
|
| 1170 | 1170 |
padding-bottom: 1px; |
| 1171 | 1171 |
} |
| 1172 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1172 |
@media screen and ($max-mobile-viewport) {
|
|
| 1173 | 1173 |
div.a2-block {
|
| 1174 | 1174 |
margin: 1rem auto; |
| 1175 | 1175 |
} |
| ... | ... | |
| 1218 | 1218 |
border: 0; |
| 1219 | 1219 |
margin-bottom: 0; |
| 1220 | 1220 |
} |
| 1221 |
@media screen and (min-width: $mobile-limit + 1px) {
|
|
| 1221 |
@media screen and ($min-desktop-viewport) {
|
|
| 1222 | 1222 |
#banner-wrapper {
|
| 1223 | 1223 |
height: 350px; |
| 1224 | 1224 |
background-position: -250px 0px; |
| ... | ... | |
| 1232 | 1232 |
} |
| 1233 | 1233 |
} |
| 1234 | 1234 |
} |
| 1235 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1235 |
@media screen and ($max-mobile-viewport) {
|
|
| 1236 | 1236 |
#content-top-wrapper .content-top {
|
| 1237 | 1237 |
display: -webkit-flex; |
| 1238 | 1238 |
display: flex; |
| ... | ... | |
| 1296 | 1296 |
padding: 1em; |
| 1297 | 1297 |
} |
| 1298 | 1298 | |
| 1299 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1299 |
@media screen and ($max-mobile-viewport) {
|
|
| 1300 | 1300 |
body.anonymous-user, body.focus-in {
|
| 1301 | 1301 |
#pwa-navigation {
|
| 1302 | 1302 |
display: none; |
| static/metz/_custom.scss | ||
|---|---|---|
| 12 | 12 |
color: white; |
| 13 | 13 |
text-transform: uppercase; |
| 14 | 14 |
font-weight: normal; |
| 15 |
@media screen and (max-width: $mobile-limit) {
|
|
| 15 |
@media screen and ($max-mobile-viewport) {
|
|
| 16 | 16 |
height: 45px; |
| 17 | 17 |
} |
| 18 | 18 |
} |
| ... | ... | |
| 25 | 25 |
border-radius: $border-radius; |
| 26 | 26 |
text-transform: uppercase; |
| 27 | 27 |
} |
| 28 |
@media screen and (max-width: $mobile-limit) {
|
|
| 28 |
@media screen and ($max-mobile-viewport) {
|
|
| 29 | 29 |
background: $primary-color; |
| 30 | 30 |
} |
| 31 | 31 |
} |
| static/meudon/_custom.scss | ||
|---|---|---|
| 133 | 133 |
#footer {
|
| 134 | 134 |
display: flex; |
| 135 | 135 |
justify-content: flex-start; |
| 136 |
@media screen and (max-width: $mobile-limit) {
|
|
| 136 |
@media screen and ($max-mobile-viewport) {
|
|
| 137 | 137 |
flex-direction: column; |
| 138 | 138 |
} |
| 139 | 139 |
div.cell {
|
| ... | ... | |
| 151 | 151 |
} |
| 152 | 152 |
} |
| 153 | 153 | |
| 154 |
@media screen and (max-width: $mobile-limit) {
|
|
| 154 |
@media screen and ($max-mobile-viewport) {
|
|
| 155 | 155 |
#header #top #logo {
|
| 156 | 156 |
padding-left: 40px; |
| 157 | 157 |
padding-bottom: 20px; |
| static/meuse-cd55/_custom.scss | ||
|---|---|---|
| 32 | 32 |
#logo {
|
| 33 | 33 |
font-size: $fz-h4; |
| 34 | 34 |
padding-bottom: .5em; |
| 35 |
@media (max-width: $mobile-limit) {
|
|
| 35 |
@media ($max-mobile-viewport) {
|
|
| 36 | 36 |
padding-left: $nav-menu-side + 10; |
| 37 | 37 |
} |
| 38 |
@media (min-width: $mobile-limit + 1) {
|
|
| 38 |
@media ($min-desktop-viewport) {
|
|
| 39 | 39 |
padding-bottom: 2em; |
| 40 | 40 |
} |
| 41 | 41 |
a {
|
| ... | ... | |
| 47 | 47 |
background-size: auto $meuse-logo-height-mobile; |
| 48 | 48 |
background-position: left top 10px; |
| 49 | 49 | |
| 50 |
@media (min-width: $mobile-limit + 1) {
|
|
| 50 |
@media ($min-desktop-viewport) {
|
|
| 51 | 51 |
padding-top: $meuse-logo-width-desktop / 5; |
| 52 | 52 |
padding-bottom: $meuse-logo-width-desktop / 21; |
| 53 | 53 |
padding-left: $meuse-logo-width-desktop + 20; |
| ... | ... | |
| 173 | 173 |
position: relative; |
| 174 | 174 | |
| 175 | 175 |
// Start visually rub-services just after nav |
| 176 |
@media (min-width: $mobile-limit + 1) {
|
|
| 176 |
@media ($min-desktop-viewport) {
|
|
| 177 | 177 |
&::before {
|
| 178 | 178 |
content: ""; |
| 179 | 179 |
display: block; |
| static/meyzieu-2018/_custom.scss | ||
|---|---|---|
| 7 | 7 |
background-repeat: no-repeat; |
| 8 | 8 |
background-position: 0 center, 6em center; |
| 9 | 9 |
background-size: 5% auto, 55% auto; |
| 10 |
@media screen and (max-width: $mobile-limit) {
|
|
| 10 |
@media screen and ($max-mobile-viewport) {
|
|
| 11 | 11 |
background-image: url('img/logo.png');
|
| 12 | 12 |
background-position: 3em center; |
| 13 | 13 |
background-size: 75% auto; |
| ... | ... | |
| 42 | 42 |
> a {
|
| 43 | 43 |
background: $nav-item-hover-background; |
| 44 | 44 |
border-bottom: 5px solid $primary-color; |
| 45 |
@media screen and (max-width: $mobile-limit) {
|
|
| 45 |
@media screen and ($max-mobile-viewport) {
|
|
| 46 | 46 |
border: 0; |
| 47 | 47 |
} |
| 48 | 48 |
} |
| ... | ... | |
| 56 | 56 |
border-top: 1px solid $nav-background; |
| 57 | 57 |
background: #fff; |
| 58 | 58 |
width: calc(#{$sidebar-width} - 20px);
|
| 59 |
@media screen and (max-width: $mobile-limit) {
|
|
| 59 |
@media screen and ($max-mobile-viewport) {
|
|
| 60 | 60 |
background: transparent; |
| 61 | 61 |
width: auto; |
| 62 | 62 |
} |
| ... | ... | |
| 68 | 68 |
width: 100%; |
| 69 | 69 |
color: $primary-color; |
| 70 | 70 |
border-bottom: 5px solid #fff; |
| 71 |
@media screen and (max-width: $mobile-limit) {
|
|
| 71 |
@media screen and ($max-mobile-viewport) {
|
|
| 72 | 72 |
border: 0 |
| 73 | 73 |
} |
| 74 | 74 |
&:hover {
|
| 75 | 75 |
border-bottom: 5px solid $primary-color; |
| 76 |
@media screen and (max-width: $mobile-limit) {
|
|
| 76 |
@media screen and ($max-mobile-viewport) {
|
|
| 77 | 77 |
border: 0; |
| 78 | 78 |
} |
| 79 | 79 |
} |
| 80 | 80 |
span::after {
|
| 81 |
@media screen and (max-width: $mobile-limit) {
|
|
| 81 |
@media screen and ($max-mobile-viewport) {
|
|
| 82 | 82 |
display: none; |
| 83 | 83 |
} |
| 84 | 84 |
content: ' '; |
| ... | ... | |
| 131 | 131 |
.carrousel-wrapper {
|
| 132 | 132 |
@include flexbox(); |
| 133 | 133 |
@include flex(0 0 calc(#{$width} - #{$sidebar-width}));
|
| 134 |
@media screen and (max-width: $mobile-limit) {
|
|
| 134 |
@media screen and ($max-mobile-viewport) {
|
|
| 135 | 135 |
@include flex-direction(column); |
| 136 | 136 |
@include flex(0); |
| 137 | 137 |
} |
| ... | ... | |
| 139 | 139 |
@include flexbox(); |
| 140 | 140 |
align-items: center; |
| 141 | 141 |
width: 25%; |
| 142 |
@media screen and (max-width: $mobile-limit) {
|
|
| 142 |
@media screen and ($max-mobile-viewport) {
|
|
| 143 | 143 |
width: 100%; |
| 144 | 144 |
margin: 0 auto; |
| 145 | 145 |
display: block; |
| 146 | 146 |
} |
| 147 | 147 |
a {
|
| 148 | 148 |
text-align: center; |
| 149 |
@media screen and (max-width: $mobile-limit) {
|
|
| 149 |
@media screen and ($max-mobile-viewport) {
|
|
| 150 | 150 |
text-align: justify; |
| 151 | 151 |
} |
| 152 | 152 |
} |
| 153 | 153 |
ul {
|
| 154 | 154 |
border-right: 1px solid #000; |
| 155 |
@media screen and (max-width: $mobile-limit) {
|
|
| 155 |
@media screen and ($max-mobile-viewport) {
|
|
| 156 | 156 |
border: 0; |
| 157 | 157 |
} |
| 158 | 158 |
li {
|
| ... | ... | |
| 168 | 168 |
} |
| 169 | 169 |
} |
| 170 | 170 |
} |
| 171 |
@media screen and (max-width: $mobile-limit) {
|
|
| 171 |
@media screen and ($max-mobile-viewport) {
|
|
| 172 | 172 |
@include flex-direction(column); |
| 173 | 173 |
} |
| 174 | 174 |
} |
| ... | ... | |
| 288 | 288 |
} |
| 289 | 289 |
div#gauche {
|
| 290 | 290 |
width: 27.5%; |
| 291 |
@media screen and (max-width: $mobile-limit) {
|
|
| 291 |
@media screen and ($max-mobile-viewport) {
|
|
| 292 | 292 |
width: 100%; |
| 293 | 293 |
} |
| 294 | 294 |
+ div#rub_service {
|
| 295 | 295 |
width: 70.5%; |
| 296 |
@media screen and (max-width: $mobile-limit) {
|
|
| 296 |
@media screen and ($max-mobile-viewport) {
|
|
| 297 | 297 |
width: 100%; |
| 298 | 298 |
} |
| 299 | 299 |
} |
| ... | ... | |
| 354 | 354 |
@include flex-direction(row); |
| 355 | 355 |
@include vendor-prefix(flex-wrap, wrap); |
| 356 | 356 |
@include justify-content(flex-start); |
| 357 |
@media screen and (max-width: $mobile-limit) {
|
|
| 357 |
@media screen and ($max-mobile-viewport) {
|
|
| 358 | 358 |
@include justify-content(space-around); |
| 359 | 359 |
} |
| 360 | 360 |
li {
|
| ... | ... | |
| 362 | 362 |
width: 10em; |
| 363 | 363 |
@each $category in (associations, base-nautique, demenagement, etat-civil, famille, mediatheque) {
|
| 364 | 364 |
&.menu-#{$category} {
|
| 365 |
@media screen and (max-width: $mobile-limit) {
|
|
| 365 |
@media screen and ($max-mobile-viewport) {
|
|
| 366 | 366 |
background-color: $primary-color; |
| 367 | 367 |
box-shadow: 0px 0px 10px #888888; |
| 368 | 368 |
div.description {
|
| ... | ... | |
| 370 | 370 |
} |
| 371 | 371 |
} |
| 372 | 372 |
a {
|
| 373 |
@media screen and (max-width: $mobile-limit) {
|
|
| 373 |
@media screen and ($max-mobile-viewport) {
|
|
| 374 | 374 |
background-color: $primary-color; |
| 375 | 375 |
color: #FFFFFF; |
| 376 | 376 |
} |
| ... | ... | |
| 382 | 382 |
padding: 6em 0 0 0; |
| 383 | 383 |
&:hover {
|
| 384 | 384 |
background-image: url('img/#{$category}-hover.png');
|
| 385 |
@media screen and (max-width: $mobile-limit) {
|
|
| 385 |
@media screen and ($max-mobile-viewport) {
|
|
| 386 | 386 |
background-color: $nav-item-hover-background; |
| 387 | 387 |
+ div.description {
|
| 388 | 388 |
background-color: $nav-item-hover-background; |
| static/montlouis-sur-loire/_custom.scss | ||
|---|---|---|
| 502 | 502 |
} |
| 503 | 503 | |
| 504 | 504 |
/* customization mobiles/petits écrans */ |
| 505 |
@media screen and (max-width: $mobile-limit) {
|
|
| 505 |
@media screen and ($max-mobile-viewport) {
|
|
| 506 | 506 |
div#header-wrapper div#header div#toplinks {
|
| 507 | 507 |
right: 20px; |
| 508 | 508 |
} |
| static/montpellier/_custom.scss | ||
|---|---|---|
| 6 | 6 | |
| 7 | 7 |
// Steps |
| 8 | 8 |
.wcs-steps {
|
| 9 |
@media (max-width: $mobile-limit + 1) {
|
|
| 9 |
@media ($max-mobile-viewport) {
|
|
| 10 | 10 |
background: #fbfbfb; |
| 11 | 11 |
padding-left: $wcs-steps-spacing; |
| 12 | 12 |
} |
| ... | ... | |
| 522 | 522 |
position: absolute; |
| 523 | 523 |
left: 200px; |
| 524 | 524 |
top: -80px; |
| 525 |
@media screen and (max-width: $mobile-limit) {
|
|
| 525 |
@media screen and ($max-mobile-viewport) {
|
|
| 526 | 526 |
position: static; |
| 527 | 527 |
} |
| 528 | 528 |
& ul {
|
| ... | ... | |
| 642 | 642 |
} |
| 643 | 643 |
} |
| 644 | 644 | |
| 645 |
@media screen and (max-width: $mobile-limit) {
|
|
| 645 |
@media screen and ($max-mobile-viewport) {
|
|
| 646 | 646 |
div.gru-nav .gru-nav-button + ul {
|
| 647 | 647 |
top: -17px; |
| 648 | 648 |
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26), 0px 2px 10px 0px rgba(0, 0, 0, 0.22); |
| ... | ... | |
| 673 | 673 |
} |
| 674 | 674 |
} |
| 675 | 675 | |
| 676 |
@media screen and (max-width: $mobile-limit) {
|
|
| 676 |
@media screen and ($max-mobile-viewport) {
|
|
| 677 | 677 |
/* limit display to those with the mobile keyword */ |
| 678 | 678 |
div.categoriescell li, |
| 679 | 679 |
#services > ul > li, |
| ... | ... | |
| 711 | 711 |
} |
| 712 | 712 |
} |
| 713 | 713 | |
| 714 |
@media screen and (max-width: $mobile-limit) {
|
|
| 714 |
@media screen and ($max-mobile-viewport) {
|
|
| 715 | 715 |
#content div.categories-list {
|
| 716 | 716 |
& > ul > li {
|
| 717 | 717 |
background: white; |
| ... | ... | |
| 840 | 840 |
margin-left: 3%; |
| 841 | 841 |
margin-right: 6%; |
| 842 | 842 |
} |
| 843 |
@media screen and (max-width: $mobile-limit) {
|
|
| 843 |
@media screen and ($max-mobile-viewport) {
|
|
| 844 | 844 |
width: 100%; |
| 845 | 845 |
margin: 1em 0 !important; |
| 846 | 846 |
} |
| ... | ... | |
| 876 | 876 |
} |
| 877 | 877 |
div#main-content-wrapper {
|
| 878 | 878 |
margin-top: 10px; |
| 879 |
@media screen and (max-width: $mobile-limit) {
|
|
| 879 |
@media screen and ($max-mobile-viewport) {
|
|
| 880 | 880 |
margin-top: 0; |
| 881 | 881 |
div#nav {
|
| 882 | 882 |
margin-bottom: 0; |
| ... | ... | |
| 897 | 897 |
#toplinks span.connected-user {
|
| 898 | 898 |
display: none; |
| 899 | 899 |
} |
| 900 |
@media screen and (max-width: $mobile-limit) {
|
|
| 900 |
@media screen and ($max-mobile-viewport) {
|
|
| 901 | 901 |
top: 0; |
| 902 | 902 |
} |
| 903 | 903 |
} |
| ... | ... | |
| 949 | 949 |
div.realisation {
|
| 950 | 950 |
float: left; |
| 951 | 951 |
padding-top: 20px; |
| 952 |
@media screen and (max-width: $mobile-limit) {
|
|
| 952 |
@media screen and ($max-mobile-viewport) {
|
|
| 953 | 953 |
display: none; |
| 954 | 954 |
} |
| 955 | 955 |
} |
| static/montreuil/_custom.scss | ||
|---|---|---|
| 21 | 21 |
position: absolute; |
| 22 | 22 |
top: -60px; |
| 23 | 23 |
width: calc(100% - 50px); |
| 24 |
@media screen and (max-width: $mobile-limit) {
|
|
| 24 |
@media screen and ($max-mobile-viewport) {
|
|
| 25 | 25 |
left: 50px; |
| 26 | 26 |
} |
| 27 | 27 |
} |
| ... | ... | |
| 101 | 101 |
} |
| 102 | 102 | |
| 103 | 103 |
.gru-content {
|
| 104 |
@media screen and (max-width: $mobile-limit) {
|
|
| 104 |
@media screen and ($max-mobile-viewport) {
|
|
| 105 | 105 |
margin-top: 10px; |
| 106 | 106 |
} |
| 107 | 107 |
div.wcsformsofcategorycell {
|
| ... | ... | |
| 142 | 142 | |
| 143 | 143 |
// Steps |
| 144 | 144 |
.wcs-step {
|
| 145 |
@media (max-width: $mobile-limit) {
|
|
| 145 |
@media ($max-mobile-viewport) {
|
|
| 146 | 146 |
border: none !important; |
| 147 | 147 |
&--marker {
|
| 148 | 148 |
border: 1px solid; |
| ... | ... | |
| 177 | 177 | |
| 178 | 178 |
div#sidebar {
|
| 179 | 179 |
div.trackingcodeinputcell {
|
| 180 |
@media screen and (min-width: $mobile-limit) {
|
|
| 180 |
@media screen and ($min-desktop-viewport) {
|
|
| 181 | 181 |
input {
|
| 182 | 182 |
width: 9.5em; |
| 183 | 183 |
} |
| ... | ... | |
| 195 | 195 |
&.sticky {
|
| 196 | 196 |
position: sticky; |
| 197 | 197 |
top: 1em; |
| 198 |
@media screen and (max-width: $mobile-limit) {
|
|
| 198 |
@media screen and ($max-mobile-viewport) {
|
|
| 199 | 199 |
position: relative; |
| 200 | 200 |
margin-bottom: 2em; |
| 201 | 201 |
} |
| static/moselle/_custom.scss | ||
|---|---|---|
| 97 | 97 |
border-top: 10px solid $primary-color; |
| 98 | 98 |
} |
| 99 | 99 | |
| 100 |
@media screen and (max-width: $mobile-limit) {
|
|
| 100 |
@media screen and ($max-mobile-viewport) {
|
|
| 101 | 101 |
#page {
|
| 102 | 102 |
background: transparent; |
| 103 | 103 |
} |
| static/murviel-les-montpellier/_custom.scss | ||
|---|---|---|
| 4 | 4 |
background: white url(img/pages_fnd.jpg) center top no-repeat; |
| 5 | 5 |
background-attachment: fixed; |
| 6 | 6 |
padding: 50px 0; |
| 7 |
@media screen and (max-width: $mobile-limit) {
|
|
| 7 |
@media screen and ($max-mobile-viewport) {
|
|
| 8 | 8 |
padding: 0; |
| 9 | 9 |
} |
| 10 | 10 |
} |
| ... | ... | |
| 17 | 17 |
.site-header, nav, #main-content-wrapper {
|
| 18 | 18 |
box-sizing: border-box; |
| 19 | 19 |
padding: 0 20px; |
| 20 |
@media screen and (max-width: $mobile-limit) {
|
|
| 20 |
@media screen and ($max-mobile-viewport) {
|
|
| 21 | 21 |
padding: 0; |
| 22 | 22 |
} |
| 23 | 23 |
} |
| ... | ... | |
| 33 | 33 |
text-indent: -1000px; |
| 34 | 34 |
overflow: hidden; |
| 35 | 35 |
} |
| 36 |
@media screen and (max-width: $mobile-limit) {
|
|
| 36 |
@media screen and ($max-mobile-viewport) {
|
|
| 37 | 37 |
padding-left: 0; |
| 38 | 38 |
height: 100px; |
| 39 | 39 |
a {
|
| static/nancy-en-direct/_custom.scss | ||
|---|---|---|
| 11 | 11 |
background-position: center left; |
| 12 | 12 |
background-repeat: no-repeat; |
| 13 | 13 |
background-size: auto 75%; |
| 14 |
@media screen and (max-width: $mobile-limit) {
|
|
| 14 |
@media screen and ($max-mobile-viewport) {
|
|
| 15 | 15 |
background-position: center center; |
| 16 | 16 |
} |
| 17 | 17 |
} |
| ... | ... | |
| 27 | 27 |
display: flex; |
| 28 | 28 |
align-items: center; |
| 29 | 29 |
color: #ffffff; |
| 30 |
@media screen and (max-width: $mobile-limit) {
|
|
| 30 |
@media screen and ($max-mobile-viewport) {
|
|
| 31 | 31 |
display: none; |
| 32 | 32 |
} |
| 33 | 33 |
a {
|
| ... | ... | |
| 48 | 48 |
left: 50%; |
| 49 | 49 |
transform: translateY(-50%); |
| 50 | 50 |
z-index: -1; |
| 51 |
@media screen and (max-width: $mobile-limit) {
|
|
| 51 |
@media screen and ($max-mobile-viewport) {
|
|
| 52 | 52 |
width: 100%; |
| 53 | 53 |
left: 0; |
| 54 | 54 |
border-radius: 0; |
| ... | ... | |
| 62 | 62 |
} |
| 63 | 63 | |
| 64 | 64 |
div.carrousel-content input + div div.carrousel-item {
|
| 65 |
@media screen and (max-width: $mobile-limit) {
|
|
| 65 |
@media screen and ($max-mobile-viewport) {
|
|
| 66 | 66 |
padding: 0; |
| 67 | 67 |
} |
| 68 | 68 |
div.carrousel-item-content > a {
|
| 69 |
@media screen and (max-width: $mobile-limit) {
|
|
| 69 |
@media screen and ($max-mobile-viewport) {
|
|
| 70 | 70 |
margin: 0; |
| 71 | 71 |
width: 100%; |
| 72 | 72 |
} |
| ... | ... | |
| 130 | 130 |
} |
| 131 | 131 | |
| 132 | 132 |
div#nav-wrapper {
|
| 133 |
@media screen and (min-width: $mobile-limit) {
|
|
| 133 |
@media screen and ($min-desktop-viewport) {
|
|
| 134 | 134 |
background: #efefef; |
| 135 | 135 |
} |
| 136 | 136 |
div.gru-nav {
|
| 137 |
@media screen and (min-width: $mobile-limit) {
|
|
| 137 |
@media screen and ($min-desktop-viewport) {
|
|
| 138 | 138 |
background: transparent; |
| 139 | 139 |
} |
| 140 | 140 |
} |
| 141 | 141 |
ul {
|
| 142 |
@media screen and (min-width: $mobile-limit) {
|
|
| 142 |
@media screen and ($min-desktop-viewport) {
|
|
| 143 | 143 |
margin-top: 0; |
| 144 | 144 |
} |
| 145 | 145 |
} |
| ... | ... | |
| 224 | 224 |
} |
| 225 | 225 | |
| 226 | 226 |
.wcs-steps {
|
| 227 |
@media screen and (max-width: $mobile-limit) {
|
|
| 227 |
@media screen and ($max-mobile-viewport) {
|
|
| 228 | 228 |
margin-bottom: 10px; |
| 229 | 229 |
} |
| 230 | 230 |
} |
| ... | ... | |
| 240 | 240 |
} |
| 241 | 241 |
} |
| 242 | 242 |
div#gauche div#tracking-code a {
|
| 243 |
@media screen and (max-width: $mobile-limit) {
|
|
| 243 |
@media screen and ($max-mobile-viewport) {
|
|
| 244 | 244 |
padding-left: 30px; |
| 245 | 245 |
} |
| 246 | 246 |
} |
| ... | ... | |
| 298 | 298 |
display: flex; |
| 299 | 299 |
flex-direction: row; |
| 300 | 300 |
justify-content: space-between; |
| 301 |
@media screen and (max-width: $mobile-limit) {
|
|
| 301 |
@media screen and ($max-mobile-viewport) {
|
|
| 302 | 302 |
flex-direction: column; |
| 303 | 303 |
} |
| 304 | 304 |
#gauche {
|
| 305 |
@media screen and (min-width: $mobile-limit) {
|
|
| 305 |
@media screen and ($min-desktop-viewport) {
|
|
| 306 | 306 |
order: 1; |
| 307 | 307 |
width: 180px; |
| 308 | 308 |
margin-left: 20px; |
| ... | ... | |
| 333 | 333 |
} |
| 334 | 334 | |
| 335 | 335 |
div#side {
|
| 336 |
@media screen and (max-width: $mobile-limit) {
|
|
| 336 |
@media screen and ($max-mobile-viewport) {
|
|
| 337 | 337 |
flex-direction: column-reverse; |
| 338 | 338 |
} |
| 339 | 339 |
} |
| static/nanterre/_custom.scss | ||
|---|---|---|
| 314 | 314 |
padding: 10px; |
| 315 | 315 |
} |
| 316 | 316 | |
| 317 |
@media screen and (max-width: $mobile-limit) {
|
|
| 317 |
@media screen and ($max-mobile-viewport) {
|
|
| 318 | 318 |
div#toplinks {
|
| 319 | 319 |
max-width: 100%; |
| 320 | 320 |
border-width: 0 0 2px 2px; |
| static/orleans/_custom.scss | ||
|---|---|---|
| 25 | 25 |
background: #D1D1D1; |
| 26 | 26 |
color: #555; |
| 27 | 27 |
} |
| 28 |
@media screen and (max-width: $mobile-limit) {
|
|
| 28 |
@media screen and ($max-mobile-viewport) {
|
|
| 29 | 29 |
margin-right: 0.5em; |
| 30 | 30 |
} |
| 31 | 31 |
} |
| ... | ... | |
| 51 | 51 |
position: absolute; |
| 52 | 52 |
top: -30px; |
| 53 | 53 |
padding: 1ex 1em 0.3ex 0; |
| 54 |
@media screen and (max-width: $mobile-limit) {
|
|
| 54 |
@media screen and ($max-mobile-viewport) {
|
|
| 55 | 55 |
display: none; |
| 56 | 56 |
} |
| 57 | 57 |
} |
| ... | ... | |
| 207 | 207 |
color: #dbdbdb; |
| 208 | 208 |
display: flex; |
| 209 | 209 |
justify-content: space-between; |
| 210 |
@media screen and (max-width: $mobile-limit) {
|
|
| 210 |
@media screen and ($max-mobile-viewport) {
|
|
| 211 | 211 |
flex-direction: column; |
| 212 | 212 |
} |
| 213 | 213 |
h3 {
|
| ... | ... | |
| 232 | 232 |
div.mairie-orleans, div.orleans-metropole {
|
| 233 | 233 |
width: 49%; |
| 234 | 234 |
padding: 0 5px; |
| 235 |
@media screen and (max-width: $mobile-limit) {
|
|
| 235 |
@media screen and ($max-mobile-viewport) {
|
|
| 236 | 236 |
width: auto; |
| 237 | 237 |
} |
| 238 | 238 |
} |
| ... | ... | |
| 282 | 282 |
float: left; |
| 283 | 283 |
} |
| 284 | 284 |
button {
|
| 285 |
@media screen and (max-width: $mobile-limit) {
|
|
| 285 |
@media screen and ($max-mobile-viewport) {
|
|
| 286 | 286 |
margin-right: 0.5em; |
| 287 | 287 |
} |
| 288 | 288 |
} |
| static/perols/_custom.scss | ||
|---|---|---|
| 5 | 5 |
div#header-wrapper {
|
| 6 | 6 |
background: transparent url(img/top.png) top center no-repeat; |
| 7 | 7 |
height: 246px; |
| 8 |
@media screen and (max-width: $mobile-limit) {
|
|
| 8 |
@media screen and ($max-mobile-viewport) {
|
|
| 9 | 9 |
background-color: #3d3d3d; |
| 10 | 10 |
background-position: -30px -30px; |
| 11 | 11 |
} |
| ... | ... | |
| 18 | 18 |
text-indent: -1000px; |
| 19 | 19 |
overflow: hidden; |
| 20 | 20 |
} |
| 21 |
@media screen and (max-width: $mobile-limit) {
|
|
| 21 |
@media screen and ($max-mobile-viewport) {
|
|
| 22 | 22 |
padding-left: 0; |
| 23 | 23 |
width: 100%; |
| 24 | 24 |
a {
|
| ... | ... | |
| 34 | 34 |
margin-top: 0; |
| 35 | 35 |
margin-bottom: 0; |
| 36 | 36 |
} |
| 37 |
@media screen and (max-width: $mobile-limit) {
|
|
| 37 |
@media screen and ($max-mobile-viewport) {
|
|
| 38 | 38 |
text-align: left; |
| 39 | 39 |
} |
| 40 | 40 |
} |
| static/pfwb/_custom.scss | ||
|---|---|---|
| 38 | 38 |
margin-top: -100px; |
| 39 | 39 |
max-width: 800px; |
| 40 | 40 |
position: relative; |
| 41 |
@media screen and (max-width: $mobile-limit) {
|
|
| 41 |
@media screen and ($max-mobile-viewport) {
|
|
| 42 | 42 |
margin-top: 0; |
| 43 | 43 |
} |
| 44 | 44 |
& > ul {
|
| ... | ... | |
| 54 | 54 |
width: 8rem; |
| 55 | 55 |
line-height: 120%; |
| 56 | 56 |
padding-bottom: 5px; |
| 57 |
@media screen and (max-width: $mobile-limit) {
|
|
| 57 |
@media screen and ($max-mobile-viewport) {
|
|
| 58 | 58 |
height: auto; |
| 59 | 59 |
padding: 1rem; |
| 60 | 60 |
width: auto; |
| ... | ... | |
| 64 | 64 |
&.menu-accueil {
|
| 65 | 65 |
background: url(img/home.svg) 50% 5px no-repeat; |
| 66 | 66 |
background-size: 25px auto; |
| 67 |
@media screen and (max-width: $mobile-limit) {
|
|
| 67 |
@media screen and ($max-mobile-viewport) {
|
|
| 68 | 68 |
background: none; |
| 69 | 69 |
} |
| 70 | 70 |
} |
| 71 | 71 |
&.menu-videos {
|
| 72 | 72 |
background: url(img/videos.svg) 50% 5px no-repeat; |
| 73 | 73 |
background-size: 30px auto; |
| 74 |
@media screen and (max-width: $mobile-limit) {
|
|
| 74 |
@media screen and ($max-mobile-viewport) {
|
|
| 75 | 75 |
background: none; |
| 76 | 76 |
} |
| 77 | 77 |
} |
| ... | ... | |
| 81 | 81 |
span {
|
| 82 | 82 |
font-weight: bold; |
| 83 | 83 |
} |
| 84 |
@media screen and (max-width: $mobile-limit) {
|
|
| 84 |
@media screen and ($max-mobile-viewport) {
|
|
| 85 | 85 |
background: none; |
| 86 | 86 |
} |
| 87 | 87 |
} |
| 88 | 88 |
&.menu-pes {
|
| 89 | 89 |
background: url(img/pes.svg) 50% 10px no-repeat; |
| 90 | 90 |
background-size: 30px auto; |
| 91 |
@media screen and (max-width: $mobile-limit) {
|
|
| 91 |
@media screen and ($max-mobile-viewport) {
|
|
| 92 | 92 |
background: none; |
| 93 | 93 |
} |
| 94 | 94 |
} |
| 95 | 95 |
&.menu-calendrier {
|
| 96 | 96 |
background: url(img/calendrier.svg) 50% 5px no-repeat; |
| 97 | 97 |
background-size: 22px auto; |
| 98 |
@media screen and (max-width: $mobile-limit) {
|
|
| 98 |
@media screen and ($max-mobile-viewport) {
|
|
| 99 | 99 |
background: none; |
| 100 | 100 |
} |
| 101 | 101 |
} |
| ... | ... | |
| 121 | 121 |
font-weight: normal; |
| 122 | 122 |
} |
| 123 | 123 | |
| 124 |
@media screen and (max-width: $mobile-limit) {
|
|
| 124 |
@media screen and ($max-mobile-viewport) {
|
|
| 125 | 125 |
div#nav, .site-header {
|
| 126 | 126 |
text-align: left; |
| 127 | 127 |
position: static; |
| static/portal-agent/css/agent-portal.scss | ||
|---|---|---|
| 14 | 14 |
box-sizing: border-box; |
| 15 | 15 |
width: 50%; |
| 16 | 16 |
padding-right: 1rem; |
| 17 |
@media screen and (max-width: $mobile-limit) {
|
|
| 17 |
@media screen and ($max-mobile-viewport) {
|
|
| 18 | 18 |
width: auto; |
| 19 | 19 |
padding: 0; |
| 20 | 20 |
} |
| 21 | 21 |
} |
| 22 |
@media screen and (max-width: $mobile-limit) {
|
|
| 22 |
@media screen and ($max-mobile-viewport) {
|
|
| 23 | 23 |
-ms-flex-direction: column; |
| 24 | 24 |
flex-direction: column; |
| 25 | 25 |
} |
| static/pratic/_custom.scss | ||
|---|---|---|
| 66 | 66 |
padding: 10px; |
| 67 | 67 |
} |
| 68 | 68 | |
| 69 |
@media screen and (max-width: $mobile-limit) {
|
|
| 69 |
@media screen and ($max-mobile-viewport) {
|
|
| 70 | 70 |
#top {
|
| 71 | 71 |
background: transparent; |
| 72 | 72 |
} |
| static/publik/_custom.scss | ||
|---|---|---|
| 18 | 18 |
left: - $header-width / 12; |
| 19 | 19 |
} |
| 20 | 20 | |
| 21 |
@media screen and (max-width: $mobile-limit) {
|
|
| 21 |
@media screen and ($max-mobile-viewport) {
|
|
| 22 | 22 |
height: 100px; |
| 23 | 23 |
background-position: 60px -70px; |
| 24 | 24 |
} |
| ... | ... | |
| 54 | 54 |
line-height: 2.5em; |
| 55 | 55 |
} |
| 56 | 56 |
} |
| 57 |
@media screen and (max-width: $mobile-limit) {
|
|
| 57 |
@media screen and ($max-mobile-viewport) {
|
|
| 58 | 58 |
background: transparent; |
| 59 | 59 |
text-align: left; |
| 60 | 60 |
} |
| ... | ... | |
| 116 | 116 |
margin: 0; |
| 117 | 117 |
margin-top: -1em; /* cancel #content padding-top */ |
| 118 | 118 |
background: linear-gradient(to left, rgba(1, 1, 1, 0.1) 0%, rgba(0, 0, 0, 0) 20px); |
| 119 |
@media screen and (max-width: $mobile-limit) {
|
|
| 119 |
@media screen and ($max-mobile-viewport) {
|
|
| 120 | 120 |
-ms-flex: auto; |
| 121 | 121 |
flex: auto; |
| 122 | 122 |
} |
| ... | ... | |
| 189 | 189 | |
| 190 | 190 |
#content #columns {
|
| 191 | 191 |
margin-left: 10px; |
| 192 |
@media screen and (max-width: $mobile-limit) {
|
|
| 192 |
@media screen and ($max-mobile-viewport) {
|
|
| 193 | 193 |
margin-left: 0; |
| 194 | 194 |
} |
| 195 | 195 |
} |
| ... | ... | |
| 311 | 311 |
} |
| 312 | 312 | |
| 313 | 313 | |
| 314 |
@media screen and (max-width: $mobile-limit) {
|
|
| 314 |
@media screen and ($max-mobile-viewport) {
|
|
| 315 | 315 |
div#gauche {
|
| 316 | 316 |
width: auto; |
| 317 | 317 |
min-height: auto; |
| static/quimper/_custom.scss | ||
|---|---|---|
| 57 | 57 |
font-size: 11px; |
| 58 | 58 |
} |
| 59 | 59 |
} |
| 60 |
@media screen and (min-width: $nav-mobile-limit - 1px) {
|
|
| 60 |
@media screen and ($min-desktop-viewport) {
|
|
| 61 | 61 |
display: block; |
| 62 | 62 |
max-width: $width; |
| 63 | 63 |
margin: auto; |
| ... | ... | |
| 273 | 273 |
} |
| 274 | 274 |
} |
| 275 | 275 | |
| 276 |
@media screen and (max-width: $mobile-limit) {
|
|
| 276 |
@media screen and ($max-mobile-viewport) {
|
|
| 277 | 277 |
.gru-content {
|
| 278 | 278 |
#sidebar {
|
| 279 | 279 |
order: 0; |
| ... | ... | |
| 496 | 496 |
} |
| 497 | 497 | |
| 498 | 498 | |
| 499 |
@media screen and (max-width: $mobile-limit) {
|
|
| 499 |
@media screen and ($max-mobile-viewport) {
|
|
| 500 | 500 |
br.clear {
|
| 501 | 501 |
display: none; |
| 502 | 502 |
} |
| ... | ... | |
| 730 | 730 | |
| 731 | 731 |
div.qommon-map {
|
| 732 | 732 |
height: 500px; |
| 733 |
@media screen and (max-width: $mobile-limit) {
|
|
| 733 |
@media screen and ($max-mobile-viewport) {
|
|
| 734 | 734 |
height: 280px; |
| 735 | 735 |
max-height: 40vh; |
| 736 | 736 |
} |
| ... | ... | |
| 867 | 867 |
padding-top: 0; |
| 868 | 868 |
} |
| 869 | 869 | |
| 870 |
@media screen and (max-width: $mobile-limit) {
|
|
| 870 |
@media screen and ($max-mobile-viewport) {
|
|
| 871 | 871 |
body.focus-in {
|
| 872 | 872 |
#pwa-navigation {
|
| 873 | 873 |
display: none; |
| static/rochefort/_custom.scss | ||
|---|---|---|
| 61 | 61 |
background: #54AAA1; |
| 62 | 62 |
} |
| 63 | 63 |
} |
| 64 |
@media screen and (max-width: $mobile-limit) {
|
|
| 64 |
@media screen and ($max-mobile-viewport) {
|
|
| 65 | 65 |
margin: 15px 0; |
| 66 | 66 |
clear: both; |
| 67 | 67 |
float: none; |
| ... | ... | |
| 109 | 109 |
#logo a {
|
| 110 | 110 |
font-size: 28px; |
| 111 | 111 |
color: $primary-color; |
| 112 |
@media screen and (max-width: $mobile-limit) {
|
|
| 112 |
@media screen and ($max-mobile-viewport) {
|
|
| 113 | 113 |
visibility: hidden; |
| 114 | 114 |
} |
| 115 | 115 |
} |
| ... | ... | |
| 118 | 118 |
padding-top: 1ex; |
| 119 | 119 |
padding-bottom: 2ex; |
| 120 | 120 |
font-size: 24px; |
| 121 |
@media screen and (max-width: $mobile-limit) {
|
|
| 121 |
@media screen and ($max-mobile-viewport) {
|
|
| 122 | 122 |
display: none; |
| 123 | 123 |
} |
| 124 | 124 |
} |
| ... | ... | |
| 128 | 128 |
margin-right: 10px; |
| 129 | 129 |
border: 2px solid $primary-color; |
| 130 | 130 |
border-width: 2px 0px; |
| 131 |
@media screen and (max-width: $mobile-limit) {
|
|
| 131 |
@media screen and ($max-mobile-viewport) {
|
|
| 132 | 132 |
border: none; |
| 133 | 133 |
} |
| 134 | 134 |
} |
| ... | ... | |
| 146 | 146 |
font-size: 80%; |
| 147 | 147 |
} |
| 148 | 148 | |
| 149 |
@media screen and (max-width: $mobile-limit) {
|
|
| 149 |
@media screen and ($max-mobile-viewport) {
|
|
| 150 | 150 |
div#footer-wrapper {
|
| 151 | 151 |
background-image: none; |
| 152 | 152 |
} |
| ... | ... | |
| 179 | 179 |
} |
| 180 | 180 |
} |
| 181 | 181 | |
| 182 |
@media screen and (max-width: $mobile-limit) {
|
|
| 182 |
@media screen and ($max-mobile-viewport) {
|
|
| 183 | 183 |
div#header {
|
| 184 | 184 |
padding: 0; |
| 185 | 185 |
h1 {
|
| static/saint-bres/_custom.scss | ||
|---|---|---|
| 7 | 7 |
div#header-wrapper {
|
| 8 | 8 |
background: transparent url(img/header.jpg) top center no-repeat; |
| 9 | 9 |
height: 275px; |
| 10 |
@media screen and (max-width: $mobile-limit) {
|
|
| 10 |
@media screen and ($max-mobile-viewport) {
|
|
| 11 | 11 |
background-position: 40px 0; |
| 12 | 12 |
} |
| 13 | 13 |
div#header h1 {
|
| ... | ... | |
| 18 | 18 |
text-indent: -1000px; |
| 19 | 19 |
overflow: hidden; |
| 20 | 20 |
} |
| 21 |
@media screen and (max-width: $mobile-limit) {
|
|
| 21 |
@media screen and ($max-mobile-viewport) {
|
|
| 22 | 22 |
padding-left: 0; |
| 23 | 23 |
width: 100%; |
| 24 | 24 |
a {
|
| ... | ... | |
| 33 | 33 |
& > ul {
|
| 34 | 34 |
margin-top: 0; |
| 35 | 35 |
} |
| 36 |
@media screen and (max-width: $mobile-limit) {
|
|
| 36 |
@media screen and ($max-mobile-viewport) {
|
|
| 37 | 37 |
text-align: left; |
| 38 | 38 |
} |
| 39 | 39 |
} |
| ... | ... | |
| 50 | 50 |
font-weight: bold; |
| 51 | 51 |
padding: 5px 10px 5px 10px; |
| 52 | 52 |
} |
| 53 |
@media screen and (max-width: $mobile-limit) {
|
|
| 53 |
@media screen and ($max-mobile-viewport) {
|
|
| 54 | 54 |
right: 0; |
| 55 | 55 |
a {
|
| 56 | 56 |
font-size: 80%; |
| static/saint-denis/_custom.scss | ||
|---|---|---|
| 5 | 5 |
} |
| 6 | 6 | |
| 7 | 7 |
#header #top #logo a {
|
| 8 |
@media screen and (min-width: $mobile-limit+1px) {
|
|
| 8 |
@media screen and ($min-desktop-viewport) {
|
|
| 9 | 9 |
background-size: unset; |
| 10 | 10 |
height: 103px; |
| 11 | 11 |
margin: 24px 0 6px; |
| ... | ... | |
| 16 | 16 |
font-weight: 700; |
| 17 | 17 |
color: $font-color; |
| 18 | 18 |
} |
| 19 |
@media screen and (max-width: $mobile-limit) {
|
|
| 19 |
@media screen and ($max-mobile-viewport) {
|
|
| 20 | 20 |
background-size: contain; |
| 21 | 21 |
text-indent: -10000px; |
| 22 | 22 |
} |
| ... | ... | |
| 50 | 50 |
margin-bottom: 50px; |
| 51 | 51 |
margin-left: auto; |
| 52 | 52 |
margin-right: auto; |
| 53 |
@media screen and (max-width: $mobile-limit) {
|
|
| 53 |
@media screen and ($max-mobile-viewport) {
|
|
| 54 | 54 |
height: 113px; |
| 55 | 55 |
width: unset; |
| 56 | 56 |
} |
| static/saint-drezery/_custom.scss | ||
|---|---|---|
| 5 | 5 |
div#header-wrapper {
|
| 6 | 6 |
background: white url(img/bandeau-h.jpeg) top center no-repeat; |
| 7 | 7 |
height: 235px; |
| 8 |
@media screen and (max-width: $mobile-limit) {
|
|
| 8 |
@media screen and ($max-mobile-viewport) {
|
|
| 9 | 9 |
background-position: top left; |
| 10 | 10 |
height: 295px; |
| 11 | 11 |
} |
| ... | ... | |
| 17 | 17 |
text-indent: -1000px; |
| 18 | 18 |
overflow: hidden; |
| 19 | 19 |
} |
| 20 |
@media screen and (max-width: $mobile-limit) {
|
|
| 20 |
@media screen and ($max-mobile-viewport) {
|
|
| 21 | 21 |
padding-left: 0; |
| 22 | 22 |
width: 100%; |
| 23 | 23 |
a {
|
| static/saint-genies-des-mourgues/_custom.scss | ||
|---|---|---|
| 5 | 5 |
div#header-wrapper {
|
| 6 | 6 |
background: transparent url(img/bandeau-haut.jpg) top center no-repeat; |
| 7 | 7 |
height: 208px; |
| 8 |
@media screen and (max-width: $mobile-limit) {
|
|
| 8 |
@media screen and ($max-mobile-viewport) {
|
|
| 9 | 9 |
background-position: -160px -50px; |
| 10 | 10 |
height: 220px; |
| 11 | 11 |
} |
| ... | ... | |
| 17 | 17 |
text-indent: -1000px; |
| 18 | 18 |
overflow: hidden; |
| 19 | 19 |
} |
| 20 |
@media screen and (max-width: $mobile-limit) {
|
|
| 20 |
@media screen and ($max-mobile-viewport) {
|
|
| 21 | 21 |
padding-left: 0; |
| 22 | 22 |
width: 100%; |
| 23 | 23 |
} |
| ... | ... | |
| 31 | 31 |
margin-top: 0; |
| 32 | 32 |
margin-bottom: 0; |
| 33 | 33 |
} |
| 34 |
@media screen and (max-width: $mobile-limit) {
|
|
| 34 |
@media screen and ($max-mobile-viewport) {
|
|
| 35 | 35 |
text-align: left; |
| 36 | 36 |
} |
| 37 | 37 |
} |
| ... | ... | |
| 45 | 45 |
display: inline-block; |
| 46 | 46 |
color: $font-color; |
| 47 | 47 |
padding: 10px 10px 15px 10px; |
| 48 |
@media screen and (max-width: $mobile-limit) {
|
|
| 48 |
@media screen and ($max-mobile-viewport) {
|
|
| 49 | 49 |
font-size: 80%; |
| 50 | 50 |
} |
| 51 | 51 |
} |
| static/saint-georges-d-orques/_custom.scss | ||
|---|---|---|
| 10 | 10 |
#main-content-wrapper {
|
| 11 | 11 |
box-sizing: border-box; |
| 12 | 12 |
padding: 0 10px; |
| 13 |
@media screen and (max-width: $mobile-limit) {
|
|
| 13 |
@media screen and ($max-mobile-viewport) {
|
|
| 14 | 14 |
padding: 0; |
| 15 | 15 |
} |
| 16 | 16 |
} |
| ... | ... | |
| 26 | 26 |
color: $primary-color; |
| 27 | 27 |
padding-left: 10px; |
| 28 | 28 |
} |
| 29 |
@media screen and (max-width: $mobile-limit) {
|
|
| 29 |
@media screen and ($max-mobile-viewport) {
|
|
| 30 | 30 |
padding-top: 40px; |
| 31 | 31 |
padding-left: 0px; |
| 32 | 32 |
} |
| static/saint-jean-de-vedas/_custom.scss | ||
|---|---|---|
| 9 | 9 |
text-indent: -1000px; |
| 10 | 10 |
overflow: hidden; |
| 11 | 11 |
} |
| 12 |
@media screen and (max-width: $mobile-limit) {
|
|
| 12 |
@media screen and ($max-mobile-viewport) {
|
|
| 13 | 13 |
padding-top: 10px; |
| 14 | 14 |
padding-bottom: 30px; |
| 15 | 15 |
padding-left: 0; |
| ... | ... | |
| 23 | 23 | |
| 24 | 24 |
div#nav {
|
| 25 | 25 |
background: transparent url(img/logo.png) 9px -120px no-repeat; |
| 26 |
@media screen and (max-width: $mobile-limit) {
|
|
| 26 |
@media screen and ($max-mobile-viewport) {
|
|
| 27 | 27 |
background: transparent; |
| 28 | 28 |
} |
| 29 | 29 |
margin-top: 0; |
| ... | ... | |
| 32 | 32 |
& > ul {
|
| 33 | 33 |
margin-top: 0; |
| 34 | 34 |
} |
| 35 |
@media screen and (max-width: $mobile-limit) {
|
|
| 35 |
@media screen and ($max-mobile-viewport) {
|
|
| 36 | 36 |
text-align: left; |
| 37 | 37 |
} |
| 38 | 38 |
} |
| static/saint-lo-agglo/_custom.scss | ||
|---|---|---|
| 44 | 44 | |
| 45 | 45 |
nav {
|
| 46 | 46 |
border-bottom: 5px solid #ccc; |
| 47 |
@media screen and (max-width: $mobile-limit) {
|
|
| 47 |
@media screen and ($max-mobile-viewport) {
|
|
| 48 | 48 |
border: 0; |
| 49 | 49 |
} |
| 50 | 50 |
margin-bottom: 2rem; |
| ... | ... | |
| 54 | 54 |
margin-top: 40px; |
| 55 | 55 |
margin-bottom: 30px; |
| 56 | 56 |
text-transform: uppercase; |
| 57 |
@media screen and (max-width: $mobile-limit) {
|
|
| 57 |
@media screen and ($max-mobile-viewport) {
|
|
| 58 | 58 |
margin-top: 120px; |
| 59 | 59 |
} |
| 60 | 60 |
> ul {
|
| 61 | 61 |
margin-left: 300px; |
| 62 |
@media screen and (max-width: $mobile-limit) {
|
|
| 62 |
@media screen and ($max-mobile-viewport) {
|
|
| 63 | 63 |
margin-left: 0; |
| 64 | 64 |
} |
| 65 | 65 |
} |
| 66 | 66 |
} |
| 67 | 67 | |
| 68 |
@media screen and (max-width: $mobile-limit) {
|
|
| 68 |
@media screen and ($max-mobile-viewport) {
|
|
| 69 | 69 |
#toplinks span.sep {
|
| 70 | 70 |
display: inline-block; |
| 71 | 71 |
} |
| static/saint-vallier-de-thiey/_custom.scss | ||
|---|---|---|
| 23 | 23 | |
| 24 | 24 |
div#nav-wrapper {
|
| 25 | 25 |
border-top: 1px solid #E8E8E8; |
| 26 |
@media screen and (max-width: $mobile-limit) {
|
|
| 26 |
@media screen and ($max-mobile-viewport) {
|
|
| 27 | 27 |
border-top: 0; |
| 28 | 28 |
} |
| 29 | 29 |
} |
| ... | ... | |
| 52 | 52 |
a {
|
| 53 | 53 |
color: #045e56; |
| 54 | 54 |
} |
| 55 |
@media screen and (max-width: $mobile-limit) {
|
|
| 55 |
@media screen and ($max-mobile-viewport) {
|
|
| 56 | 56 |
background: transparent; |
| 57 | 57 |
line-height: 1; |
| 58 | 58 |
padding-top: 40px; |
| static/saone-et-loire-cd71-2019/_custom.scss | ||
|---|---|---|
| 32 | 32 |
position: static; |
| 33 | 33 |
height: 101px; |
| 34 | 34 |
} |
| 35 |
@media screen and (max-width: $mobile-limit) {
|
|
| 35 |
@media screen and ($max-mobile-viewport) {
|
|
| 36 | 36 |
border-top: 0; |
| 37 | 37 |
} |
| 38 | 38 |
#logo {
|
| ... | ... | |
| 47 | 47 |
text-indent: -10000px; |
| 48 | 48 |
width: 450px; |
| 49 | 49 |
} |
| 50 |
@media screen and (max-width: $mobile-limit) {
|
|
| 50 |
@media screen and ($max-mobile-viewport) {
|
|
| 51 | 51 |
padding-left: 0px; |
| 52 | 52 |
padding-top: 15px; |
| 53 | 53 |
a {
|
| ... | ... | |
| 90 | 90 |
left: 0; |
| 91 | 91 |
height: 100%; |
| 92 | 92 |
width: 20px; |
| 93 |
@media screen and (max-width: $mobile-limit) {
|
|
| 93 |
@media screen and ($max-mobile-viewport) {
|
|
| 94 | 94 |
content: none; |
| 95 | 95 |
} |
| 96 | 96 |
} |
| ... | ... | |
| 100 | 100 |
transform: skewX(-10deg) scale(1.1); |
| 101 | 101 |
background: white; |
| 102 | 102 |
} |
| 103 |
@media screen and (max-width: $mobile-limit) {
|
|
| 103 |
@media screen and ($max-mobile-viewport) {
|
|
| 104 | 104 |
span.login a {
|
| 105 | 105 |
display: block; |
| 106 | 106 |
padding-bottom: 5px; |
| ... | ... | |
| 110 | 110 |
color: white; |
| 111 | 111 |
.connected-user {
|
| 112 | 112 |
font-weight: bold; |
| 113 |
@media screen and (max-width: $mobile-limit) {
|
|
| 113 |
@media screen and ($max-mobile-viewport) {
|
|
| 114 | 114 |
display: block; |
| 115 | 115 |
} |
| 116 | 116 |
} |
| 117 | 117 |
} |
| 118 |
@media screen and (max-width: $mobile-limit) {
|
|
| 118 |
@media screen and ($max-mobile-viewport) {
|
|
| 119 | 119 |
box-sizing: border-box; |
| 120 | 120 |
top: 0px; |
| 121 | 121 |
left: 0; |
| ... | ... | |
| 129 | 129 |
} |
| 130 | 130 |
} |
| 131 | 131 |
} |
| 132 |
@media screen and (max-width: $mobile-limit) {
|
|
| 132 |
@media screen and ($max-mobile-viewport) {
|
|
| 133 | 133 |
margin-top: 60px; |
| 134 | 134 |
} |
| 135 | 135 |
} |
| ... | ... | |
| 139 | 139 |
top: 5.5rem; |
| 140 | 140 |
right: 0rem; |
| 141 | 141 |
width: 500px; |
| 142 |
@media screen and (max-width: $mobile-limit) {
|
|
| 142 |
@media screen and ($max-mobile-viewport) {
|
|
| 143 | 143 |
width: auto; |
| 144 | 144 |
max-width: 100%; |
| 145 | 145 |
top: 50px; |
| ... | ... | |
| 161 | 161 |
font-size: 12px; |
| 162 | 162 |
font-weight: normal; |
| 163 | 163 |
} |
| 164 |
@media screen and (max-width: $mobile-limit) {
|
|
| 164 |
@media screen and ($max-mobile-viewport) {
|
|
| 165 | 165 |
top: 1rem; |
| 166 | 166 |
right: auto; |
| 167 | 167 |
left: 0; |
| ... | ... | |
| 178 | 178 |
a {
|
| 179 | 179 |
color: white; |
| 180 | 180 |
} |
| 181 |
@media screen and (max-width: $mobile-limit) {
|
|
| 181 |
@media screen and ($max-mobile-viewport) {
|
|
| 182 | 182 |
top: 70px; |
| 183 | 183 |
} |
| 184 | 184 |
} |
| ... | ... | |
| 193 | 193 |
color: $primary-color; |
| 194 | 194 |
font-size: 2rem; |
| 195 | 195 |
margin: 0 0.5rem; |
| 196 |
@media screen and (max-width: $mobile-limit) {
|
|
| 196 |
@media screen and ($max-mobile-viewport) {
|
|
| 197 | 197 |
text-align: center; |
| 198 | 198 |
} |
| 199 | 199 |
} |
| ... | ... | |
| 210 | 210 | |
| 211 | 211 |
.gru-content #sidebar div.cell {
|
| 212 | 212 |
margin-right: 40px; |
| 213 |
@media screen and (max-width: $mobile-limit) {
|
|
| 213 |
@media screen and ($max-mobile-viewport) {
|
|
| 214 | 214 |
margin-right: 0rem; |
| 215 | 215 |
} |
| 216 | 216 |
} |
| static/saone-et-loire-cd71/_custom.scss | ||
|---|---|---|
| 17 | 17 |
width: auto; |
| 18 | 18 |
} |
| 19 | 19 | |
| 20 |
@media screen and (max-width: $mobile-limit) {
|
|
| 20 |
@media screen and ($max-mobile-viewport) {
|
|
| 21 | 21 |
div#header {
|
| 22 | 22 |
padding-top: 70px; |
| 23 | 23 |
} |
| ... | ... | |
| 38 | 38 |
margin-right: 10px; |
| 39 | 39 |
} |
| 40 | 40 | |
| 41 |
@media screen and (min-width: $mobile-limit) {
|
|
| 41 |
@media screen and ($min-desktop-viewport) {
|
|
| 42 | 42 |
div#nav > ul {
|
| 43 | 43 |
margin-top: 0; |
| 44 | 44 |
margin-bottom: 0; |
| ... | ... | |
| 103 | 103 |
margin-top: 0; |
| 104 | 104 |
} |
| 105 | 105 | |
| 106 |
@media screen and (min-width: $mobile-limit) {
|
|
| 106 |
@media screen and ($min-desktop-viewport) {
|
|
| 107 | 107 |
div#gauche {
|
| 108 | 108 |
width: $sidebar-width + 10px; |
| 109 | 109 |
} |
| static/seine-et-marne/_custom.scss | ||
|---|---|---|
| 5 | 5 |
div#header {
|
| 6 | 6 |
background: white url(logo-cg77-pic.svg) bottom left no-repeat; |
| 7 | 7 |
padding-left: 100px; |
| 8 |
@media screen and (max-width: $mobile-limit) {
|
|
| 8 |
@media screen and ($max-mobile-viewport) {
|
|
| 9 | 9 |
padding-left: 0; |
| 10 | 10 |
background-position: top left; |
| 11 | 11 |
} |
| ... | ... | |
| 16 | 16 |
line-height: 140px; |
| 17 | 17 |
height: 140px; |
| 18 | 18 |
text-transform: uppercase; |
| 19 |
@media screen and (max-width: $mobile-limit) {
|
|
| 19 |
@media screen and ($max-mobile-viewport) {
|
|
| 20 | 20 |
line-height: 120px; |
| 21 | 21 |
height: 85px; |
| 22 | 22 |
} |
| ... | ... | |
| 65 | 65 |
border-radius: 1em; |
| 66 | 66 |
border: none; |
| 67 | 67 |
padding: 1ex 2em; |
| 68 |
@media screen and (max-width: $mobile-limit) {
|
|
| 68 |
@media screen and ($max-mobile-viewport) {
|
|
| 69 | 69 |
top: 5px; |
| 70 | 70 |
} |
| 71 | 71 |
} |
| static/sens/_custom.scss | ||
|---|---|---|
| 54 | 54 |
margin: 10px 0px 5px 10px; |
| 55 | 55 |
padding-left: 50px; |
| 56 | 56 |
} |
| 57 |
@media screen and (max-width: $mobile-limit) {
|
|
| 57 |
@media screen and ($max-mobile-viewport) {
|
|
| 58 | 58 |
text-align: left; |
| 59 | 59 |
& > ul {
|
| 60 | 60 |
background: $tertiary-color; |
| ... | ... | |
| 133 | 133 |
margin-top: -66px; |
| 134 | 134 |
margin-left: -8px; |
| 135 | 135 |
} |
| 136 |
@media screen and (max-width: $mobile-limit) {
|
|
| 136 |
@media screen and ($max-mobile-viewport) {
|
|
| 137 | 137 |
padding-left: 10px; |
| 138 | 138 |
img {
|
| 139 | 139 |
width: 72px; |
| static/sicoval/_custom.scss | ||
|---|---|---|
| 20 | 20 |
margin-top: 0; |
| 21 | 21 |
} |
| 22 | 22 | |
| 23 |
@media screen and (max-width: $mobile-limit) {
|
|
| 23 |
@media screen and ($max-mobile-viewport) {
|
|
| 24 | 24 |
#header #top #logo {
|
| 25 | 25 |
padding-left: 40px; |
| 26 | 26 |
} |
| static/sictiam/_custom.scss | ||
|---|---|---|
| 18 | 18 | |
| 19 | 19 |
div#nav-wrapper {
|
| 20 | 20 |
background: $nav-background; |
| 21 |
@media screen and (max-width: $mobile-limit) {
|
|
| 21 |
@media screen and ($max-mobile-viewport) {
|
|
| 22 | 22 |
background: transparent; |
| 23 | 23 |
} |
| 24 | 24 |
} |
| static/sictiam/_sictiam.scss | ||
|---|---|---|
| 1 | 1 |
#login-page > div.block {
|
| 2 | 2 |
min-height: 300px; |
| 3 |
@media screen and (max-width: $mobile-limit) {
|
|
| 3 |
@media screen and ($max-mobile-viewport) {
|
|
| 4 | 4 |
min-height: auto; |
| 5 | 5 |
} |
| 6 | 6 |
} |
| ... | ... | |
| 8 | 8 |
.oidc-button {
|
| 9 | 9 |
padding-top: 80px; |
| 10 | 10 |
text-align: center; |
| 11 |
@media screen and (max-width: $mobile-limit) {
|
|
| 11 |
@media screen and ($max-mobile-viewport) {
|
|
| 12 | 12 |
padding-top: 10px; |
| 13 | 13 |
} |
| 14 | 14 |
} |
| static/signal-publik/_custom.scss | ||
|---|---|---|
| 9 | 9 |
text-transform: uppercase; |
| 10 | 10 |
font-weight: 500; |
| 11 | 11 |
letter-spacing: -1px; |
| 12 |
@media screen and (max-width: $mobile-limit) {
|
|
| 12 |
@media screen and ($max-mobile-viewport) {
|
|
| 13 | 13 |
font-size: 25px; |
| 14 | 14 |
} |
| 15 | 15 |
} |
| ... | ... | |
| 19 | 19 |
#header {
|
| 20 | 20 |
padding: 0; |
| 21 | 21 |
background: white; |
| 22 |
@media screen and (max-width: $mobile-limit) {
|
|
| 22 |
@media screen and ($max-mobile-viewport) {
|
|
| 23 | 23 |
height: auto; |
| 24 | 24 |
} |
| 25 | 25 |
#signal-publik {
|
| ... | ... | |
| 63 | 63 |
left: calc(0px - (100vw - 600px - 200px + 20px)); |
| 64 | 64 |
} |
| 65 | 65 |
} |
| 66 |
@media screen and (max-width: $mobile-limit) {
|
|
| 66 |
@media screen and ($max-mobile-viewport) {
|
|
| 67 | 67 |
position: static; |
| 68 | 68 |
width: 100%; |
| 69 | 69 |
padding: 0 1rem; |
| ... | ... | |
| 181 | 181 | |
| 182 | 182 |
div#main-content-wrapper {
|
| 183 | 183 |
margin-top: 1rem; |
| 184 |
@media screen and (max-width: $mobile-limit) {
|
|
| 184 |
@media screen and ($max-mobile-viewport) {
|
|
| 185 | 185 |
margin-top: 0; |
| 186 | 186 |
} |
| 187 | 187 |
#columns div.textcell {
|
| ... | ... | |
| 255 | 255 |
} |
| 256 | 256 |
} |
| 257 | 257 |
} |
| 258 |
@media screen and (max-width: $mobile-limit) {
|
|
| 258 |
@media screen and ($max-mobile-viewport) {
|
|
| 259 | 259 |
&:nth-child(4n) {
|
| 260 | 260 |
a.form-link {
|
| 261 | 261 |
div span {
|
| ... | ... | |
| 338 | 338 |
} |
| 339 | 339 |
} |
| 340 | 340 | |
| 341 |
@media screen and (max-width: $mobile-limit) {
|
|
| 341 |
@media screen and ($max-mobile-viewport) {
|
|
| 342 | 342 |
.gru-content {
|
| 343 | 343 |
#sidebar {
|
| 344 | 344 |
order: 0; |
| ... | ... | |
| 516 | 516 |
} |
| 517 | 517 |
} |
| 518 | 518 | |
| 519 |
@media screen and (max-width: $mobile-limit) {
|
|
| 519 |
@media screen and ($max-mobile-viewport) {
|
|
| 520 | 520 |
br.clear {
|
| 521 | 521 |
display: none; |
| 522 | 522 |
} |
| ... | ... | |
| 616 | 616 |
div.text-check-before-submit, |
| 617 | 617 |
form {
|
| 618 | 618 |
padding: 0 1rem; |
| 619 |
@media screen and (max-width: $mobile-limit) {
|
|
| 619 |
@media screen and ($max-mobile-viewport) {
|
|
| 620 | 620 |
padding: 0.5rem 0; |
| 621 | 621 |
} |
| 622 | 622 |
} |
| ... | ... | |
| 743 | 743 | |
| 744 | 744 |
div.qommon-map {
|
| 745 | 745 |
height: 500px; |
| 746 |
@media screen and (max-width: $mobile-limit) {
|
|
| 746 |
@media screen and ($max-mobile-viewport) {
|
|
| 747 | 747 |
height: 280px; |
| 748 | 748 |
max-height: 40vh; |
| 749 | 749 |
} |
| ... | ... | |
| 788 | 788 |
border-radius: 0; |
| 789 | 789 |
} |
| 790 | 790 | |
| 791 |
@media screen and (max-width: $mobile-limit) {
|
|
| 791 |
@media screen and ($max-mobile-viewport) {
|
|
| 792 | 792 |
body.focus-in {
|
| 793 | 793 |
#pwa-navigation {
|
| 794 | 794 |
display: none; |
| ... | ... | |
| 893 | 893 |
div#login-page.methods2 > div.block.block-fc {
|
| 894 | 894 |
margin-right: 0; |
| 895 | 895 |
width: 50%; |
| 896 |
@media screen and (max-width: $mobile-limit) {
|
|
| 896 |
@media screen and ($max-mobile-viewport) {
|
|
| 897 | 897 |
width: auto; |
| 898 | 898 |
} |
| 899 | 899 |
} |
| static/sospel/_custom.scss | ||
|---|---|---|
| 28 | 28 |
border-radius: 10px 10px 0px 0px; |
| 29 | 29 |
background: white url(background-header.png) top right no-repeat; |
| 30 | 30 |
min-height: 200px; |
| 31 |
@media screen and (max-width: $mobile-limit) {
|
|
| 31 |
@media screen and ($max-mobile-viewport) {
|
|
| 32 | 32 |
margin-top: 0; |
| 33 | 33 |
border-radius: 0; |
| 34 | 34 |
background: white url(background-header-mobile.png) 2px 2px repeat-x; |
| ... | ... | |
| 40 | 40 |
box-sizing: border-box; |
| 41 | 41 |
padding-left: 10px; |
| 42 | 42 |
border-radius: 0; |
| 43 |
@media screen and (max-width: $mobile-limit) {
|
|
| 43 |
@media screen and ($max-mobile-viewport) {
|
|
| 44 | 44 |
margin-top: 25px; |
| 45 | 45 |
} |
| 46 | 46 |
} |
| ... | ... | |
| 55 | 55 |
padding-top: 100px; |
| 56 | 56 |
padding-left: 20px; |
| 57 | 57 |
white-space: nowrap; |
| 58 |
@media screen and (max-width: $mobile-limit) {
|
|
| 58 |
@media screen and ($max-mobile-viewport) {
|
|
| 59 | 59 |
padding-top: 60px; |
| 60 | 60 |
} |
| 61 | 61 |
} |
| static/strasbourg-2018/_custom.scss | ||
|---|---|---|
| 1250 | 1250 |
&.folded {
|
| 1251 | 1251 |
span.disclose-message {
|
| 1252 | 1252 |
display: inline-block; |
| 1253 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1253 |
@media screen and ($max-mobile-viewport) {
|
|
| 1254 | 1254 |
// never displayed on mobile as the small width |
| 1255 | 1255 |
// makes clear the relation between title and |
| 1256 | 1256 |
// open/close bracket. |
| static/sussargues/_custom.scss | ||
|---|---|---|
| 3 | 3 |
body {
|
| 4 | 4 |
background: #e6e6e6; |
| 5 | 5 |
padding: 50px 0; |
| 6 |
@media screen and (max-width: $mobile-limit) {
|
|
| 6 |
@media screen and ($max-mobile-viewport) {
|
|
| 7 | 7 |
padding: 0; |
| 8 | 8 |
} |
| 9 | 9 |
} |
| ... | ... | |
| 16 | 16 |
header, nav, #main-content-wrapper {
|
| 17 | 17 |
box-sizing: border-box; |
| 18 | 18 |
padding: 0 20px; |
| 19 |
@media screen and (max-width: $mobile-limit) {
|
|
| 19 |
@media screen and ($max-mobile-viewport) {
|
|
| 20 | 20 |
padding: 0; |
| 21 | 21 |
} |
| 22 | 22 |
} |
| ... | ... | |
| 32 | 32 |
text-indent: -1000px; |
| 33 | 33 |
overflow: hidden; |
| 34 | 34 |
} |
| 35 |
@media screen and (max-width: $mobile-limit) {
|
|
| 35 |
@media screen and ($max-mobile-viewport) {
|
|
| 36 | 36 |
padding-left: 0; |
| 37 | 37 |
a {
|
| 38 | 38 |
width: 100%; |
| static/toulouse-metropole/_custom.scss | ||
|---|---|---|
| 58 | 58 |
height: $header-height; |
| 59 | 59 |
} |
| 60 | 60 |
} |
| 61 |
@media screen and (max-width: $mobile-limit) {
|
|
| 61 |
@media screen and ($max-mobile-viewport) {
|
|
| 62 | 62 |
left: 0; |
| 63 | 63 |
h1#logo {
|
| 64 | 64 |
padding: 0; |
| ... | ... | |
| 99 | 99 |
width: $nav-width; |
| 100 | 100 |
top: 0; |
| 101 | 101 |
height: 100vh; |
| 102 |
@media screen and (max-width: $mobile-limit) {
|
|
| 102 |
@media screen and ($max-mobile-viewport) {
|
|
| 103 | 103 |
content: none; |
| 104 | 104 |
} |
| 105 | 105 |
} |
| ... | ... | |
| 112 | 112 |
a {
|
| 113 | 113 |
padding-top: 60px; |
| 114 | 114 |
background: transparent 50% 25px no-repeat; |
| 115 |
@media screen and (min-width: #{$mobile-limit - 1px}) {
|
|
| 115 |
@media screen and ($min-desktop-viewport) {
|
|
| 116 | 116 |
span {
|
| 117 | 117 |
transition: transform linear 0.1s; |
| 118 | 118 |
display: block; |
| ... | ... | |
| 121 | 121 |
transform: scale(1.2); |
| 122 | 122 |
} |
| 123 | 123 |
} |
| 124 |
@media screen and (max-width: $mobile-limit) {
|
|
| 124 |
@media screen and ($max-mobile-viewport) {
|
|
| 125 | 125 |
background: transparent 50% 10px no-repeat; |
| 126 | 126 |
padding-top: 45px; |
| 127 | 127 |
span {
|
| ... | ... | |
| 150 | 150 |
} |
| 151 | 151 |
&.selected a, |
| 152 | 152 |
&:hover a {
|
| 153 |
@media screen and (max-width: $mobile-limit) {
|
|
| 153 |
@media screen and ($max-mobile-viewport) {
|
|
| 154 | 154 |
background: transparent 50% 10px no-repeat; |
| 155 | 155 |
} |
| 156 | 156 |
} |
| 157 | 157 |
} |
| 158 | 158 |
} |
| 159 |
@media screen and (max-width: $mobile-limit) {
|
|
| 159 |
@media screen and ($max-mobile-viewport) {
|
|
| 160 | 160 |
position: fixed; |
| 161 | 161 |
height: $nav-mobile-bottom-bar-height; |
| 162 | 162 |
top: auto; |
| ... | ... | |
| 202 | 202 |
z-index: 200; |
| 203 | 203 |
box-shadow: 0 0 10px #666; |
| 204 | 204 |
margin-left: $nav-width; |
| 205 |
@media screen and (max-width: $mobile-limit) {
|
|
| 205 |
@media screen and ($max-mobile-viewport) {
|
|
| 206 | 206 |
margin-left: 0; |
| 207 | 207 |
} |
| 208 | 208 |
#footer-wrapper {
|
| ... | ... | |
| 213 | 213 |
div.feedcell {
|
| 214 | 214 |
display: none; |
| 215 | 215 |
} |
| 216 |
@media screen and (max-width: $mobile-limit) {
|
|
| 216 |
@media screen and ($max-mobile-viewport) {
|
|
| 217 | 217 |
box-shadow: none; |
| 218 | 218 |
#footer-wrapper {
|
| 219 | 219 |
padding-top: 0; |
| ... | ... | |
| 262 | 262 |
#page {
|
| 263 | 263 |
// simulate left black band (may be replaced by a data uri PNG) |
| 264 | 264 |
background: linear-gradient(to right, #2e2d35 0%, #2e2d35 $nav-width, white $nav-width); |
| 265 |
@media screen and (max-width: $mobile-limit) {
|
|
| 265 |
@media screen and ($max-mobile-viewport) {
|
|
| 266 | 266 |
background: none; |
| 267 | 267 |
} |
| 268 | 268 |
} |
| ... | ... | |
| 271 | 271 |
padding-left: $nav-width; |
| 272 | 272 |
box-sizing: border-box; |
| 273 | 273 |
flex: unset; |
| 274 |
@media screen and (max-width: $mobile-limit) {
|
|
| 274 |
@media screen and ($max-mobile-viewport) {
|
|
| 275 | 275 |
padding-left: 0; |
| 276 | 276 |
} |
| 277 | 277 |
} |
| ... | ... | |
| 287 | 287 |
section {
|
| 288 | 288 |
padding: 2rem; |
| 289 | 289 |
box-sizing: border-box; |
| 290 |
@media screen and (max-width: $mobile-limit) {
|
|
| 290 |
@media screen and ($max-mobile-viewport) {
|
|
| 291 | 291 |
padding: 2rem 1rem; |
| 292 | 292 |
} |
| 293 | 293 |
} |
| ... | ... | |
| 297 | 297 |
background: url(img/header/img_ville_background_header.jpg) top center no-repeat; |
| 298 | 298 |
background-size: cover; |
| 299 | 299 |
box-shadow: 0 4px 8px #ccc; |
| 300 |
@media screen and (max-width: $mobile-limit) {
|
|
| 300 |
@media screen and ($max-mobile-viewport) {
|
|
| 301 | 301 |
min-height: 0; |
| 302 | 302 |
padding-top: 120px; |
| 303 | 303 |
} |
| ... | ... | |
| 339 | 339 |
+ a {
|
| 340 | 340 |
position: absolute; |
| 341 | 341 |
top: -4rem; |
| 342 |
@media screen and (max-width: $mobile-limit) {
|
|
| 342 |
@media screen and ($max-mobile-viewport) {
|
|
| 343 | 343 |
top: -2rem; |
| 344 | 344 |
} |
| 345 | 345 |
} |
| ... | ... | |
| 353 | 353 |
background-image: url(img/home/home-particuliers/picto-particuliers.png); |
| 354 | 354 |
} |
| 355 | 355 |
position: absolute; |
| 356 |
@media screen and (max-width: $mobile-limit) {
|
|
| 356 |
@media screen and ($max-mobile-viewport) {
|
|
| 357 | 357 |
position: static; |
| 358 | 358 |
} |
| 359 | 359 |
} |
| ... | ... | |
| 362 | 362 |
} |
| 363 | 363 |
div.forms {
|
| 364 | 364 |
margin-left: 400px; |
| 365 |
@media screen and (max-width: $mobile-limit) {
|
|
| 365 |
@media screen and ($max-mobile-viewport) {
|
|
| 366 | 366 |
margin-left: 0; |
| 367 | 367 |
} |
| 368 | 368 |
} |
| ... | ... | |
| 373 | 373 |
margin-bottom: 0; |
| 374 | 374 |
width: 400px; |
| 375 | 375 |
border: none; |
| 376 |
@media screen and (max-width: $mobile-limit) {
|
|
| 376 |
@media screen and ($max-mobile-viewport) {
|
|
| 377 | 377 |
margin: 0; |
| 378 | 378 |
width: auto; |
| 379 | 379 |
} |
| ... | ... | |
| 400 | 400 |
background-position: 0px center; |
| 401 | 401 |
background-repeat: no-repeat; |
| 402 | 402 |
font-weight: bold; |
| 403 |
@media screen and (max-width: $mobile-limit) {
|
|
| 403 |
@media screen and ($max-mobile-viewport) {
|
|
| 404 | 404 |
background-position: 10px center; |
| 405 | 405 |
} |
| 406 | 406 |
> span {
|
| ... | ... | |
| 421 | 421 |
left: -8px; |
| 422 | 422 |
top: 20px; |
| 423 | 423 |
} |
| 424 |
@media screen and (max-width: $mobile-limit) {
|
|
| 424 |
@media screen and ($max-mobile-viewport) {
|
|
| 425 | 425 |
margin-top: 2ex; |
| 426 | 426 |
i.opener {
|
| 427 | 427 |
background-image: url(img/FlecheBas.png); |
| ... | ... | |
| 465 | 465 |
left: -10px; |
| 466 | 466 |
top: 42px; |
| 467 | 467 |
} |
| 468 |
@media screen and (max-width: $mobile-limit) {
|
|
| 468 |
@media screen and ($max-mobile-viewport) {
|
|
| 469 | 469 |
border-radius: 0 0 10px 10px; |
| 470 | 470 |
position: static; |
| 471 | 471 |
left: auto; |
| ... | ... | |
| 476 | 476 |
} |
| 477 | 477 |
} |
| 478 | 478 |
} |
| 479 |
@media screen and (max-width: $mobile-limit) {
|
|
| 479 |
@media screen and ($max-mobile-viewport) {
|
|
| 480 | 480 |
.opened {
|
| 481 | 481 |
h2 {
|
| 482 | 482 |
background: $orange; |
| ... | ... | |
| 505 | 505 |
position: absolute; |
| 506 | 506 |
top: 170px; |
| 507 | 507 |
max-width: 320px; |
| 508 |
@media screen and (max-width: $mobile-limit) {
|
|
| 508 |
@media screen and ($max-mobile-viewport) {
|
|
| 509 | 509 |
position: static; |
| 510 | 510 |
} |
| 511 | 511 |
h3 {
|
| ... | ... | |
| 579 | 579 |
border: none; |
| 580 | 580 |
margin-right: 3rem; |
| 581 | 581 |
margin-bottom: 3rem; |
| 582 |
@media screen and (max-width: $mobile-limit) {
|
|
| 582 |
@media screen and ($max-mobile-viewport) {
|
|
| 583 | 583 |
margin-right: 10px; |
| 584 | 584 |
} |
| 585 | 585 |
a {
|
| 586 | 586 |
text-transform: uppercase; |
| 587 | 587 |
font-weight: bold; |
| 588 | 588 |
width: 20vw; |
| 589 |
@media screen and (max-width: $mobile-limit) {
|
|
| 589 |
@media screen and ($max-mobile-viewport) {
|
|
| 590 | 590 |
width: 85vw; |
| 591 | 591 |
} |
| 592 | 592 |
display: inline-block; |
| ... | ... | |
| 657 | 657 |
margin-top: 20px; |
| 658 | 658 |
left: calc(50% - 28px + #{$nav-width / 2});
|
| 659 | 659 |
background: white; |
| 660 |
@media screen and (max-width: $mobile-limit) {
|
|
| 660 |
@media screen and ($max-mobile-viewport) {
|
|
| 661 | 661 |
left: calc(50% - 28px); |
| 662 | 662 |
} |
| 663 | 663 |
} |
| ... | ... | |
| 666 | 666 |
margin-left: 0; |
| 667 | 667 |
line-height: 1.8; |
| 668 | 668 |
} |
| 669 |
@media screen and (max-width: $mobile-limit) {
|
|
| 669 |
@media screen and ($max-mobile-viewport) {
|
|
| 670 | 670 |
margin: 10px; |
| 671 | 671 |
text-align: center; |
| 672 | 672 |
width: auto; |
| ... | ... | |
| 681 | 681 |
display: inline-block; |
| 682 | 682 |
width: 210px; |
| 683 | 683 |
margin: 0 1rem; |
| 684 |
@media screen and (max-width: $mobile-limit) {
|
|
| 684 |
@media screen and ($max-mobile-viewport) {
|
|
| 685 | 685 |
margin: 1rem 0; |
| 686 | 686 |
width: 90%; |
| 687 | 687 |
box-sizing: border-box; |
| ... | ... | |
| 715 | 715 |
@media screen and (max-width: 1500px) {
|
| 716 | 716 |
right: 80px; |
| 717 | 717 |
} |
| 718 |
@media screen and (max-width: $mobile-limit) {
|
|
| 718 |
@media screen and ($max-mobile-viewport) {
|
|
| 719 | 719 |
margin: 2rem 0; |
| 720 | 720 |
position: relative; |
| 721 | 721 |
right: auto; |
| ... | ... | |
| 768 | 768 |
text-transform: uppercase; |
| 769 | 769 |
color: #333; |
| 770 | 770 |
background: inherit; |
| 771 |
@media screen and (max-width: $mobile-limit) {
|
|
| 771 |
@media screen and ($max-mobile-viewport) {
|
|
| 772 | 772 |
padding-top: 0; |
| 773 | 773 |
padding-bottom: 0; |
| 774 | 774 |
margin-bottom: 1ex; |
| ... | ... | |
| 776 | 776 |
} |
| 777 | 777 |
} |
| 778 | 778 |
&:last-child a {
|
| 779 |
@media screen and (max-width: $mobile-limit) {
|
|
| 779 |
@media screen and ($max-mobile-viewport) {
|
|
| 780 | 780 |
border-right: 0; |
| 781 | 781 |
} |
| 782 | 782 |
} |
| ... | ... | |
| 792 | 792 |
padding: 170px 50px 100px 100px; |
| 793 | 793 |
font-size: 16px; |
| 794 | 794 |
font-weight: bold; |
| 795 |
@media screen and (max-width: $mobile-limit) {
|
|
| 795 |
@media screen and ($max-mobile-viewport) {
|
|
| 796 | 796 |
padding: 150px 1rem 1rem 1rem; |
| 797 | 797 |
} |
| 798 | 798 |
color: white; |
| ... | ... | |
| 819 | 819 |
left: 0; |
| 820 | 820 |
background-color: #fff; |
| 821 | 821 |
} |
| 822 |
@media screen and (max-width: $mobile-limit) {
|
|
| 822 |
@media screen and ($max-mobile-viewport) {
|
|
| 823 | 823 |
margin-right: 0; |
| 824 | 824 |
} |
| 825 | 825 |
} |
| ... | ... | |
| 839 | 839 |
padding-top: 45px; |
| 840 | 840 |
background: url(img/formulaire/picto-reveil.png) top center no-repeat; |
| 841 | 841 |
} |
| 842 |
@media screen and (max-width: $mobile-limit) {
|
|
| 842 |
@media screen and ($max-mobile-viewport) {
|
|
| 843 | 843 |
position: relative; |
| 844 | 844 |
right: auto; |
| 845 | 845 |
top: -10px; |
| ... | ... | |
| 905 | 905 |
box-shadow: 0 0 5px #ccc; |
| 906 | 906 |
position: relative; |
| 907 | 907 |
margin: 0 100px 0 100px; |
| 908 |
@media screen and (max-width: $mobile-limit) {
|
|
| 908 |
@media screen and ($max-mobile-viewport) {
|
|
| 909 | 909 |
margin: 0; |
| 910 | 910 |
} |
| 911 | 911 |
div#tracking-code {
|
| 912 | 912 |
position: absolute; |
| 913 | 913 |
top: -100px; |
| 914 |
@media screen and (max-width: $mobile-limit) {
|
|
| 914 |
@media screen and ($max-mobile-viewport) {
|
|
| 915 | 915 |
text-align: center; |
| 916 | 916 |
position: static; |
| 917 | 917 |
width: 80%; |
| ... | ... | |
| 938 | 938 |
position: relative; |
| 939 | 939 |
z-index: 10; |
| 940 | 940 |
padding-top: 30px; |
| 941 |
@media screen and (max-width: $mobile-limit) {
|
|
| 941 |
@media screen and ($max-mobile-viewport) {
|
|
| 942 | 942 |
margin-top: 0; |
| 943 | 943 |
} |
| 944 | 944 |
} |
| 945 | 945 | |
| 946 | 946 |
div#rub_service {
|
| 947 | 947 |
margin: 0 100px 50px 100px; |
| 948 |
@media screen and (max-width: $mobile-limit) {
|
|
| 948 |
@media screen and ($max-mobile-viewport) {
|
|
| 949 | 949 |
margin: 0 0 50px 0; |
| 950 | 950 |
} |
| 951 | 951 |
} |
| ... | ... | |
| 969 | 969 |
padding: 0 1rem; |
| 970 | 970 |
&.first {
|
| 971 | 971 |
padding-left: 60px; |
| 972 |
@media screen and (max-width: $mobile-limit) {
|
|
| 972 |
@media screen and ($max-mobile-viewport) {
|
|
| 973 | 973 |
padding-left: 0; |
| 974 | 974 |
} |
| 975 | 975 |
} |
| ... | ... | |
| 1053 | 1053 |
} |
| 1054 | 1054 |
} |
| 1055 | 1055 |
} |
| 1056 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1056 |
@media screen and ($max-mobile-viewport) {
|
|
| 1057 | 1057 |
ol {
|
| 1058 | 1058 |
li {
|
| 1059 | 1059 |
min-width: none; |
| ... | ... | |
| 1078 | 1078 |
div.drafts-recall, |
| 1079 | 1079 |
form {
|
| 1080 | 1080 |
margin: 0 100px; |
| 1081 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1081 |
@media screen and ($max-mobile-viewport) {
|
|
| 1082 | 1082 |
margin: 0 10px; |
| 1083 | 1083 |
} |
| 1084 | 1084 |
padding: 0; |
| ... | ... | |
| 1086 | 1086 |
form {
|
| 1087 | 1087 |
> h3, > h4, > div, > p.comment-field {
|
| 1088 | 1088 |
box-sizing: border-box; |
| 1089 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1089 |
@media screen and ($max-mobile-viewport) {
|
|
| 1090 | 1090 |
padding: 0 1rem; |
| 1091 | 1091 |
} |
| 1092 | 1092 |
} |
| ... | ... | |
| 1117 | 1117 |
padding: 4rem 1rem; |
| 1118 | 1118 |
display: flex; |
| 1119 | 1119 |
justify-content: space-between; |
| 1120 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1120 |
@media screen and ($max-mobile-viewport) {
|
|
| 1121 | 1121 |
margin: 0 -10px; |
| 1122 | 1122 |
padding: 4rem 1rem; |
| 1123 | 1123 |
} |
| ... | ... | |
| 1127 | 1127 |
div.widget {
|
| 1128 | 1128 |
margin: 0 5rem; |
| 1129 | 1129 |
text-transform: uppercase; |
| 1130 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1130 |
@media screen and ($max-mobile-viewport) {
|
|
| 1131 | 1131 |
margin: 0; |
| 1132 | 1132 |
&.previous-button {
|
| 1133 | 1133 |
margin-left: 1ex; |
| ... | ... | |
| 1142 | 1142 |
} |
| 1143 | 1143 |
button {
|
| 1144 | 1144 |
min-width: 200px; |
| 1145 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1145 |
@media screen and ($max-mobile-viewport) {
|
|
| 1146 | 1146 |
min-width: 150px; |
| 1147 | 1147 |
} |
| 1148 | 1148 |
} |
| ... | ... | |
| 1185 | 1185 |
div#receipt-intro, |
| 1186 | 1186 |
div.section {
|
| 1187 | 1187 |
padding: 0 100px; |
| 1188 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1188 |
@media screen and ($max-mobile-viewport) {
|
|
| 1189 | 1189 |
padding: 0; |
| 1190 | 1190 |
} |
| 1191 | 1191 |
} |
| ... | ... | |
| 1234 | 1234 |
} |
| 1235 | 1235 |
} |
| 1236 | 1236 | |
| 1237 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1237 |
@media screen and ($max-mobile-viewport) {
|
|
| 1238 | 1238 |
div#columns {
|
| 1239 | 1239 |
padding: 0; |
| 1240 | 1240 |
} |
| ... | ... | |
| 1244 | 1244 |
float: right; |
| 1245 | 1245 |
z-index: 1000; |
| 1246 | 1246 |
position: relative; |
| 1247 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1247 |
@media screen and ($max-mobile-viewport) {
|
|
| 1248 | 1248 |
float: none; |
| 1249 | 1249 |
} |
| 1250 | 1250 |
> div {
|
| ... | ... | |
| 1265 | 1265 |
top: -40px; |
| 1266 | 1266 |
left: -40px; |
| 1267 | 1267 |
} |
| 1268 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1268 |
@media screen and ($max-mobile-viewport) {
|
|
| 1269 | 1269 |
margin: 1ex 3ex; |
| 1270 | 1270 |
max-width: none; |
| 1271 | 1271 |
} |
| ... | ... | |
| 1278 | 1278 | |
| 1279 | 1279 |
.gru-content .cell.textcell > div {
|
| 1280 | 1280 |
margin: 3rem 100px 0 100px; |
| 1281 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1281 |
@media screen and ($max-mobile-viewport) {
|
|
| 1282 | 1282 |
margin: 3rem 1rem 0 1rem; |
| 1283 | 1283 |
} |
| 1284 | 1284 |
h2 {
|
| ... | ... | |
| 1310 | 1310 |
div#title-section ~ div.account-management, |
| 1311 | 1311 |
div#title-section ~ div.cell > div {
|
| 1312 | 1312 |
margin: 3rem 100px 0 100px; |
| 1313 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1313 |
@media screen and ($max-mobile-viewport) {
|
|
| 1314 | 1314 |
margin: 3rem 1rem 0 1rem; |
| 1315 | 1315 |
} |
| 1316 | 1316 |
h2 {
|
| ... | ... | |
| 1335 | 1335 |
margin: 3rem 0px 0 0px; |
| 1336 | 1336 |
box-sizing: border-box; |
| 1337 | 1337 |
padding: 0 100px; |
| 1338 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1338 |
@media screen and ($max-mobile-viewport) {
|
|
| 1339 | 1339 |
padding: 0 20px; |
| 1340 | 1340 |
} |
| 1341 | 1341 |
} |
| 1342 | 1342 |
div#title-section ~ div.cell.encart > div {
|
| 1343 | 1343 |
margin: 3rem 100px 0 10px; |
| 1344 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1344 |
@media screen and ($max-mobile-viewport) {
|
|
| 1345 | 1345 |
margin: 3rem 1rem 0 1rem; |
| 1346 | 1346 |
} |
| 1347 | 1347 |
} |
| ... | ... | |
| 1379 | 1379 |
position: absolute; |
| 1380 | 1380 |
z-index: 100; |
| 1381 | 1381 |
right: -400px; |
| 1382 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1382 |
@media screen and ($max-mobile-viewport) {
|
|
| 1383 | 1383 |
right: calc(-100vw + 85px); |
| 1384 | 1384 |
} |
| 1385 | 1385 |
transition: right ease-out 0.5s; |
| ... | ... | |
| 1401 | 1401 |
display: inline-block; |
| 1402 | 1402 |
box-sizing: border-box; |
| 1403 | 1403 |
width: 400px; |
| 1404 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1404 |
@media screen and ($max-mobile-viewport) {
|
|
| 1405 | 1405 |
width: calc(100vw - 85px); |
| 1406 | 1406 |
} |
| 1407 | 1407 |
padding: 20px 20px 20px 40px; |
| 1408 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1408 |
@media screen and ($max-mobile-viewport) {
|
|
| 1409 | 1409 |
box-shadow: none; |
| 1410 | 1410 |
} |
| 1411 | 1411 |
border-bottom-left-radius: 10px; |
| 1412 | 1412 |
h3 {
|
| 1413 | 1413 |
font-size: 40px; |
| 1414 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1414 |
@media screen and ($max-mobile-viewport) {
|
|
| 1415 | 1415 |
font-size: 20px; |
| 1416 | 1416 |
} |
| 1417 | 1417 |
margin-bottom: 2rem; |
| ... | ... | |
| 1443 | 1443 |
padding-right: 30px; |
| 1444 | 1444 |
padding-top: 3px; |
| 1445 | 1445 |
background: url(img/home/home-actu-ouvert/plus-fond-blanc.png) center right no-repeat; |
| 1446 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1446 |
@media screen and ($max-mobile-viewport) {
|
|
| 1447 | 1447 |
display: none; |
| 1448 | 1448 |
} |
| 1449 | 1449 |
} |
| 1450 | 1450 |
h4 a {
|
| 1451 | 1451 |
color: $font-color; |
| 1452 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1452 |
@media screen and ($max-mobile-viewport) {
|
|
| 1453 | 1453 |
display: block; |
| 1454 | 1454 |
padding-right: 30px; |
| 1455 | 1455 |
background: url(img/home/home-actu-ouvert/plus-fond-blanc.png) center right no-repeat; |
| ... | ... | |
| 1492 | 1492 |
#login-page div.block, |
| 1493 | 1493 |
#content div.a2-block {
|
| 1494 | 1494 |
width: 40rem; |
| 1495 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1495 |
@media screen and ($max-mobile-viewport) {
|
|
| 1496 | 1496 |
width: auto; |
| 1497 | 1497 |
padding-top: 1rem; |
| 1498 | 1498 |
} |
| ... | ... | |
| 1500 | 1500 |
h2 {
|
| 1501 | 1501 |
font-size: 46px; |
| 1502 | 1502 |
font-weight: bold; |
| 1503 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1503 |
@media screen and ($max-mobile-viewport) {
|
|
| 1504 | 1504 |
font-size: 32px; |
| 1505 | 1505 |
} |
| 1506 | 1506 |
} |
| ... | ... | |
| 1527 | 1527 |
} |
| 1528 | 1528 | |
| 1529 | 1529 |
#nav-tracking-code {
|
| 1530 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1530 |
@media screen and ($max-mobile-viewport) {
|
|
| 1531 | 1531 |
display: none; |
| 1532 | 1532 |
} |
| 1533 | 1533 |
background: #554b49; |
| ... | ... | |
| 1562 | 1562 |
display: none; |
| 1563 | 1563 |
} |
| 1564 | 1564 | |
| 1565 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1565 |
@media screen and ($max-mobile-viewport) {
|
|
| 1566 | 1566 |
#steps {
|
| 1567 | 1567 |
display: none; |
| 1568 | 1568 |
} |
| ... | ... | |
| 1626 | 1626 |
p {
|
| 1627 | 1627 |
font-weight: 600; |
| 1628 | 1628 |
} |
| 1629 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1629 |
@media screen and ($max-mobile-viewport) {
|
|
| 1630 | 1630 |
padding-top: 70px; |
| 1631 | 1631 |
} |
| 1632 | 1632 |
} |
| ... | ... | |
| 1635 | 1635 |
#registration-blocks {
|
| 1636 | 1636 |
display: flex; |
| 1637 | 1637 |
justify-content: center; |
| 1638 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1638 |
@media screen and ($max-mobile-viewport) {
|
|
| 1639 | 1639 |
display: block; |
| 1640 | 1640 |
} |
| 1641 | 1641 |
div.a2-block {
|
| 1642 | 1642 |
max-width: 35rem; |
| 1643 | 1643 |
margin: 0 3rem; |
| 1644 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1644 |
@media screen and ($max-mobile-viewport) {
|
|
| 1645 | 1645 |
max-width: none; |
| 1646 | 1646 |
margin: 0 1rem; |
| 1647 | 1647 |
} |
| ... | ... | |
| 1649 | 1649 |
h2 {
|
| 1650 | 1650 |
font-size: 36px; |
| 1651 | 1651 |
padding-left: 0; |
| 1652 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1652 |
@media screen and ($max-mobile-viewport) {
|
|
| 1653 | 1653 |
font-size: 26px; |
| 1654 | 1654 |
} |
| 1655 | 1655 |
} |
| ... | ... | |
| 1663 | 1663 |
top: 80px; |
| 1664 | 1664 |
bottom: 80px; |
| 1665 | 1665 |
right: -3rem; // -margin |
| 1666 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1666 |
@media screen and ($max-mobile-viewport) {
|
|
| 1667 | 1667 |
height: 1px; |
| 1668 | 1668 |
width: auto; |
| 1669 | 1669 |
top: auto; |
| ... | ... | |
| 1690 | 1690 |
// get lost password/create account lines out of flow, so the |
| 1691 | 1691 |
// FranceConnect button can be aligned with the login button. |
| 1692 | 1692 |
position: absolute; |
| 1693 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1693 |
@media screen and ($max-mobile-viewport) {
|
|
| 1694 | 1694 |
position: static; |
| 1695 | 1695 |
} |
| 1696 | 1696 |
} |
| ... | ... | |
| 1711 | 1711 |
} |
| 1712 | 1712 |
position: absolute; |
| 1713 | 1713 |
bottom: 0; |
| 1714 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1714 |
@media screen and ($max-mobile-viewport) {
|
|
| 1715 | 1715 |
position: static; |
| 1716 | 1716 |
} |
| 1717 | 1717 |
} |
| ... | ... | |
| 1742 | 1742 |
font-size: 40px; |
| 1743 | 1743 |
padding: 0; |
| 1744 | 1744 |
} |
| 1745 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1745 |
@media screen and ($max-mobile-viewport) {
|
|
| 1746 | 1746 |
padding: 60px 20px; |
| 1747 | 1747 |
} |
| 1748 | 1748 |
} |
| ... | ... | |
| 1770 | 1770 |
border: 1px solid #6A5F5B; |
| 1771 | 1771 |
} |
| 1772 | 1772 |
} |
| 1773 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1773 |
@media screen and ($max-mobile-viewport) {
|
|
| 1774 | 1774 |
text-align: center; |
| 1775 | 1775 |
} |
| 1776 | 1776 |
} |
| 1777 | 1777 | |
| 1778 | 1778 |
div#messages {
|
| 1779 | 1779 |
margin: 0 0 0 4px; |
| 1780 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1780 |
@media screen and ($max-mobile-viewport) {
|
|
| 1781 | 1781 |
margin-left: 0; |
| 1782 | 1782 |
} |
| 1783 | 1783 |
li {
|
| static/toulouse/_custom.scss | ||
|---|---|---|
| 67 | 67 |
width: 207px; |
| 68 | 68 |
height: $header-height; |
| 69 | 69 |
} |
| 70 |
@media screen and (max-width: $mobile-limit) {
|
|
| 70 |
@media screen and ($max-mobile-viewport) {
|
|
| 71 | 71 |
position: static; |
| 72 | 72 |
margin: 0 0 0 auto; |
| 73 | 73 |
} |
| ... | ... | |
| 91 | 91 |
color: #322f38; |
| 92 | 92 |
font-size: 9px; |
| 93 | 93 |
} |
| 94 |
@media screen and (max-width: $mobile-limit) {
|
|
| 94 |
@media screen and ($max-mobile-viewport) {
|
|
| 95 | 95 |
cursor: pointer; |
| 96 | 96 |
margin-left: 1ex; |
| 97 | 97 |
width: calc(100% - 210px); |
| ... | ... | |
| 107 | 107 |
left: 0; |
| 108 | 108 |
background: rgba(204,88,49,1); |
| 109 | 109 |
background: linear-gradient(to bottom, rgba(204,88,49,1) 0%, rgba(228,19,123,1) 100%); |
| 110 |
@media screen and (max-width: $mobile-limit) {
|
|
| 110 |
@media screen and ($max-mobile-viewport) {
|
|
| 111 | 111 |
background: linear-gradient(to left, rgba(204,88,49,1) 0%, rgba(228,19,123,1) 100%); |
| 112 | 112 |
} |
| 113 | 113 |
color: white; |
| ... | ... | |
| 131 | 131 |
width: $nav-width; |
| 132 | 132 |
top: 0; |
| 133 | 133 |
height: 100vh; |
| 134 |
@media screen and (max-width: $mobile-limit) {
|
|
| 134 |
@media screen and ($max-mobile-viewport) {
|
|
| 135 | 135 |
content: none; |
| 136 | 136 |
} |
| 137 | 137 |
} |
| ... | ... | |
| 153 | 153 |
transform: scale(1.2); |
| 154 | 154 |
} |
| 155 | 155 |
} |
| 156 |
@media screen and (max-width: $mobile-limit) {
|
|
| 156 |
@media screen and ($max-mobile-viewport) {
|
|
| 157 | 157 |
background: transparent 50% 10px no-repeat; |
| 158 | 158 |
padding-top: 45px; |
| 159 | 159 |
span {
|
| ... | ... | |
| 182 | 182 |
} |
| 183 | 183 |
&.selected a, |
| 184 | 184 |
&:hover a {
|
| 185 |
@media screen and (max-width: $mobile-limit) {
|
|
| 185 |
@media screen and ($max-mobile-viewport) {
|
|
| 186 | 186 |
background: transparent 50% 10px no-repeat; |
| 187 | 187 |
} |
| 188 | 188 |
} |
| 189 | 189 |
} |
| 190 | 190 |
} |
| 191 |
@media screen and (max-width: $mobile-limit) {
|
|
| 191 |
@media screen and ($max-mobile-viewport) {
|
|
| 192 | 192 |
position: fixed; |
| 193 | 193 |
height: $nav-mobile-bottom-bar-height; |
| 194 | 194 |
top: auto; |
| ... | ... | |
| 199 | 199 |
footer {
|
| 200 | 200 |
z-index: 0; |
| 201 | 201 |
margin-left: $nav-width; |
| 202 |
@media screen and (max-width: $mobile-limit) {
|
|
| 202 |
@media screen and ($max-mobile-viewport) {
|
|
| 203 | 203 |
margin-left: 0; |
| 204 | 204 |
} |
| 205 | 205 |
#footer-wrapper {
|
| ... | ... | |
| 209 | 209 |
div.feedcell {
|
| 210 | 210 |
display: none; |
| 211 | 211 |
} |
| 212 |
@media screen and (max-width: $mobile-limit) {
|
|
| 212 |
@media screen and ($max-mobile-viewport) {
|
|
| 213 | 213 |
div.trackingcodeinputcell {
|
| 214 | 214 |
display: block; |
| 215 | 215 |
text-align: center; |
| ... | ... | |
| 248 | 248 |
#page {
|
| 249 | 249 |
// simulate left black band (may be replaced by a data uri PNG) |
| 250 | 250 |
background: linear-gradient(to right, #2e2d35 0%, #2e2d35 $nav-width, white $nav-width); |
| 251 |
@media screen and (max-width: $mobile-limit) {
|
|
| 251 |
@media screen and ($max-mobile-viewport) {
|
|
| 252 | 252 |
background: none; |
| 253 | 253 |
} |
| 254 | 254 |
} |
| ... | ... | |
| 258 | 258 |
padding-top: $header-height; |
| 259 | 259 |
box-sizing: border-box; |
| 260 | 260 |
flex: unset; |
| 261 |
@media screen and (max-width: $mobile-limit) {
|
|
| 261 |
@media screen and ($max-mobile-viewport) {
|
|
| 262 | 262 |
padding-left: 0; |
| 263 | 263 |
} |
| 264 | 264 |
} |
| ... | ... | |
| 279 | 279 |
section#intro {
|
| 280 | 280 |
min-height: $intro-height; |
| 281 | 281 |
background: url(img/home/bg-portable-home.jpg) top right no-repeat; |
| 282 |
@media screen and (max-width: $mobile-limit) {
|
|
| 282 |
@media screen and ($max-mobile-viewport) {
|
|
| 283 | 283 |
min-height: none; |
| 284 | 284 |
background: url(img/mobile-laptop.png) bottom center no-repeat;; |
| 285 | 285 |
background-size: contain; |
| ... | ... | |
| 312 | 312 |
+ a {
|
| 313 | 313 |
position: absolute; |
| 314 | 314 |
top: -4rem; |
| 315 |
@media screen and (max-width: $mobile-limit) {
|
|
| 315 |
@media screen and ($max-mobile-viewport) {
|
|
| 316 | 316 |
top: -2rem; |
| 317 | 317 |
} |
| 318 | 318 |
} |
| ... | ... | |
| 329 | 329 |
box-shadow: 0 0 5px 5px #222; |
| 330 | 330 |
} |
| 331 | 331 |
position: absolute; |
| 332 |
@media screen and (max-width: $mobile-limit) {
|
|
| 332 |
@media screen and ($max-mobile-viewport) {
|
|
| 333 | 333 |
position: static; |
| 334 | 334 |
} |
| 335 | 335 |
} |
| ... | ... | |
| 338 | 338 |
} |
| 339 | 339 |
div.forms {
|
| 340 | 340 |
margin-left: 400px; |
| 341 |
@media screen and (max-width: $mobile-limit) {
|
|
| 341 |
@media screen and ($max-mobile-viewport) {
|
|
| 342 | 342 |
margin-left: 0; |
| 343 | 343 |
} |
| 344 | 344 |
} |
| ... | ... | |
| 349 | 349 |
margin-bottom: 0; |
| 350 | 350 |
width: 400px; |
| 351 | 351 |
border: none; |
| 352 |
@media screen and (max-width: $mobile-limit) {
|
|
| 352 |
@media screen and ($max-mobile-viewport) {
|
|
| 353 | 353 |
margin: 0; |
| 354 | 354 |
width: auto; |
| 355 | 355 |
} |
| ... | ... | |
| 375 | 375 |
background-position: 0px center; |
| 376 | 376 |
background-repeat: no-repeat; |
| 377 | 377 |
font-weight: bold; |
| 378 |
@media screen and (max-width: $mobile-limit) {
|
|
| 378 |
@media screen and ($max-mobile-viewport) {
|
|
| 379 | 379 |
background-position: 10px center; |
| 380 | 380 |
} |
| 381 | 381 |
> span {
|
| ... | ... | |
| 403 | 403 |
left: -8px; |
| 404 | 404 |
top: 20px; |
| 405 | 405 |
} |
| 406 |
@media screen and (max-width: $mobile-limit) {
|
|
| 406 |
@media screen and ($max-mobile-viewport) {
|
|
| 407 | 407 |
margin-top: 2ex; |
| 408 | 408 |
i.opener {
|
| 409 | 409 |
background-image: url(img/FlecheBas.png); |
| ... | ... | |
| 448 | 448 |
left: -10px; |
| 449 | 449 |
top: 42px; |
| 450 | 450 |
} |
| 451 |
@media screen and (max-width: $mobile-limit) {
|
|
| 451 |
@media screen and ($max-mobile-viewport) {
|
|
| 452 | 452 |
border-radius: 0 0 10px 10px; |
| 453 | 453 |
position: static; |
| 454 | 454 |
left: auto; |
| ... | ... | |
| 459 | 459 |
} |
| 460 | 460 |
} |
| 461 | 461 |
} |
| 462 |
@media screen and (max-width: $mobile-limit) {
|
|
| 462 |
@media screen and ($max-mobile-viewport) {
|
|
| 463 | 463 |
.opened {
|
| 464 | 464 |
h2 {
|
| 465 | 465 |
background: linear-gradient(to right, rgba(231,8,134,1) 0%, rgba(211,87,41,1) 100%); |
| ... | ... | |
| 470 | 470 |
} |
| 471 | 471 |
} |
| 472 | 472 |
} |
| 473 |
@media screen and (min-width: #{$mobile-limit - 1px}) {
|
|
| 473 |
@media screen and ($min-desktop-viewport) {
|
|
| 474 | 474 |
&:hover {
|
| 475 | 475 |
h2 {
|
| 476 | 476 |
background: linear-gradient(to right, rgba(231,8,134,1) 0%, rgba(211,87,41,1) 100%); |
| ... | ... | |
| 486 | 486 |
position: absolute; |
| 487 | 487 |
top: 170px; |
| 488 | 488 |
max-width: 320px; |
| 489 |
@media screen and (max-width: $mobile-limit) {
|
|
| 489 |
@media screen and ($max-mobile-viewport) {
|
|
| 490 | 490 |
position: static; |
| 491 | 491 |
} |
| 492 | 492 |
h3 {
|
| ... | ... | |
| 571 | 571 |
text-transform: uppercase; |
| 572 | 572 |
font-weight: bold; |
| 573 | 573 |
width: 20vw; |
| 574 |
@media screen and (max-width: $mobile-limit) {
|
|
| 574 |
@media screen and ($max-mobile-viewport) {
|
|
| 575 | 575 |
width: 60vw; |
| 576 | 576 |
} |
| 577 | 577 |
display: inline-block; |
| ... | ... | |
| 656 | 656 |
margin-left: 0; |
| 657 | 657 |
line-height: 1.8; |
| 658 | 658 |
} |
| 659 |
@media screen and (max-width: $mobile-limit) {
|
|
| 659 |
@media screen and ($max-mobile-viewport) {
|
|
| 660 | 660 |
margin: 10px; |
| 661 | 661 |
text-align: center; |
| 662 | 662 |
width: auto; |
| ... | ... | |
| 696 | 696 |
@media screen and (max-width: 1500px) {
|
| 697 | 697 |
right: 80px; |
| 698 | 698 |
} |
| 699 |
@media screen and (max-width: $mobile-limit) {
|
|
| 699 |
@media screen and ($max-mobile-viewport) {
|
|
| 700 | 700 |
margin: 2rem 0; |
| 701 | 701 |
position: relative; |
| 702 | 702 |
right: auto; |
| ... | ... | |
| 749 | 749 |
text-transform: uppercase; |
| 750 | 750 |
color: #333; |
| 751 | 751 |
background: inherit; |
| 752 |
@media screen and (max-width: $mobile-limit) {
|
|
| 752 |
@media screen and ($max-mobile-viewport) {
|
|
| 753 | 753 |
padding-top: 0; |
| 754 | 754 |
padding-bottom: 0; |
| 755 | 755 |
margin-bottom: 1ex; |
| ... | ... | |
| 757 | 757 |
} |
| 758 | 758 |
} |
| 759 | 759 |
&:last-child a {
|
| 760 |
@media screen and (max-width: $mobile-limit) {
|
|
| 760 |
@media screen and ($max-mobile-viewport) {
|
|
| 761 | 761 |
border-right: 0; |
| 762 | 762 |
} |
| 763 | 763 |
} |
| ... | ... | |
| 770 | 770 |
overflow: hidden; |
| 771 | 771 |
background: #322f38 url(img/formulaire/bg-titre-formulaire.png) bottom right no-repeat; |
| 772 | 772 |
padding: 100px 50px 100px 100px; |
| 773 |
@media screen and (max-width: $mobile-limit) {
|
|
| 773 |
@media screen and ($max-mobile-viewport) {
|
|
| 774 | 774 |
padding: 50px 1rem 1rem 1rem; |
| 775 | 775 |
} |
| 776 | 776 |
color: white; |
| ... | ... | |
| 786 | 786 |
margin-top: 0; |
| 787 | 787 |
font-size: 40px; |
| 788 | 788 |
margin-right: 160px; |
| 789 |
@media screen and (max-width: $mobile-limit) {
|
|
| 789 |
@media screen and ($max-mobile-viewport) {
|
|
| 790 | 790 |
margin-right: 0; |
| 791 | 791 |
} |
| 792 | 792 |
} |
| ... | ... | |
| 806 | 806 |
padding-top: 45px; |
| 807 | 807 |
background: url(img/formulaire/picto-reveil.png) top center no-repeat; |
| 808 | 808 |
} |
| 809 |
@media screen and (max-width: $mobile-limit) {
|
|
| 809 |
@media screen and ($max-mobile-viewport) {
|
|
| 810 | 810 |
position: relative; |
| 811 | 811 |
right: auto; |
| 812 | 812 |
top: -20px; |
| ... | ... | |
| 897 | 897 |
div#tracking-code {
|
| 898 | 898 |
position: absolute; |
| 899 | 899 |
top: -100px; |
| 900 |
@media screen and (max-width: $mobile-limit) {
|
|
| 900 |
@media screen and ($max-mobile-viewport) {
|
|
| 901 | 901 |
text-align: center; |
| 902 | 902 |
position: static; |
| 903 | 903 |
width: 80%; |
| ... | ... | |
| 930 | 930 |
padding: 0 1rem; |
| 931 | 931 |
&.first {
|
| 932 | 932 |
padding-left: 60px; |
| 933 |
@media screen and (max-width: $mobile-limit) {
|
|
| 933 |
@media screen and ($max-mobile-viewport) {
|
|
| 934 | 934 |
padding-left: 0; |
| 935 | 935 |
} |
| 936 | 936 |
} |
| ... | ... | |
| 1024 | 1024 |
} |
| 1025 | 1025 |
} |
| 1026 | 1026 |
} |
| 1027 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1027 |
@media screen and ($max-mobile-viewport) {
|
|
| 1028 | 1028 |
ol {
|
| 1029 | 1029 |
li {
|
| 1030 | 1030 |
min-width: none; |
| ... | ... | |
| 1048 | 1048 |
div.drafts-recall, |
| 1049 | 1049 |
form {
|
| 1050 | 1050 |
margin: 0 100px; |
| 1051 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1051 |
@media screen and ($max-mobile-viewport) {
|
|
| 1052 | 1052 |
margin: 0 10px; |
| 1053 | 1053 |
} |
| 1054 | 1054 |
padding: 0; |
| ... | ... | |
| 1059 | 1059 |
&[class*=grid-] {
|
| 1060 | 1060 |
box-sizing: content-box; |
| 1061 | 1061 |
} |
| 1062 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1062 |
@media screen and ($max-mobile-viewport) {
|
|
| 1063 | 1063 |
padding: 0 1rem; |
| 1064 | 1064 |
} |
| 1065 | 1065 |
} |
| ... | ... | |
| 1084 | 1084 |
} |
| 1085 | 1085 |
> div.buttons {
|
| 1086 | 1086 |
margin: 0 -100px; |
| 1087 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1087 |
@media screen and ($max-mobile-viewport) {
|
|
| 1088 | 1088 |
margin: 0 -10px; |
| 1089 | 1089 |
} |
| 1090 | 1090 |
box-sizing: border-box; |
| ... | ... | |
| 1098 | 1098 |
div.widget {
|
| 1099 | 1099 |
margin: 0 5rem; |
| 1100 | 1100 |
text-transform: uppercase; |
| 1101 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1101 |
@media screen and ($max-mobile-viewport) {
|
|
| 1102 | 1102 |
margin: 0; |
| 1103 | 1103 |
&.previous-button {
|
| 1104 | 1104 |
margin-left: 1ex; |
| ... | ... | |
| 1166 | 1166 |
div#receipt-intro, |
| 1167 | 1167 |
div.section {
|
| 1168 | 1168 |
padding: 0 100px; |
| 1169 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1169 |
@media screen and ($max-mobile-viewport) {
|
|
| 1170 | 1170 |
padding: 0; |
| 1171 | 1171 |
} |
| 1172 | 1172 |
} |
| ... | ... | |
| 1212 | 1212 |
} |
| 1213 | 1213 |
} |
| 1214 | 1214 | |
| 1215 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1215 |
@media screen and ($max-mobile-viewport) {
|
|
| 1216 | 1216 |
div#columns {
|
| 1217 | 1217 |
padding: 0; |
| 1218 | 1218 |
} |
| ... | ... | |
| 1220 | 1220 | |
| 1221 | 1221 |
.gru-content .cell.textcell.encart {
|
| 1222 | 1222 |
float: right; |
| 1223 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1223 |
@media screen and ($max-mobile-viewport) {
|
|
| 1224 | 1224 |
float: none; |
| 1225 | 1225 |
} |
| 1226 | 1226 |
> div {
|
| ... | ... | |
| 1239 | 1239 |
top: -40px; |
| 1240 | 1240 |
left: calc(50% - 43px); |
| 1241 | 1241 |
} |
| 1242 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1242 |
@media screen and ($max-mobile-viewport) {
|
|
| 1243 | 1243 |
margin: 1ex 3ex; |
| 1244 | 1244 |
max-width: none; |
| 1245 | 1245 |
} |
| ... | ... | |
| 1253 | 1253 | |
| 1254 | 1254 |
.gru-content .cell.textcell > div {
|
| 1255 | 1255 |
margin: 3rem 100px 0 100px; |
| 1256 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1256 |
@media screen and ($max-mobile-viewport) {
|
|
| 1257 | 1257 |
margin: 3rem 1rem 0 1rem; |
| 1258 | 1258 |
} |
| 1259 | 1259 |
h2 {
|
| ... | ... | |
| 1285 | 1285 |
div#title-section ~ div.account-management, |
| 1286 | 1286 |
div#title-section ~ div.cell > div {
|
| 1287 | 1287 |
margin: 3rem 100px 0 100px; |
| 1288 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1288 |
@media screen and ($max-mobile-viewport) {
|
|
| 1289 | 1289 |
margin: 3rem 1rem 0 1rem; |
| 1290 | 1290 |
} |
| 1291 | 1291 |
h2 {
|
| ... | ... | |
| 1310 | 1310 |
margin: 3rem 0px 0 0px; |
| 1311 | 1311 |
box-sizing: border-box; |
| 1312 | 1312 |
padding: 0 100px; |
| 1313 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1313 |
@media screen and ($max-mobile-viewport) {
|
|
| 1314 | 1314 |
padding: 0 20px; |
| 1315 | 1315 |
} |
| 1316 | 1316 |
} |
| ... | ... | |
| 1354 | 1354 |
position: absolute; |
| 1355 | 1355 |
z-index: 100; |
| 1356 | 1356 |
right: -400px; |
| 1357 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1357 |
@media screen and ($max-mobile-viewport) {
|
|
| 1358 | 1358 |
right: calc(-100vw + 85px); |
| 1359 | 1359 |
} |
| 1360 | 1360 |
transition: right ease-out 0.5s; |
| ... | ... | |
| 1376 | 1376 |
display: inline-block; |
| 1377 | 1377 |
box-sizing: border-box; |
| 1378 | 1378 |
width: 400px; |
| 1379 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1379 |
@media screen and ($max-mobile-viewport) {
|
|
| 1380 | 1380 |
width: calc(100vw - 85px); |
| 1381 | 1381 |
} |
| 1382 | 1382 |
padding: 20px 20px 20px 40px; |
| 1383 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1383 |
@media screen and ($max-mobile-viewport) {
|
|
| 1384 | 1384 |
box-shadow: none; |
| 1385 | 1385 |
} |
| 1386 | 1386 |
border-bottom-left-radius: 10px; |
| 1387 | 1387 |
h3 {
|
| 1388 | 1388 |
font-size: 40px; |
| 1389 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1389 |
@media screen and ($max-mobile-viewport) {
|
|
| 1390 | 1390 |
font-size: 20px; |
| 1391 | 1391 |
} |
| 1392 | 1392 |
margin-bottom: 2rem; |
| ... | ... | |
| 1418 | 1418 |
padding-right: 30px; |
| 1419 | 1419 |
padding-top: 3px; |
| 1420 | 1420 |
background: url(img/home/home-actu-ouvert/plus-fond-blanc.png) center right no-repeat; |
| 1421 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1421 |
@media screen and ($max-mobile-viewport) {
|
|
| 1422 | 1422 |
display: none; |
| 1423 | 1423 |
} |
| 1424 | 1424 |
} |
| 1425 | 1425 |
h4 a {
|
| 1426 | 1426 |
color: $font-color; |
| 1427 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1427 |
@media screen and ($max-mobile-viewport) {
|
|
| 1428 | 1428 |
display: block; |
| 1429 | 1429 |
padding-right: 30px; |
| 1430 | 1430 |
background: url(img/home/home-actu-ouvert/plus-fond-blanc.png) center right no-repeat; |
| ... | ... | |
| 1468 | 1468 |
#content div.a2-block {
|
| 1469 | 1469 |
padding-top: 4rem; |
| 1470 | 1470 |
width: 40rem; |
| 1471 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1471 |
@media screen and ($max-mobile-viewport) {
|
|
| 1472 | 1472 |
width: auto; |
| 1473 | 1473 |
padding-top: 1rem; |
| 1474 | 1474 |
} |
| ... | ... | |
| 1476 | 1476 |
h2 {
|
| 1477 | 1477 |
font-size: 46px; |
| 1478 | 1478 |
font-weight: bold; |
| 1479 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1479 |
@media screen and ($max-mobile-viewport) {
|
|
| 1480 | 1480 |
font-size: 32px; |
| 1481 | 1481 |
} |
| 1482 | 1482 |
} |
| ... | ... | |
| 1502 | 1502 |
} |
| 1503 | 1503 | |
| 1504 | 1504 |
#nav-tracking-code {
|
| 1505 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1505 |
@media screen and ($max-mobile-viewport) {
|
|
| 1506 | 1506 |
display: none; |
| 1507 | 1507 |
} |
| 1508 | 1508 |
margin-top: -45px; |
| ... | ... | |
| 1533 | 1533 |
display: none; |
| 1534 | 1534 |
} |
| 1535 | 1535 | |
| 1536 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1536 |
@media screen and ($max-mobile-viewport) {
|
|
| 1537 | 1537 |
#steps {
|
| 1538 | 1538 |
display: none; |
| 1539 | 1539 |
} |
| ... | ... | |
| 1612 | 1612 |
p {
|
| 1613 | 1613 |
font-weight: 600; |
| 1614 | 1614 |
} |
| 1615 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1615 |
@media screen and ($max-mobile-viewport) {
|
|
| 1616 | 1616 |
padding-top: 70px; |
| 1617 | 1617 |
} |
| 1618 | 1618 |
} |
| ... | ... | |
| 1621 | 1621 |
#registration-blocks {
|
| 1622 | 1622 |
display: flex; |
| 1623 | 1623 |
justify-content: center; |
| 1624 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1624 |
@media screen and ($max-mobile-viewport) {
|
|
| 1625 | 1625 |
display: block; |
| 1626 | 1626 |
} |
| 1627 | 1627 |
div.a2-block {
|
| 1628 | 1628 |
max-width: 35rem; |
| 1629 | 1629 |
margin: 0 3rem; |
| 1630 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1630 |
@media screen and ($max-mobile-viewport) {
|
|
| 1631 | 1631 |
max-width: none; |
| 1632 | 1632 |
margin: 0 1rem; |
| 1633 | 1633 |
} |
| ... | ... | |
| 1635 | 1635 |
h2 {
|
| 1636 | 1636 |
font-size: 36px; |
| 1637 | 1637 |
padding-left: 0; |
| 1638 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1638 |
@media screen and ($max-mobile-viewport) {
|
|
| 1639 | 1639 |
font-size: 26px; |
| 1640 | 1640 |
} |
| 1641 | 1641 |
} |
| ... | ... | |
| 1649 | 1649 |
top: 80px; |
| 1650 | 1650 |
bottom: 80px; |
| 1651 | 1651 |
right: -3rem; // -margin |
| 1652 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1652 |
@media screen and ($max-mobile-viewport) {
|
|
| 1653 | 1653 |
height: 1px; |
| 1654 | 1654 |
width: auto; |
| 1655 | 1655 |
top: auto; |
| ... | ... | |
| 1676 | 1676 |
// get lost password/create account lines out of flow, so the |
| 1677 | 1677 |
// FranceConnect button can be aligned with the login button. |
| 1678 | 1678 |
position: absolute; |
| 1679 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1679 |
@media screen and ($max-mobile-viewport) {
|
|
| 1680 | 1680 |
position: static; |
| 1681 | 1681 |
} |
| 1682 | 1682 |
} |
| ... | ... | |
| 1706 | 1706 |
} |
| 1707 | 1707 |
position: absolute; |
| 1708 | 1708 |
bottom: 0; |
| 1709 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1709 |
@media screen and ($max-mobile-viewport) {
|
|
| 1710 | 1710 |
position: static; |
| 1711 | 1711 |
} |
| 1712 | 1712 |
} |
| ... | ... | |
| 1743 | 1743 |
font-size: 40px; |
| 1744 | 1744 |
padding: 0; |
| 1745 | 1745 |
} |
| 1746 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1746 |
@media screen and ($max-mobile-viewport) {
|
|
| 1747 | 1747 |
padding: 60px 20px; |
| 1748 | 1748 |
} |
| 1749 | 1749 |
} |
| ... | ... | |
| 1761 | 1761 |
footer {
|
| 1762 | 1762 |
margin-left: 0; |
| 1763 | 1763 |
} |
| 1764 |
@media screen and (max-width: $mobile-limit) {
|
|
| 1764 |
@media screen and ($max-mobile-viewport) {
|
|
| 1765 | 1765 |
div#main-content-wrapper, |
| 1766 | 1766 |
#content #registration-title {
|
| 1767 | 1767 |
padding-top: 1rem; |
| static/tournai/_custom.scss | ||
|---|---|---|
| 426 | 426 |
} |
| 427 | 427 |
} |
| 428 | 428 | |
| 429 |
@media screen and (max-width: $mobile-limit) {
|
|
| 429 |
@media screen and ($max-mobile-viewport) {
|
|
| 430 | 430 |
div#nav {
|
| 431 | 431 |
margin-top: 10px; |
| 432 | 432 |
} |
| ... | ... | |
| 469 | 469 |
div#main-content {
|
| 470 | 470 |
width: 80%; |
| 471 | 471 |
margin: 0 auto; |
| 472 |
@media screen and (max-width: $mobile-limit) {
|
|
| 472 |
@media screen and ($max-mobile-viewport) {
|
|
| 473 | 473 |
width: auto; |
| 474 | 474 |
} |
| 475 | 475 |
} |
| ... | ... | |
| 508 | 508 |
padding: 1ex; |
| 509 | 509 |
} |
| 510 | 510 | |
| 511 |
@media screen and (max-width: $mobile-limit) {
|
|
| 511 |
@media screen and ($max-mobile-viewport) {
|
|
| 512 | 512 |
width: 100%; |
| 513 | 513 |
height: auto; |
| 514 | 514 |
a {
|
| static/tours-metropole/_custom.scss | ||
|---|---|---|
| 24 | 24 |
padding-left: 0; |
| 25 | 25 |
margin: 20px 0 10px 0; |
| 26 | 26 |
width: 30%; |
| 27 |
@media screen and (max-width: $mobile-limit) {
|
|
| 27 |
@media screen and ($max-mobile-viewport) {
|
|
| 28 | 28 |
width: 100%; |
| 29 | 29 |
} |
| 30 | 30 |
a {
|
| ... | ... | |
| 34 | 34 |
background-repeat: no-repeat; |
| 35 | 35 |
background-size: contain, contain; |
| 36 | 36 |
text-indent: -9999px; |
| 37 |
@media screen and (max-width: $mobile-limit) {
|
|
| 37 |
@media screen and ($max-mobile-viewport) {
|
|
| 38 | 38 |
background-image: url('img/logo-neutre.png');
|
| 39 | 39 |
background-repeat: no-repeat;; |
| 40 | 40 |
background-position: center left; |
| ... | ... | |
| 48 | 48 |
@include vendor-prefix(justify-content, space-between); |
| 49 | 49 |
} |
| 50 | 50 |
h1#logo-ville {
|
| 51 |
@media screen and (min-width: $mobile-limit) {
|
|
| 51 |
@media screen and ($min-desktop-viewport) {
|
|
| 52 | 52 |
display: block; |
| 53 | 53 |
} |
| 54 | 54 |
a {
|
| ... | ... | |
| 103 | 103 |
margin: 15px 0; |
| 104 | 104 |
line-height: 2em; |
| 105 | 105 |
font-family: 'Roboto Condensed', sans-serif; |
| 106 |
@media screen and (max-width: $mobile-limit) {
|
|
| 106 |
@media screen and ($max-mobile-viewport) {
|
|
| 107 | 107 |
text-indent: -9999px; |
| 108 | 108 |
background-size: contain; |
| 109 | 109 |
} |
| ... | ... | |
| 123 | 123 |
} |
| 124 | 124 | |
| 125 | 125 |
div#nav-wrapper {
|
| 126 |
@media screen and (min-width: $mobile-limit) {
|
|
| 126 |
@media screen and ($min-desktop-viewport) {
|
|
| 127 | 127 |
margin-top: -30px; |
| 128 | 128 |
} |
| 129 | 129 |
} |
| ... | ... | |
| 135 | 135 |
} |
| 136 | 136 | |
| 137 | 137 |
div.gru-nav {
|
| 138 |
@media screen and (min-width: $mobile-limit) {
|
|
| 138 |
@media screen and ($min-desktop-viewport) {
|
|
| 139 | 139 |
@include vendor-prefix(transform, skewY(-1deg)); |
| 140 | 140 |
} |
| 141 | 141 |
padding: 5px 0; |
| 142 |
@media screen and (max-width: $mobile-limit) {
|
|
| 142 |
@media screen and ($max-mobile-viewport) {
|
|
| 143 | 143 |
padding: 0; |
| 144 | 144 |
} |
| 145 | 145 |
> ul {
|
| 146 |
@media screen and (min-width: $mobile-limit) {
|
|
| 146 |
@media screen and ($min-desktop-viewport) {
|
|
| 147 | 147 |
@include vendor-prefix(transform, skewY(1deg)); |
| 148 | 148 |
} |
| 149 | 149 |
> li a {
|
| ... | ... | |
| 185 | 185 |
} |
| 186 | 186 | |
| 187 | 187 |
.gru-content {
|
| 188 |
@media screen and (max-width: $mobile-limit) {
|
|
| 188 |
@media screen and ($max-mobile-viewport) {
|
|
| 189 | 189 |
@include vendor-prefix(flex-direction, column-reverse); |
| 190 | 190 |
} |
| 191 | 191 |
div.cell.wcsformsofcategorycell {
|
| static/universite-paris-nanterre/_custom.scss | ||
|---|---|---|
| 8 | 8 |
div#header-wrapper {
|
| 9 | 9 |
div#header h1 {
|
| 10 | 10 |
padding-top: 40px; |
| 11 |
@media screen and (max-width: $mobile-limit) {
|
|
| 11 |
@media screen and ($max-mobile-viewport) {
|
|
| 12 | 12 |
padding-top: 80px; |
| 13 | 13 |
} |
| 14 | 14 |
a {
|
| ... | ... | |
| 21 | 21 |
overflow: hidden; |
| 22 | 22 |
text-indent: 400px; |
| 23 | 23 |
} |
| 24 |
@media screen and (max-width: $mobile-limit) {
|
|
| 24 |
@media screen and ($max-mobile-viewport) {
|
|
| 25 | 25 |
padding-left: 0; |
| 26 | 26 |
width: 100%; |
| 27 | 27 |
a {
|
| ... | ... | |
| 43 | 43 |
& > ul {
|
| 44 | 44 |
margin-top: 0; |
| 45 | 45 |
} |
| 46 |
@media screen and (max-width: $mobile-limit) {
|
|
| 46 |
@media screen and ($max-mobile-viewport) {
|
|
| 47 | 47 |
text-align: left; |
| 48 | 48 |
} |
| 49 | 49 |
} |
| static/urville-nacqueville/_custom.scss | ||
|---|---|---|
| 24 | 24 |
top: 0; |
| 25 | 25 |
width: 15px; |
| 26 | 26 |
} |
| 27 |
@media screen and (max-width: $mobile-limit) {
|
|
| 27 |
@media screen and ($max-mobile-viewport) {
|
|
| 28 | 28 |
background: transparent; |
| 29 | 29 |
&::before, &::after {
|
| 30 | 30 |
content: none; |
| ... | ... | |
| 76 | 76 |
color: white; |
| 77 | 77 |
} |
| 78 | 78 | |
| 79 |
@media screen and (max-width: $mobile-limit) {
|
|
| 79 |
@media screen and ($max-mobile-viewport) {
|
|
| 80 | 80 |
div#header h1 {
|
| 81 | 81 |
padding-left: 20px; |
| 82 | 82 |
} |
| static/venissieux/_custom.scss | ||
|---|---|---|
| 12 | 12 |
max-width: $width; |
| 13 | 13 |
margin: 0 auto; |
| 14 | 14 |
} |
| 15 |
@media screen and (max-width: $mobile-limit) {
|
|
| 15 |
@media screen and ($max-mobile-viewport) {
|
|
| 16 | 16 |
text-align: center; |
| 17 | 17 |
} |
| 18 | 18 |
} |
| ... | ... | |
| 20 | 20 |
#toplinks {
|
| 21 | 21 |
top: -6rem; |
| 22 | 22 |
font-size: 20px; |
| 23 |
@media screen and (max-width: $mobile-limit) {
|
|
| 23 |
@media screen and ($max-mobile-viewport) {
|
|
| 24 | 24 |
top: -9.5rem; |
| 25 | 25 |
font-size: 16px; |
| 26 | 26 |
} |
| ... | ... | |
| 35 | 35 |
position: relative; |
| 36 | 36 |
top: 5px; |
| 37 | 37 |
} |
| 38 |
@media screen and (max-width: $mobile-limit) {
|
|
| 38 |
@media screen and ($max-mobile-viewport) {
|
|
| 39 | 39 |
padding-left: 0; |
| 40 | 40 |
background: none; |
| 41 | 41 |
height: auto; |
| ... | ... | |
| 56 | 56 |
} |
| 57 | 57 | |
| 58 | 58 |
div#header h1 {
|
| 59 |
@media screen and (max-width: $mobile-limit) {
|
|
| 59 |
@media screen and ($max-mobile-viewport) {
|
|
| 60 | 60 |
text-align: center; |
| 61 | 61 |
} |
| 62 | 62 |
padding: 2rem 0; |
| ... | ... | |
| 69 | 69 |
div#section-une {
|
| 70 | 70 |
background-size: cover; |
| 71 | 71 |
padding: 2rem; |
| 72 |
@media screen and (max-width: $mobile-limit) {
|
|
| 72 |
@media screen and ($max-mobile-viewport) {
|
|
| 73 | 73 |
padding: 1rem; |
| 74 | 74 |
} |
| 75 | 75 |
&::after {
|
| ... | ... | |
| 84 | 84 |
width: 50%; |
| 85 | 85 |
height: 100%; |
| 86 | 86 |
padding: 2rem 4rem; |
| 87 |
@media screen and (max-width: $mobile-limit) {
|
|
| 87 |
@media screen and ($max-mobile-viewport) {
|
|
| 88 | 88 |
padding: 1rem 0rem; |
| 89 | 89 |
float: none; |
| 90 | 90 |
width: auto; |
| ... | ... | |
| 97 | 97 |
h2 {
|
| 98 | 98 |
position: absolute; |
| 99 | 99 |
bottom: 1rem; |
| 100 |
@media screen and (max-width: $mobile-limit) {
|
|
| 100 |
@media screen and ($max-mobile-viewport) {
|
|
| 101 | 101 |
position: static; |
| 102 | 102 |
} |
| 103 | 103 |
&::before {
|
| ... | ... | |
| 108 | 108 |
height: 3px; |
| 109 | 109 |
position: relative; |
| 110 | 110 |
top: -10px; |
| 111 |
@media screen and (max-width: $mobile-limit) {
|
|
| 111 |
@media screen and ($max-mobile-viewport) {
|
|
| 112 | 112 |
content: none; |
| 113 | 113 |
} |
| 114 | 114 |
} |
| 115 | 115 |
&::after {
|
| 116 | 116 |
content: none; |
| 117 |
@media screen and (max-width: $mobile-limit) {
|
|
| 117 |
@media screen and ($max-mobile-viewport) {
|
|
| 118 | 118 |
content: ""; |
| 119 | 119 |
} |
| 120 | 120 |
} |
| ... | ... | |
| 123 | 123 |
div.cell {
|
| 124 | 124 |
float: right; |
| 125 | 125 |
width: 25%; |
| 126 |
@media screen and (max-width: $mobile-limit) {
|
|
| 126 |
@media screen and ($max-mobile-viewport) {
|
|
| 127 | 127 |
float: none; |
| 128 | 128 |
width: auto; |
| 129 | 129 |
margin: 1rem 0; |
| ... | ... | |
| 167 | 167 |
} |
| 168 | 168 |
form {
|
| 169 | 169 |
display: flex; |
| 170 |
@media screen and (max-width: $mobile-limit) {
|
|
| 170 |
@media screen and ($max-mobile-viewport) {
|
|
| 171 | 171 |
display: block; |
| 172 | 172 |
padding-bottom: 1rem; |
| 173 | 173 |
} |
| static/villejuif/_custom.scss | ||
|---|---|---|
| 25 | 25 |
left: 0; |
| 26 | 26 |
} |
| 27 | 27 | |
| 28 |
@media screen and (max-width: $mobile-limit) {
|
|
| 28 |
@media screen and ($max-mobile-viewport) {
|
|
| 29 | 29 |
height: $header-height +10px; |
| 30 | 30 |
left: -78px; |
| 31 | 31 |
} |
| ... | ... | |
| 78 | 78 |
#main-content {
|
| 79 | 79 |
background: white; |
| 80 | 80 |
padding: 10px; |
| 81 |
@media screen and (max-width: $mobile-limit) {
|
|
| 81 |
@media screen and ($max-mobile-viewport) {
|
|
| 82 | 82 |
padding: 10px 0; |
| 83 | 83 |
} |
| 84 | 84 |
} |
| static/villeneuve-les-maguelone/_custom.scss | ||
|---|---|---|
| 13 | 13 |
text-indent: -1000px; |
| 14 | 14 |
overflow: hidden; |
| 15 | 15 |
} |
| 16 |
@media screen and (max-width: $mobile-limit) {
|
|
| 16 |
@media screen and ($max-mobile-viewport) {
|
|
| 17 | 17 |
padding-left: 0; |
| 18 | 18 |
width: 100%; |
| 19 | 19 |
a {
|
| ... | ... | |
| 30 | 30 |
& > ul {
|
| 31 | 31 |
margin-top: 0; |
| 32 | 32 |
} |
| 33 |
@media screen and (max-width: $mobile-limit) {
|
|
| 33 |
@media screen and ($max-mobile-viewport) {
|
|
| 34 | 34 |
text-align: left; |
| 35 | 35 |
} |
| 36 | 36 |
} |
| static/villeurbanne-2018/_custom.scss | ||
|---|---|---|
| 41 | 41 | |
| 42 | 42 |
div.publik-container {
|
| 43 | 43 |
margin-top: 150px; |
| 44 |
@media screen and (max-width: $mobile-limit) {
|
|
| 44 |
@media screen and ($max-mobile-viewport) {
|
|
| 45 | 45 |
margin-top: 80px; |
| 46 | 46 |
} |
| 47 | 47 |
} |
| ... | ... | |
| 49 | 49 |
#main-content {
|
| 50 | 50 |
background: white; |
| 51 | 51 |
padding: 10px; |
| 52 |
@media screen and (max-width: $mobile-limit) {
|
|
| 52 |
@media screen and ($max-mobile-viewport) {
|
|
| 53 | 53 |
padding: 0 0 10px 0; |
| 54 | 54 |
} |
| 55 | 55 |
} |
| ... | ... | |
| 235 | 235 | |
| 236 | 236 |
div.block {
|
| 237 | 237 |
flex-wrap: wrap; |
| 238 |
@media screen and (max-width: $mobile-limit) {
|
|
| 238 |
@media screen and ($max-mobile-viewport) {
|
|
| 239 | 239 |
padding: 0; |
| 240 | 240 |
} |
| 241 | 241 |
} |
| ... | ... | |
| 278 | 278 | |
| 279 | 279 |
div#fc-button {
|
| 280 | 280 |
box-shadow: 0 0 0; |
| 281 |
@media screen and (max-width: $mobile-limit) {
|
|
| 281 |
@media screen and ($max-mobile-viewport) {
|
|
| 282 | 282 |
width: 220px; |
| 283 | 283 |
} |
| 284 | 284 |
a.button {
|
| ... | ... | |
| 366 | 366 | |
| 367 | 367 |
div.buttons {
|
| 368 | 368 |
> div {
|
| 369 |
@media screen and (max-width: $mobile-limit) {
|
|
| 369 |
@media screen and ($max-mobile-viewport) {
|
|
| 370 | 370 |
float: none; |
| 371 | 371 |
} |
| 372 | 372 |
} |
| ... | ... | |
| 388 | 388 |
} |
| 389 | 389 |
div.cancel-button {
|
| 390 | 390 |
float: left; |
| 391 |
@media screen and (max-width: $mobile-limit) {
|
|
| 391 |
@media screen and ($max-mobile-viewport) {
|
|
| 392 | 392 |
float: none; |
| 393 | 393 |
} |
| 394 | 394 |
} |
| static/vincennes-2018/_custom.scss | ||
|---|---|---|
| 10 | 10 |
text-transform: uppercase; |
| 11 | 11 |
font-weight: normal; |
| 12 | 12 |
font-size: 3rem; |
| 13 |
@media screen and (max-width: $mobile-limit) {
|
|
| 13 |
@media screen and ($max-mobile-viewport) {
|
|
| 14 | 14 |
font-size: 2.3rem; |
| 15 | 15 |
max-width: 100%; |
| 16 | 16 |
white-space: pre; |
| ... | ... | |
| 30 | 30 |
bottom: 5px; |
| 31 | 31 |
} |
| 32 | 32 | |
| 33 |
@media screen and (max-width: $mobile-limit) {
|
|
| 33 |
@media screen and ($max-mobile-viewport) {
|
|
| 34 | 34 |
#header #top #logo {
|
| 35 | 35 |
padding-left: 0; |
| 36 | 36 |
a {
|
| 37 |
- |
|