a11y: adjust text font size relative to browser default (#44058)
This commit is contained in:
parent
783e898602
commit
74746a5976
|
@ -80,7 +80,7 @@ div#main-content-wrapper {
|
|||
display: block;
|
||||
text-indent: -10000px;
|
||||
color: #4D4D4D;
|
||||
font-size: 30px;
|
||||
font-size: 1.875rem;
|
||||
font-weight: normal;
|
||||
background-image: url(img/logo.png);
|
||||
background-position: center left;
|
||||
|
@ -656,7 +656,7 @@ div#footer-wrapper {
|
|||
content: '\f054';
|
||||
font-family: FontAwesome;
|
||||
margin-right: 0.5em;
|
||||
font-size: 7px;
|
||||
font-size: 0.438rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$border-radius: 3px;
|
||||
$width: 1280px;
|
||||
$font-family: Roboto, sans-serif;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$mobile-limit: 1100px;
|
||||
|
||||
$sidebar-width: 400px;
|
||||
|
|
|
@ -118,7 +118,7 @@ nav {
|
|||
&::after {
|
||||
content: $arrow-down-icon;
|
||||
font-family: FontAwesome;
|
||||
font-size: 10px;
|
||||
font-size: 0.667rem;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
vertical-align: middle;
|
||||
|
@ -161,7 +161,7 @@ nav {
|
|||
color: $title-color;
|
||||
content: $arrow-right-icon;
|
||||
font-family: FontAwesome;
|
||||
font-size: 6px;
|
||||
font-size: 0.4rem;
|
||||
font-weight: bold;
|
||||
left: 2em;
|
||||
position: absolute;
|
||||
|
|
|
@ -35,7 +35,7 @@ footer {
|
|||
border: 2px solid white;
|
||||
border-radius: 50px;
|
||||
color: $footer-color;
|
||||
font-size: 16px;
|
||||
font-size: 1.067rem;
|
||||
font-weight: bold;
|
||||
padding: 15px 35px;
|
||||
text-transform: uppercase;
|
||||
|
|
|
@ -50,7 +50,7 @@ $header-content-margin: 5px;
|
|||
text-align: left;
|
||||
color: white;
|
||||
padding-left: 25px;
|
||||
font-size: 12px;
|
||||
font-size: 0.8rem;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
span {
|
||||
|
|
|
@ -6,7 +6,7 @@ $top-logo-width: 200px;
|
|||
$top-banner-height: 400px;
|
||||
$font-color: #666;
|
||||
$font-family: 'Open Sans', Arial, Helvetica, sans-serif;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$nav-background: white;
|
||||
$nav-submenu-background: #EEE;
|
||||
$nav-submenu-color: #333;
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
$primary-color: #0055a4;
|
||||
$font-color: #1a1a1a;
|
||||
$font-size: 17px;
|
||||
$font-size: 1.062em;
|
||||
$font-family: Lato, sans-serif;
|
||||
$link-color: $primary-color;
|
||||
$lighter-primary-color: lighten($primary-color, 65%);
|
||||
|
@ -32,7 +32,7 @@ $buttons-order: cancel (grow), previous, submit;
|
|||
|
||||
$title-background: transparent;
|
||||
$title-color: $font-color;
|
||||
$title-font-size: 21px;
|
||||
$title-font-size: 1.235rem;
|
||||
|
||||
$cell-image-position: top;
|
||||
$cell-entry-hover-background: $lighter-primary-color;
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
@mixin form-icon($content) {
|
||||
content: $content;
|
||||
font-family: FontAwesome;
|
||||
font-size: 24px;
|
||||
font-size: 1.846rem;
|
||||
color: $primary-color;
|
||||
position: absolute;
|
||||
right: 1ex;
|
||||
|
@ -43,7 +43,7 @@ div#header-wrapper {
|
|||
height: 35px;
|
||||
border-bottom: 10px solid #ffffff;
|
||||
background: linear-gradient(#bfbfbf, #ededed);
|
||||
font-size: 11px;
|
||||
font-size: 0.846rem;
|
||||
div.login {
|
||||
a {
|
||||
&::before {
|
||||
|
@ -76,7 +76,7 @@ div#header-wrapper {
|
|||
&::before {
|
||||
content: ". | ";
|
||||
font-family: arlesfont;
|
||||
font-size: 25px;
|
||||
font-size: 1.923rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
&:hover {
|
||||
|
@ -121,7 +121,7 @@ div#footer-wrapper {
|
|||
a {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
font-size: 0.846rem;
|
||||
padding: 3px 0px;
|
||||
}
|
||||
span.logged-in a:first-child::before {
|
||||
|
@ -198,7 +198,7 @@ div#login-page {
|
|||
}
|
||||
h3 {
|
||||
color: $primary-color;
|
||||
font-size: 20px;
|
||||
font-size: 1.538rem;
|
||||
}
|
||||
div.login-actions p {
|
||||
text-align: center;
|
||||
|
@ -231,7 +231,7 @@ div.cell.searchcell {
|
|||
margin-right: 0;
|
||||
}
|
||||
input, button {
|
||||
font-size: 13px;
|
||||
font-size: 1rem;
|
||||
height: 32px;
|
||||
line-height: 24px;
|
||||
margin: 0.2em 0px;
|
||||
|
@ -246,7 +246,7 @@ form.combo-search-form {
|
|||
border: 1px solid #ccc;
|
||||
border-radius: 4px 0 0 4px;
|
||||
color: #676767;
|
||||
font-size: 13px;
|
||||
font-size: 1rem;
|
||||
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
|
||||
&:focus {
|
||||
|
@ -306,7 +306,7 @@ div.gru-content {
|
|||
padding-left: 10px;
|
||||
text-decoration: none;
|
||||
vertical-align: 5px;
|
||||
font-size: 15px;
|
||||
font-size: 1.154rem;
|
||||
font-weight: normal;
|
||||
line-height: 22px;
|
||||
text-align: left;
|
||||
|
@ -384,7 +384,7 @@ div.gru-content {
|
|||
|
||||
.largewheel {
|
||||
@extend .wheel;
|
||||
font-size: 35px;
|
||||
font-size: 2.692rem;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 10px;
|
||||
|
@ -553,7 +553,7 @@ div.file-upload-widget div.title {
|
|||
|
||||
li.is-redirection a::after {
|
||||
content: "\f14c";
|
||||
font-size: 24px;
|
||||
font-size: 1.846rem;
|
||||
color: $primary-color;
|
||||
font-family: FontAwesome;
|
||||
position: absolute;
|
||||
|
|
|
@ -3,7 +3,7 @@ $width: 980px;
|
|||
$mobile-limit: 768px;
|
||||
$small-screen: 480px;
|
||||
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
|
||||
$border-radius: 0;
|
||||
|
|
|
@ -34,14 +34,14 @@
|
|||
#nav-wrapper {
|
||||
background: white;
|
||||
margin-bottom: 0px;
|
||||
font-size: 24px;
|
||||
font-size: 1.5rem;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
div.gru-nav > ul {
|
||||
padding-top: 2rem;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0px;
|
||||
ul {
|
||||
font-size: 18px;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
}
|
||||
div.gru-nav > ul > li a {
|
||||
|
@ -134,7 +134,7 @@ div#rub_service form.quixote {
|
|||
|
||||
div#rub_service > h2:first-child,
|
||||
.gru-content div.textcell h1 {
|
||||
font-size: 60px;
|
||||
font-size: 3.75rem;
|
||||
text-align: center;
|
||||
&::after {
|
||||
content: none;
|
||||
|
|
|
@ -3,7 +3,7 @@ $primary-color: #00d3cc;
|
|||
$width: 1140px;
|
||||
$font-color: #484848;
|
||||
$font-family: Din, sans-serif;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$nav-background: transparent;
|
||||
$nav-submenu-background: #eee;
|
||||
$nav-submenu-color: #333;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #476592;
|
||||
|
||||
$font-color: #6e6e6e;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$font-family: Arial, sans-serif;
|
||||
$width: 1220px;
|
||||
$border-radius: 0;
|
||||
|
|
|
@ -113,17 +113,17 @@ div#header {
|
|||
color: white;
|
||||
}
|
||||
h1 {
|
||||
font-size: 40px;
|
||||
font-size: 2.857rem;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
padding-left: 0;
|
||||
font-size: 30px;
|
||||
font-size: 2.143rem;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
font-size: 20px;
|
||||
font-size: 1.429rem;
|
||||
font-weight: normal;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
font-size: 18px;
|
||||
font-size: 1.286rem;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
@ -568,7 +568,7 @@ ul#evolutions p.wf-attachment a {
|
|||
line-height: 38px;
|
||||
top: -5px;
|
||||
left: -50px;
|
||||
font-size: 20px;
|
||||
font-size: 1.429rem;
|
||||
background: white;
|
||||
}
|
||||
margin-left: 60px;
|
||||
|
|
|
@ -3,7 +3,7 @@ $secondary-color: #5b6a77;
|
|||
|
||||
$width: 1280px;
|
||||
$sidebar-width: 450px;
|
||||
$font-size: 14px;
|
||||
$font-size: 0.875em;
|
||||
$font-family: sans-serif;
|
||||
|
||||
$body-background: white;
|
||||
|
|
|
@ -27,7 +27,7 @@ div#main-content-wrapper {
|
|||
}
|
||||
|
||||
.pwa-navigation div > ul li a span, .pwa-navigation div#nav ul li a span {
|
||||
font-size: 12px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
$primary-color: #5b7197;
|
||||
$secondary-color: #63c8b8;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$font-family: sans-serif;
|
||||
$font-color: black;
|
||||
|
||||
|
@ -27,7 +27,7 @@ $nav-after-image: false;
|
|||
|
||||
$title-transform: uppercase;
|
||||
$title-color: $primary-color;
|
||||
$title-font-size: 24px;
|
||||
$title-font-size: 1.5rem;
|
||||
$title-weight: 300;
|
||||
$cell-title-cover-border: false;
|
||||
|
||||
|
|
|
@ -102,7 +102,7 @@ div#tracking-code h3 {
|
|||
|
||||
div#rub_service > h2 {
|
||||
text-align: left;
|
||||
font-size: 40px;
|
||||
font-size: 2.5rem;
|
||||
padding-left: 0.5rem;
|
||||
border-bottom: none;
|
||||
line-height: 110%;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$width: 1140px;
|
||||
$font-family: Raleway, sans-serif;
|
||||
$font-color: black;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$blue: #003d7e;
|
||||
$green: #48b95f;
|
||||
$primary-color: $blue;
|
||||
|
|
|
@ -11,7 +11,7 @@ div.textcell {
|
|||
}
|
||||
h2 {
|
||||
@extend %title;
|
||||
font-size: 20px;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -88,7 +88,7 @@ div#main-content-wrapper {
|
|||
left: 0;
|
||||
right: 0;
|
||||
max-width: none;
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #004170;
|
||||
|
||||
$font-color: black;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$font-family: Montserrat, sans-serif;
|
||||
$width: 1200px;
|
||||
|
||||
|
@ -14,7 +14,7 @@ $border-radius: 0px;
|
|||
$button-background: $primary-color;
|
||||
$title-background: transparent;
|
||||
$title-color: $primary-color;
|
||||
$title-font-size: 25px;
|
||||
$title-font-size: 1.562rem;
|
||||
$title-transform: uppercase;
|
||||
$title-weight: 500;
|
||||
$footer-background: $primary-color;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #005eaa;
|
||||
|
||||
$font-color: #0f0f0f;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$font-family: Verdana, sans-serif;
|
||||
$width: 1100px;
|
||||
$border-radius: 1px;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #3129b3;
|
||||
|
||||
$font-color: #3F3F3F;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$font-family: "Times New Roman", serif;
|
||||
$width: 1000px;
|
||||
$border-radius: 5px;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #0779B7;
|
||||
$width: 950px;
|
||||
$mobile-limit: 800px;
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$font-family: "Exo 2", arial, helvetica, sans-serif;
|
||||
$border-radius: 0;
|
||||
$nav-background: transparent;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #21c3d4;
|
||||
|
||||
$font-color: #3F3F3F;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$font-family: 'Montserrat', sans-serif;
|
||||
$width: 1140px;
|
||||
$border-radius: 0px;
|
||||
|
|
|
@ -2,7 +2,7 @@ $primary-color: #018B9D;
|
|||
|
||||
$width: 1160px;
|
||||
$font-color: #666;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$nav-background: #fafafa;
|
||||
$nav-submenu-background: #eee;
|
||||
$nav-submenu-color: #333;
|
||||
|
|
|
@ -181,7 +181,7 @@ div#header-top, div#footer {
|
|||
background-size: 30px;
|
||||
padding-top: 70px;
|
||||
span {
|
||||
font-size: 12px;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
span.badge {
|
||||
top: 30px;
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
$border-radius: 3px;
|
||||
$body-background: transparent;
|
||||
$font-family: Cabin, sans-serif;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$primary-color: #333333;
|
||||
$width: 1240px;
|
||||
$mobile-limit: 1024px;
|
||||
|
|
|
@ -113,7 +113,7 @@ div#footer {
|
|||
border: 1px solid #fff;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
font-size: 0.8rem;
|
||||
padding: 5px 10px;
|
||||
display: block;
|
||||
}
|
||||
|
@ -132,7 +132,7 @@ div#footer {
|
|||
width: 50px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
font-size: 1.333rem;
|
||||
&:before {
|
||||
color: #fff;
|
||||
line-height: 44px;
|
||||
|
|
|
@ -5,7 +5,7 @@ $primary-color: #C25D1B;
|
|||
$width: 1140px;
|
||||
$font-color: #5b4e46;
|
||||
$font-family: "PT Sans", sans-serif;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$link-color: $primary-color;
|
||||
$nav-background: transparent;
|
||||
$nav-submenu-background: #eee;
|
||||
|
|
|
@ -5,7 +5,7 @@ $primary-color: #C52F1E;
|
|||
$width: 1160px;
|
||||
$font-color: #666;
|
||||
$font-family: Lato, sans-serif;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$nav-background: transparent;
|
||||
$nav-submenu-background: #eee;
|
||||
$nav-submenu-color: #333;
|
||||
|
|
|
@ -115,7 +115,7 @@ div#title-section {
|
|||
text-align: center;
|
||||
h1 {
|
||||
font-family: "Open Sans Condensed", $title-font-family;
|
||||
font-size: 38px;
|
||||
font-size: 2.375rem;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
@ -213,13 +213,13 @@ div.large #rub_service form.quixote {
|
|||
clear: both;
|
||||
margin: 25px 0;
|
||||
text-align: left;
|
||||
font-size: 26px;
|
||||
font-size: 1.625rem;
|
||||
line-height: 40px;
|
||||
color: $darkgray;
|
||||
border-bottom: none;
|
||||
}
|
||||
h4 {
|
||||
font-size: 22px;
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
div.buttons {
|
||||
}
|
||||
|
@ -293,7 +293,7 @@ div.list-of-forms {
|
|||
.block + .block-fc::after {
|
||||
margin-top: 60px;
|
||||
font-weight: bold;
|
||||
font-size: 24px;
|
||||
font-size: 1.5rem;
|
||||
font-family: $title-font-family;
|
||||
color: $logoblue;
|
||||
}
|
||||
|
@ -360,7 +360,7 @@ div.widget label {
|
|||
|
||||
.text-check-before-submit {
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
font-size: 1.25rem;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
|
|
@ -15,7 +15,7 @@ $font-family: Georgia, "Times New Roman", Times, serif;
|
|||
|
||||
$title-font-family: "Open Sans", arial, sans-serif;
|
||||
$title-transform: uppercase;
|
||||
$title-font-size: 20px;
|
||||
$title-font-size: 1.25rem;
|
||||
$title-weight: bold;
|
||||
$title-background: white;
|
||||
$title-color: $darkgray;
|
||||
|
@ -23,7 +23,7 @@ $title-padding: 0.7rem 0.5rem;
|
|||
|
||||
$width: 1000px;
|
||||
$font-color: $typogray;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
|
||||
$footer-background: #222222;
|
||||
$footer-color: #999999;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #44DB6F;
|
||||
$width: 1200px;
|
||||
$font-color: #333;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$nav-background: transparent;
|
||||
$nav-submenu-background: #EEE;
|
||||
$nav-submenu-color: #333;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #008f59;
|
||||
|
||||
$font-color: #3F3F3F;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
$width: 1040px;
|
||||
$border-radius: 0;
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
$width: 950px;
|
||||
$mobile-limit: 800px;
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$font-family: Arial, sans-serif;
|
||||
$nav-background: #DFE2E6;
|
||||
$nav-color: #333;
|
||||
|
|
|
@ -30,7 +30,7 @@ $mobile-header-height: 280px;
|
|||
@extend %button;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
font-size: 0.889rem;
|
||||
}
|
||||
|
||||
%cancel-button {
|
||||
|
@ -458,7 +458,7 @@ h1, h2, h3, h4 {
|
|||
}
|
||||
|
||||
h1, div#rub_service h2 {
|
||||
font-size: 30px;
|
||||
font-size: 1.667rem;
|
||||
}
|
||||
|
||||
div#rub_service h2 {
|
||||
|
@ -466,16 +466,16 @@ div#rub_service h2 {
|
|||
}
|
||||
|
||||
h2, div#rub_service h3 {
|
||||
font-size: 26px;
|
||||
font-size: 1.444rem;
|
||||
color: #88446b;
|
||||
}
|
||||
|
||||
h3, div#rub_service h4 {
|
||||
font-size: 22px;
|
||||
font-size: 1.222rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 19px;
|
||||
font-size: 1.056rem;
|
||||
}
|
||||
|
||||
input, select {
|
||||
|
|
|
@ -3,7 +3,7 @@ $width: 1316px;
|
|||
|
||||
$font-family: Montserrat, sans-serif;
|
||||
$font-color: #000;
|
||||
$font-size: 18px;
|
||||
$font-size: 1.125em;
|
||||
|
||||
$link-color: #000;
|
||||
|
||||
|
@ -28,7 +28,7 @@ $widget-unique-checkbox-position: left;
|
|||
|
||||
$title-background: $primary-color;
|
||||
$title-weight: bold;
|
||||
$title-font-size: 22px;
|
||||
$title-font-size: 1.222rem;
|
||||
|
||||
$cell-border: none;
|
||||
$cell-entry-hover-background: $primary-color;
|
||||
|
|
|
@ -67,7 +67,7 @@ div.buttons.submit {
|
|||
}
|
||||
p {
|
||||
margin: auto;
|
||||
font-size: 16px;
|
||||
font-size: 1.067rem;
|
||||
}
|
||||
a {
|
||||
color: #ffffff;
|
||||
|
|
|
@ -4,7 +4,7 @@ $secondary-color: #0a0a0a;
|
|||
$width: 1100px;;
|
||||
$font-color: $secondary-color;
|
||||
$font-family: "Roboto", Helvetica, Arial, sans-serif;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$nav-background: $primary-color;
|
||||
$nav-submenu-background: transparentize($primary-color, 0.1);
|
||||
$nav-color: white;
|
||||
|
|
|
@ -109,7 +109,7 @@ div.carrousel-references-content {
|
|||
z-index: 1000;
|
||||
&::after {
|
||||
font-family: FontAwesome;
|
||||
font-size: 24px;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
&.carrousel-references-previous {
|
||||
left: 1ex;
|
||||
|
|
|
@ -49,7 +49,7 @@ a.pk-button:hover {
|
|||
}
|
||||
|
||||
#sidebar h1 {
|
||||
font-size: 22px;
|
||||
font-size: 1.375rem;
|
||||
font-weight: 400;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
@ -57,7 +57,7 @@ a.pk-button:hover {
|
|||
#toplinks {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
font-size: 13px;
|
||||
font-size: 0.812rem;
|
||||
}
|
||||
|
||||
.page-index {
|
||||
|
@ -98,7 +98,7 @@ a.pk-button:hover {
|
|||
}
|
||||
|
||||
.deuxcolonnes p {
|
||||
font-size: 17px;
|
||||
font-size: 1.062rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
|
|
|
@ -5,7 +5,7 @@ $width: 1160px;
|
|||
$very-small-limit: 1060px;
|
||||
$mobile-header-height: 40px;
|
||||
$font-color: #555;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$font-family: Lato, sans-serif;
|
||||
$link-color: #0a71a1;
|
||||
$nav-background: white;
|
||||
|
@ -20,7 +20,7 @@ $nav-item-hover-background: white;
|
|||
$border-radius: 4px;
|
||||
$button-color: white;
|
||||
$button-background: $primary-color;
|
||||
$title-font-size: 22px;
|
||||
$title-font-size: 1.375rem;
|
||||
$title-background: white;
|
||||
$title-font-family: Lato, sans-serif;
|
||||
$footer-background: #919396;
|
||||
|
|
|
@ -33,7 +33,7 @@ div#header-wrapper {
|
|||
}
|
||||
|
||||
div#nav {
|
||||
font-size: 13px;
|
||||
font-size: 0.867rem;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
padding-top: 1px;
|
||||
|
@ -88,7 +88,7 @@ div#nav {
|
|||
|
||||
div#footer-wrapper {
|
||||
margin-top: 0;
|
||||
font-size: 13px;
|
||||
font-size: 0.867rem;
|
||||
a {
|
||||
text-decoration: underline;
|
||||
color: white;
|
||||
|
|
|
@ -9,7 +9,7 @@ $border-radius: 0;
|
|||
$width: 1130px;
|
||||
$link-color: $primary-color-darker;
|
||||
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$font-family: Roboto, sans-serif;
|
||||
|
||||
$nav-background: white;
|
||||
|
@ -24,7 +24,7 @@ $responsive-menu: left-to-right;
|
|||
|
||||
$title-color: $primary-color-xdarker;
|
||||
$title-border-bottom: 3px solid $primary-color;
|
||||
$title-font-size: 36px;
|
||||
$title-font-size: 2.4rem;
|
||||
$title-weight: 400;
|
||||
$title-padding: 3rem 1rem 0.7rem 1rem;
|
||||
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #f3af51;
|
||||
|
||||
$font-color: #111;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$font-family: Myriad, Arial, Verdana, sans-serif;
|
||||
$width: 1003px;
|
||||
$border-radius: 0;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #2A697C;
|
||||
$width: 950px;
|
||||
$mobile-limit: 800px;
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$font-family: sans-serif;
|
||||
$nav-background: transparent;
|
||||
$nav-submenu-background: white;
|
||||
|
|
|
@ -25,7 +25,7 @@ div#header-wrapper {
|
|||
}
|
||||
#home-link {
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
font-size: 1rem;
|
||||
color: white;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
@ -50,7 +50,7 @@ div#header-wrapper {
|
|||
background: transparent;
|
||||
top: 1rem;
|
||||
text-transform: uppercase;
|
||||
font-size: 18px;
|
||||
font-size: 0.9rem;
|
||||
a {
|
||||
color: white;
|
||||
.connected-user {
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
$border-radius: 3px;
|
||||
$primary-color: #da3838;
|
||||
$font-size: 20px;
|
||||
$font-size: 1.25em;
|
||||
$font-family: "Barlow Condensed", sans-serif;
|
||||
$link-color: $primary-color;
|
||||
|
||||
|
@ -18,7 +18,7 @@ $cell-title-cover-border: false;
|
|||
|
||||
$title-background: transparent;
|
||||
$title-transform: uppercase;
|
||||
$title-font-size: 28px;
|
||||
$title-font-size: 1.4rem;
|
||||
$title-color: #2f2f2f;
|
||||
$title-weight: bold;
|
||||
$title-padding: 0.7rem 0rem;
|
||||
|
|
|
@ -80,7 +80,7 @@ div#contenu {
|
|||
background-color: $primary-color;
|
||||
span.gru-icon::after {
|
||||
@include form-icon("\f046");
|
||||
font-size: 20px;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
@media screen and (max-width: $my-tablet-limit) {
|
||||
|
@ -115,7 +115,7 @@ div#contenu {
|
|||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
font-size: 16px;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 300;
|
||||
padding-top: 2em;
|
||||
padding-bottom: 74px;
|
||||
|
@ -134,7 +134,7 @@ span.connected-user {
|
|||
}
|
||||
a.account::after {
|
||||
@include form-icon("\f013");
|
||||
font-size: 19px;
|
||||
font-size: 0.95rem;
|
||||
color: black;
|
||||
border-style: solid;
|
||||
border-width: 0 0 0 1px;
|
||||
|
@ -143,7 +143,7 @@ a.account::after {
|
|||
}
|
||||
a.logout::after {
|
||||
@include form-icon("\f011");
|
||||
font-size: 19px;
|
||||
font-size: 0.95rem;
|
||||
border-style: solid;
|
||||
border-width: 0 0 0 1px;
|
||||
padding: 0 7px 0 7px;
|
||||
|
@ -163,7 +163,7 @@ div#nav-wrapper {
|
|||
button {
|
||||
position: absolute;
|
||||
right: 4rem;
|
||||
font-size: 14px;
|
||||
font-size: 0.7rem;
|
||||
font-weight: 400;
|
||||
padding-left: 50px;
|
||||
color: $tertiary-color;
|
||||
|
@ -198,7 +198,7 @@ div#nav-wrapper {
|
|||
|
||||
div#header-post {
|
||||
font-weight: 900;
|
||||
font-size: 45px;
|
||||
font-size: 2.25rem;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
background-color: $secondary-color;
|
||||
|
@ -226,11 +226,11 @@ div#footer {
|
|||
border-color: transparent !important;
|
||||
}
|
||||
address.site-infos__listitems {
|
||||
font-size: 15px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
p:first-child {
|
||||
font-size: 21px;
|
||||
font-size: 1.05rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
@media screen and (max-width: $my-mobile-limit) {
|
||||
|
@ -239,7 +239,7 @@ div#footer {
|
|||
}
|
||||
a.contact-social__link {
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
border: solid 1px;
|
||||
border-radius: 5px;
|
||||
|
@ -285,7 +285,7 @@ div#footer {
|
|||
padding: 0;
|
||||
li {
|
||||
a {
|
||||
font-size: 14px;
|
||||
font-size: 0.7rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
@ -294,7 +294,7 @@ div#footer {
|
|||
.menu-cross__item::before {
|
||||
@include form-icon("\f105");
|
||||
padding-right: 5px;
|
||||
font-size: 16px;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -3,7 +3,7 @@ $secondary-color: #f4f4f4;
|
|||
$tertiary-color: #0f183b;
|
||||
|
||||
$border-radius: 3px;
|
||||
$font-size: 20px;
|
||||
$font-size: 1.25em;
|
||||
$font-family: Montserrat, sans-serif;
|
||||
$link-color: $primary-color;
|
||||
|
||||
|
@ -23,7 +23,7 @@ $cell-border: none;
|
|||
$cell-entry-hover-background: transparent;
|
||||
|
||||
$title-transform: uppercase;
|
||||
$title-font-size: 28px;
|
||||
$title-font-size: 1.4rem;
|
||||
$title-weight: bold;
|
||||
$title-padding: 0.7rem 0rem;
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@ $primary-color: #268682;
|
|||
$width: 1160px;
|
||||
$font-color: #666;
|
||||
$font-family: Catamaran, sans-serif;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$nav-background: transparent;
|
||||
$nav-submenu-background: #eee;
|
||||
$nav-submenu-color: #333;
|
||||
|
|
|
@ -62,7 +62,7 @@ div#header-wrapper {
|
|||
padding-bottom: 40px;
|
||||
text-indent: -10000px;
|
||||
color: #4D4D4D;
|
||||
font-size: 30px;
|
||||
font-size: 1.875rem;
|
||||
font-weight: normal;
|
||||
background: url(img/logo-sau.png) center center no-repeat;
|
||||
width: 277px;
|
||||
|
@ -140,7 +140,7 @@ div.cell > div {
|
|||
h2 {
|
||||
letter-spacing: 2px;
|
||||
font-weight: normal;
|
||||
font-size: 30px;
|
||||
font-size: 1.875rem;
|
||||
}
|
||||
}
|
||||
> div:first-child {
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
$width: 1200px;
|
||||
$mobile-limit: 800px;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$font-family: "Source Sans Pro", sans-serif;
|
||||
$border-radius: 0;
|
||||
$body-background: #F2F2F2;
|
||||
|
|
|
@ -37,7 +37,7 @@ div#nav-wrapper {
|
|||
div#nav {
|
||||
margin-bottom: -1px;
|
||||
font-family: $title-font-family;
|
||||
font-size: 14px;
|
||||
font-size: 0.933rem;
|
||||
}
|
||||
|
||||
div#nav > ul {
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
$width: 1180px;
|
||||
$mobile-limit: 800px;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
$border-radius: 0;
|
||||
$primary-color: #DA0000;
|
||||
|
@ -15,7 +15,7 @@ $nav-item-selected-color: $primary-color;
|
|||
$nav-menu-color: $primary-color;
|
||||
$button-background: #363636;
|
||||
$title-font-family: "Segoe UI", $font-family;
|
||||
$title-font-size: 28px;
|
||||
$title-font-size: 1.867rem;
|
||||
$title-weight: bold;
|
||||
$title-background: white;
|
||||
$title-color: #000;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$width: 1100px;
|
||||
$mobile-limit: 1024px;
|
||||
$nav-full-width-background: true;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$font-family: Roboto;
|
||||
$primary-color: #FFEC44;
|
||||
$link-color: #000000;
|
||||
|
@ -11,7 +11,7 @@ $very-small-screen: 330px;
|
|||
|
||||
$title-border-bottom: none;
|
||||
$title-color: #000;
|
||||
$title-font-size: 32px;
|
||||
$title-font-size: 2rem;
|
||||
$title-font-family: 'Josefin Sans';
|
||||
$title-weight: bold;
|
||||
$title-background: transparent;
|
||||
|
|
|
@ -3,7 +3,7 @@ $secondary-color: #AD987B; /* light brown */
|
|||
|
||||
$width: 950px;
|
||||
$font-color: #333;
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
$nav-background: $secondary-color;
|
||||
$nav-color: white;
|
||||
|
|
|
@ -534,7 +534,7 @@ div#profile {
|
|||
h2 {
|
||||
padding-top: 30px;
|
||||
height: 80px;
|
||||
font-size: 30px;
|
||||
font-size: 1.875rem;
|
||||
color: $darkblue;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
@ -630,7 +630,7 @@ div#rub_service > h2:first-child,
|
|||
color: $base-color;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
font-size: 30px;
|
||||
font-size: 1.875rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -28,7 +28,7 @@ $nav-item-spacing: 3rem;
|
|||
$title-background: transparent;
|
||||
$title-color: $lightblue;
|
||||
$title-weight: bold;
|
||||
$title-font-size: 20px;
|
||||
$title-font-size: 1.25rem;
|
||||
$title-padding: 0.5rem;
|
||||
|
||||
$table-headers-background: #1e7590;
|
||||
|
|
|
@ -73,7 +73,7 @@ nav {
|
|||
}
|
||||
a {
|
||||
text-transform: uppercase;
|
||||
font-size: 16px;
|
||||
font-size: 1.143rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
@ -178,7 +178,7 @@ div#vos-demarches {
|
|||
position: relative;
|
||||
top: 25px;
|
||||
@extend %title;
|
||||
font-size: 27px;
|
||||
font-size: 1.929rem;
|
||||
border-bottom: 0;
|
||||
padding-left: 0;
|
||||
&::before {
|
||||
|
@ -333,7 +333,7 @@ $cell_colors: ( ("bleu", $bleu),
|
|||
background: url(img/picto-code-suivi.svg) left top no-repeat;
|
||||
background-size: 120px 80px;
|
||||
padding-left: 120px;
|
||||
font-size: 22px;
|
||||
font-size: 1.571rem;
|
||||
}
|
||||
form {
|
||||
display: flex;
|
||||
|
@ -356,7 +356,7 @@ body.has-picture {
|
|||
color: white;
|
||||
border: 0;
|
||||
text-align: left;
|
||||
font-size: 37px;
|
||||
font-size: 2.643rem;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
@ -371,13 +371,13 @@ body.has-picture {
|
|||
&.long-title {
|
||||
margin-top: -180px;
|
||||
min-height: 180px;
|
||||
font-size: 30px;
|
||||
font-size: 2.143rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#rub_service {
|
||||
font-size: 16px;
|
||||
font-size: 1.143rem;
|
||||
form {
|
||||
h3 {
|
||||
@extend %title;
|
||||
|
@ -429,7 +429,7 @@ div#tracking-code {
|
|||
color: $violet;
|
||||
border-bottom: 0;
|
||||
padding-left: 110px;
|
||||
font-size: 22px;
|
||||
font-size: 1.571rem;
|
||||
}
|
||||
a {
|
||||
margin-top: 1rem;
|
||||
|
@ -438,7 +438,7 @@ div#tracking-code {
|
|||
background: $violet;
|
||||
color: white;
|
||||
padding-bottom: 4px;
|
||||
font-size: 27px;
|
||||
font-size: 1.929rem;
|
||||
text-decoration: underline;
|
||||
}
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
|
@ -446,7 +446,7 @@ div#tracking-code {
|
|||
display: flex;
|
||||
h3, a {
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
font-size: 1.286rem;
|
||||
}
|
||||
a {
|
||||
padding: 2px;
|
||||
|
@ -508,12 +508,12 @@ div.comment-field,
|
|||
div.textcell {
|
||||
line-height: 130%;
|
||||
h1 {
|
||||
font-size: 37px;
|
||||
font-size: 2.643rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
h2 {
|
||||
font-size: 27px;
|
||||
font-size: 1.929rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
a {
|
||||
|
@ -548,7 +548,7 @@ footer {
|
|||
background-position: 50% 10px;
|
||||
padding-top: 38px;
|
||||
span {
|
||||
font-size: 11px;
|
||||
font-size: 0.786rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -9,7 +9,7 @@ $orange: #E67300;
|
|||
|
||||
$font-color: black;
|
||||
$font-family: Poppins, sans-serif;
|
||||
$font-size: 14px;
|
||||
$font-size: 0.875em;
|
||||
$link-color: inherit;
|
||||
|
||||
$primary-color: $bleu;
|
||||
|
@ -27,7 +27,7 @@ $nav-mobile-bottom-bar-item-hover-background: $bleufonce;
|
|||
|
||||
$title-background: transparent;
|
||||
$title-color: $primary-color;
|
||||
$title-font-size: 20px;
|
||||
$title-font-size: 1.429rem;
|
||||
$title-weight: 600;
|
||||
$title-border-bottom: 2px solid $primary-color;
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@ $secondary-color: #F37C00; /* orange */
|
|||
$width: 964px;
|
||||
$font-color: #2C2C2C;
|
||||
$font-family: Verdana, Tahoma, Arial, sans-serif;
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$nav-background: $primary-color;
|
||||
$nav-submenu-background: $primary-color;
|
||||
$nav-submenu-color: white;
|
||||
|
|
|
@ -2,7 +2,7 @@ $primary-color: #436C92; /* blue */
|
|||
|
||||
$width: 950px;
|
||||
$font-color: #333;
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$font-family: "Trebuchet MS", sans-serif;
|
||||
$nav-background: $primary-color;
|
||||
$nav-color: white;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #00a8c0;
|
||||
|
||||
$font-color: #3F3F3F;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$font-family: "Open Sans", sans-serif;
|
||||
$width: 1180px;
|
||||
|
||||
|
|
|
@ -2,7 +2,7 @@ $primary-color: #5ABEB9;
|
|||
|
||||
$width: 1200px;
|
||||
$font-color: #515151;
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$font-family: Verdana, Arial, sans-serif;
|
||||
$nav-background: $primary-color;
|
||||
$nav-active-color: darken($nav-background, 10%);
|
||||
|
|
|
@ -3,7 +3,7 @@ $primary-color: #024395;
|
|||
$width: 1300px;
|
||||
$footer-background: $primary-color;
|
||||
$font-color: #666;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$nav-background: transparent;
|
||||
$nav-submenu-background: rgba(240, 240, 255, 0.95);
|
||||
$nav-submenu-color: #333;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #1DA1AE;
|
||||
|
||||
$font-color: #565656;
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$font-family: sans-serif;
|
||||
$nav-background: $primary-color;
|
||||
$nav-color: white;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #1e73be;
|
||||
|
||||
$font-color: #3F3F3F;
|
||||
$font-size: 14px;
|
||||
$font-size: 0.875em;
|
||||
$font-family: Montserrat, sans-serif;
|
||||
$width: 1100px;
|
||||
$border-radius: 0;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #0071e0;
|
||||
|
||||
$font-color: #333;
|
||||
$font-size: 14px;
|
||||
$font-size: 0.875em;
|
||||
$font-family: Lato, sans-serif;
|
||||
$width: 980px;
|
||||
$border-radius: 0;
|
||||
|
|
|
@ -54,7 +54,7 @@ div#nav {
|
|||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
a {
|
||||
display: inline-block;
|
||||
color: white;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #00aecd;
|
||||
|
||||
$font-color: #3F3F3F;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$font-family: sans-serif;
|
||||
$width: 1140px;
|
||||
|
||||
|
|
|
@ -13,7 +13,7 @@ div#header {
|
|||
background: url('img/logo.png') center right no-repeat;
|
||||
height: 2em;
|
||||
padding: 1em 0 0 0;
|
||||
font-size: 60px;
|
||||
font-size: 4.615rem;
|
||||
line-height: 60px;
|
||||
font-weight: bold;
|
||||
margin: 0 20px;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$width: 992px;
|
||||
$mobile-limit: 800px;
|
||||
$primary-color: #6B7A99;
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$font-family: "Open Sans", sans-serif;
|
||||
$nav-background: transparent;
|
||||
$nav-color: #000;
|
||||
|
|
|
@ -7,7 +7,7 @@ a#publik-portal-agent {
|
|||
}
|
||||
|
||||
span#environment-label {
|
||||
font-size: 10px;
|
||||
font-size: 0.714rem;
|
||||
}
|
||||
|
||||
%title {
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
$font-color: #494949;
|
||||
$font-family: Lato, sans-serif;
|
||||
$font-size: 14px;
|
||||
$font-size: 0.875em;
|
||||
$primary-color: #e20714;
|
||||
$border-radius: 0px;
|
||||
$width: 1000px;
|
||||
|
@ -18,7 +18,7 @@ $footer-background: #dcdcdc;
|
|||
$footer-color: $font-color;
|
||||
|
||||
$title-font-family: Montserrat, sans-serif;
|
||||
$title-font-size: 20px;
|
||||
$title-font-size: 1.429rem;
|
||||
$title-weight: bold;
|
||||
$title-color: #4c4c4c;
|
||||
$title-padding: 0.7rem 0.5rem;
|
||||
|
|
|
@ -65,7 +65,7 @@ nav {
|
|||
padding-top: 0.5rem;
|
||||
background-size: 80px;
|
||||
background-position: bottom 0.5rem left 50%;
|
||||
font-size: 16px;
|
||||
font-size: 0.8rem;
|
||||
height: $mobile-header-height;
|
||||
width: 50vw;
|
||||
&::after {
|
||||
|
@ -80,7 +80,7 @@ nav {
|
|||
#lille-user-info {
|
||||
background: url($data_uri_comptepersonnel) 0 5px no-repeat;
|
||||
background-size: 27px 33px;
|
||||
font-size: 18px;
|
||||
font-size: 0.9rem;
|
||||
position: absolute;
|
||||
top: 45px;
|
||||
left: 120px;
|
||||
|
@ -95,7 +95,7 @@ nav {
|
|||
padding-top: 5px;
|
||||
top: 20px;
|
||||
left: 80px;
|
||||
font-size: 14px;
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
@media screen and (max-width: 360px) {
|
||||
left: 60px;
|
||||
|
@ -173,7 +173,7 @@ div.gru-nav .gru-nav-button {
|
|||
line-height: 120%;
|
||||
text-align: left;
|
||||
padding-left: 35px;
|
||||
font-size: 15px;
|
||||
font-size: 0.75rem;
|
||||
height: 40px;
|
||||
}
|
||||
span.badge {
|
||||
|
@ -229,7 +229,7 @@ div.gru-nav .gru-nav-button {
|
|||
max-width: 50%;
|
||||
line-height: 120%;
|
||||
strong {
|
||||
font-size: 40px;
|
||||
font-size: 2rem;
|
||||
line-height: 130%;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
@ -238,7 +238,7 @@ div.gru-nav .gru-nav-button {
|
|||
left: 22px;
|
||||
max-width: 80%;
|
||||
strong {
|
||||
font-size: 24px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -268,7 +268,7 @@ div.gru-nav .gru-nav-button {
|
|||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
font-size: 24px;
|
||||
font-size: 1.2rem;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
@ -296,7 +296,7 @@ div.gru-nav .gru-nav-button {
|
|||
margin: 0;
|
||||
background: #1a1a1a;
|
||||
color: white;
|
||||
font-size: 35px;
|
||||
font-size: 1.75rem;
|
||||
&::after {
|
||||
content: "\f054"; // chevron-right
|
||||
font-family: FontAwesome;
|
||||
|
@ -305,7 +305,7 @@ div.gru-nav .gru-nav-button {
|
|||
}
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
top: 15px;
|
||||
font-size: 25px;
|
||||
font-size: 1.25rem;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
&::after {
|
||||
|
@ -318,7 +318,7 @@ div.gru-nav .gru-nav-button {
|
|||
width: 50%;
|
||||
float: right;
|
||||
margin-right: 50px;
|
||||
font-size: 18px;
|
||||
font-size: 0.9rem;
|
||||
padding-top: 10px;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
width: auto;
|
||||
|
@ -337,14 +337,14 @@ div.gru-nav .gru-nav-button {
|
|||
text-transform: uppercase;
|
||||
margin-bottom: 0;
|
||||
letter-spacing: 4px;
|
||||
font-size: 26px;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 900;
|
||||
}
|
||||
h3 {
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
font-size: 16px;
|
||||
font-size: 0.8rem;
|
||||
letter-spacing: 4px;
|
||||
}
|
||||
padding-bottom: 30px;
|
||||
|
@ -388,7 +388,7 @@ div.gru-nav .gru-nav-button {
|
|||
color: white;
|
||||
padding: 1rem;
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
font-size: 0.7rem;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
@ -433,7 +433,7 @@ div#content div.wcsformsofcategorycell {
|
|||
// underline dash.
|
||||
font-family: FontAwesome;
|
||||
content: "\f106"; // angle-up
|
||||
font-size: 30px;
|
||||
font-size: 1.5rem;
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
cursor: pointer;
|
||||
|
@ -473,7 +473,7 @@ div#content div.wcsformsofcategorycell {
|
|||
padding-left: 70px;
|
||||
text-transform: uppercase;
|
||||
color: #454545;
|
||||
font-size: 14px;
|
||||
font-size: 0.7rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
ul > .add-more-items a {
|
||||
|
@ -538,7 +538,7 @@ div#title-section {
|
|||
margin-bottom: 1rem;
|
||||
text-transform: uppercase;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
font-size: 28px;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
&::after {
|
||||
content: "";
|
||||
|
@ -610,7 +610,7 @@ div#rub_service div#tracking-code {
|
|||
z-index: 100;
|
||||
position: relative;
|
||||
font-weight: bold;
|
||||
font-size: 24px;
|
||||
font-size: 1.2rem;
|
||||
border-right: 2px solid white;
|
||||
border-radius: none;
|
||||
&::after {
|
||||
|
@ -695,10 +695,10 @@ div#rub_service div#tracking-code {
|
|||
padding-left: 16px;
|
||||
display: inline-block;
|
||||
color: black;
|
||||
font-size: 24px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.label {
|
||||
font-size: 24px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -769,7 +769,7 @@ div#rub_service h3 {
|
|||
}
|
||||
|
||||
div.datetimepicker {
|
||||
font-size: 16px;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
form.quixote {
|
||||
|
@ -787,7 +787,7 @@ form.quixote {
|
|||
|
||||
div.textcell h1 {
|
||||
@extend %title;
|
||||
font-size: 40px;
|
||||
font-size: 2rem;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
$border-radius: 3px;
|
||||
$primary-color: #e1001a;
|
||||
$font-color: #1a1a1a;
|
||||
$font-size: 20px;
|
||||
$font-size: 1.25em;
|
||||
$font-family: Lato, sans-serif;
|
||||
$link-color: $primary-color;
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
$font-family: Ubuntu, sans-serif;
|
||||
$font-size: 14px;
|
||||
$font-size: 0.875em;
|
||||
$font-color: #333;
|
||||
$darkpink: #ef2c6a;
|
||||
$lightpink: #fe4680;
|
||||
|
@ -17,7 +17,7 @@ $button-background: $primary-color;
|
|||
$cell-border: 1px solid transparent;
|
||||
$title-color: $darkpink;
|
||||
$title-weight: 500;
|
||||
$title-font-size: 30px;
|
||||
$title-font-size: 2.143rem;
|
||||
$title-border-bottom: 2px solid $primary-color;
|
||||
$title-border-radius: 0;
|
||||
$title-padding: 0.7rem 0.5rem;
|
||||
|
|
|
@ -6,7 +6,7 @@ $darkgray: #707173;
|
|||
$width: 980px;
|
||||
$font-color: black;
|
||||
$font-family: 'Droid Sans', Arial, serif;
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$nav-background: $darkgray;
|
||||
$nav-submenu-background: #eee;
|
||||
$nav-submenu-color: #333;
|
||||
|
|
|
@ -3,7 +3,7 @@ $primary-color: #2B37A4;
|
|||
$width: 1260px;
|
||||
$font-color: #545454;
|
||||
$font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
|
||||
$font-size: 14px;
|
||||
$font-size: 0.875em;
|
||||
$nav-background: $primary-color;
|
||||
$nav-submenu-background: $primary-color;
|
||||
$nav-submenu-color: white;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #4DB2EC;
|
||||
$width: 1164px;
|
||||
$mobile-limit: 800px;
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$font-family: sans-serif;
|
||||
$nav-background: transparent;
|
||||
$nav-submenu-background: white;
|
||||
|
|
|
@ -38,7 +38,7 @@
|
|||
}
|
||||
}
|
||||
#logo {
|
||||
font-size: 70px;
|
||||
font-size: 4.667rem;
|
||||
text-align: center;
|
||||
a {
|
||||
height: 210px;
|
||||
|
|
|
@ -4,7 +4,7 @@ $font-family: Titillium, sans-serif;
|
|||
$width: 1260px;
|
||||
$font-color: #161616;
|
||||
$link-color: #161616;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$nav-background: black;
|
||||
$nav-submenu-background: #eee;
|
||||
$nav-submenu-color: #333;
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
$width: 1205px;
|
||||
$mobile-limit: 700px;
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$font-family: sans-serif;
|
||||
$nav-background: #404040;
|
||||
$nav-color: white;
|
||||
|
|
|
@ -34,7 +34,7 @@ button::-moz-focus-inner {
|
|||
color: $darkblue;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
font-size: 13px;
|
||||
font-size: 0.812rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
span {
|
||||
|
@ -189,7 +189,7 @@ div.gru-nav .gru-nav-button {
|
|||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
line-height: 110%;
|
||||
font-size: 13px;
|
||||
font-size: 0.812rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
@ -220,7 +220,7 @@ div.gru-nav .gru-nav-button {
|
|||
background-position: 15px 50%;
|
||||
padding-top: 10px;
|
||||
span {
|
||||
font-size: 15px;
|
||||
font-size: 0.938rem;
|
||||
}
|
||||
span.badge {
|
||||
padding: 0;
|
||||
|
@ -319,7 +319,7 @@ div.gru-nav .gru-nav-button {
|
|||
position: relative;
|
||||
z-index: 10;
|
||||
text-transform: uppercase;
|
||||
font-size: 20px;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
h2 {
|
||||
padding-top: 100px;
|
||||
|
@ -346,7 +346,7 @@ div.gru-nav .gru-nav-button {
|
|||
background: $darkblue;
|
||||
width: 300px;
|
||||
h3, p {
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
margin: 0;
|
||||
color: white;
|
||||
text-transform: uppercase;
|
||||
|
@ -355,7 +355,7 @@ div.gru-nav .gru-nav-button {
|
|||
}
|
||||
}
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -401,7 +401,7 @@ div.carrousel-content {
|
|||
margin-bottom: 0;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
vertical-align: top;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
input + div div.carrousel-item div.carrousel-item-content > a {
|
||||
|
@ -465,12 +465,12 @@ footer #idea {
|
|||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
font-size: 0.812rem;
|
||||
margin: 0;
|
||||
a {
|
||||
display: block;
|
||||
padding-top: 40px;
|
||||
font-size: 22px;
|
||||
font-size: 1.375rem;
|
||||
letter-spacing: 1.5px;
|
||||
color: white;
|
||||
}
|
||||
|
@ -486,7 +486,7 @@ footer #idea {
|
|||
a {
|
||||
font-weight: bold;
|
||||
padding-top: 10px;
|
||||
font-size: 18px;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -569,14 +569,14 @@ footer {
|
|||
position: static;
|
||||
text-align: left;
|
||||
width: 200px;
|
||||
font-size: 26px;
|
||||
font-size: 1.625rem;
|
||||
line-height: 110%;
|
||||
font-weight: 500;
|
||||
top: 0px;
|
||||
height: 100%;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
width: auto;
|
||||
font-size: 18px;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -676,7 +676,7 @@ div#title-section {
|
|||
h1 {
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
font-size: 50px;
|
||||
font-size: 3.125rem;
|
||||
line-height: 100%;
|
||||
letter-spacing: 1.5px;
|
||||
padding-top: 60px;
|
||||
|
@ -686,7 +686,7 @@ div#title-section {
|
|||
@media screen and ($max-mobile-viewport) {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
font-size: 20px;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -699,7 +699,7 @@ div#title-section {
|
|||
display: block;
|
||||
text-align: right;
|
||||
color: $darkblue;
|
||||
font-size: 13px;
|
||||
font-size: 0.812rem;
|
||||
}
|
||||
span.commune {
|
||||
font-weight: bold;
|
||||
|
@ -915,7 +915,7 @@ div#rub_service h3 {
|
|||
}
|
||||
|
||||
div.datetimepicker {
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
form.quixote {
|
||||
|
@ -935,7 +935,7 @@ form.quixote {
|
|||
|
||||
div.textcell h1 {
|
||||
@extend %title;
|
||||
font-size: 40px;
|
||||
font-size: 2.5rem;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
|
@ -1019,13 +1019,13 @@ a.big-image-link {
|
|||
@media screen and ($max-mobile-viewport) {
|
||||
strong {
|
||||
top: 80px;
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 600px) {
|
||||
strong {
|
||||
top: 80px;
|
||||
font-size: 12px;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -1048,7 +1048,7 @@ div.cell.large a.big-image-link {
|
|||
border-width: 10px;
|
||||
div strong {
|
||||
top: 110px;
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -43,7 +43,7 @@ $footer-color: #a7abac;
|
|||
$cell-border: 0;
|
||||
$cell-title-cover-border: false;
|
||||
$title-weight: 500;
|
||||
$title-font-size: 22px;
|
||||
$title-font-size: 1.375rem;
|
||||
$title-color: $darkblue;
|
||||
$title-background: transparent;
|
||||
$title-transform: uppercase;
|
||||
|
|
|
@ -6,7 +6,7 @@ $primary-color: $gray;
|
|||
$width: 1000px;
|
||||
$font-family: Arial, sans-serif;
|
||||
$font-color: #666;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$footer-background: $gray;
|
||||
$nav-background: transparent;
|
||||
$nav-submenu-background: #eee;
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
%bold-title {
|
||||
font-weight: bold;
|
||||
font-size: 15px;
|
||||
font-size: 1.071rem;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
@ -15,17 +15,17 @@
|
|||
|
||||
h3 {
|
||||
font-weight: medium;
|
||||
font-size: 18px;
|
||||
font-size: 1.286rem;
|
||||
}
|
||||
|
||||
p, span {
|
||||
font-weight: medium;
|
||||
font-size: 14px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
button {
|
||||
font-weight: semibold;
|
||||
font-size: 14px;
|
||||
font-size: 1rem;
|
||||
color: $primary-color;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
@ -66,7 +66,7 @@ div#toplinks {
|
|||
color: #260c4e;
|
||||
font-weight: bold;
|
||||
text-indent: 219px;
|
||||
font-size: 20px;
|
||||
font-size: 1.429rem;
|
||||
}
|
||||
|
||||
div#nav,
|
||||
|
|
|
@ -2,7 +2,7 @@ $primary-color: #260c4e;
|
|||
$secondary-color: #baff34;
|
||||
|
||||
$width: 1100px;
|
||||
$font-size: 14px;
|
||||
$font-size: 0.875em;
|
||||
$font-color: #333;
|
||||
$font-family: 'Raleway';
|
||||
$nav-background: $primary-color;
|
||||
|
|
|
@ -3,7 +3,7 @@ $mobile-limit: 800px;
|
|||
$width: 1200px;
|
||||
$font-family: Din, Roboto, sans-serif;
|
||||
$font-weight: 500;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$border-radius: 0;
|
||||
$nav-background: #e0e0de;
|
||||
$nav-item-selected-color: #000;
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
font-family: Titillium;
|
||||
h1#logo a {
|
||||
line-height: 170px;
|
||||
font-size: 40px;
|
||||
font-size: 2.667rem;
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
background-size: auto 150px;
|
||||
|
|
|
@ -3,7 +3,7 @@ $primary-color: #41264a;
|
|||
$font-family: Arial, sans-serif;
|
||||
$width: 1160px;
|
||||
$font-color: #000;
|
||||
$font-size: 15px;
|
||||
$font-size: 0.938em;
|
||||
$link-color: #365268;
|
||||
$nav-full-width-background: true;
|
||||
$nav-background: black;
|
||||
|
|
|
@ -254,7 +254,7 @@ div#page {
|
|||
padding: 0 10px 0 0;
|
||||
text-transform: uppercase;
|
||||
font-family: "Montserrat",sans-serif;
|
||||
font-size: 28px;
|
||||
font-size: 1.75rem;
|
||||
font-weight: 600;
|
||||
border: 0;
|
||||
color: #08b89d;
|
||||
|
@ -313,7 +313,7 @@ div#page {
|
|||
text-align: center;
|
||||
bottom: 19px;
|
||||
font-family: "Khand",sans-serif;
|
||||
font-size: 18px;
|
||||
font-size: 1.125rem;
|
||||
color: #231f20;
|
||||
transition: all 0.45s;
|
||||
}
|
||||
|
@ -418,7 +418,7 @@ footer {
|
|||
p.titre-footer {
|
||||
display: block;
|
||||
font-family: "Khand",sans-serif;
|
||||
font-size: 24px;
|
||||
font-size: 1.5rem;
|
||||
color: #09b89d;
|
||||
font-weight: 500;
|
||||
line-height: 26px;
|
||||
|
@ -435,7 +435,7 @@ footer {
|
|||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
text-transform: uppercase;
|
||||
padding-left: 20px;
|
||||
transition: all 0.35s;
|
||||
|
@ -488,7 +488,7 @@ footer {
|
|||
p.titre-footer {
|
||||
display: block;
|
||||
font-family: "Khand",sans-serif;
|
||||
font-size: 24px;
|
||||
font-size: 1.5rem;
|
||||
color: #09b89d;
|
||||
font-weight: 500;
|
||||
line-height: 26px;
|
||||
|
@ -638,7 +638,7 @@ div#rub_service div.submit-button {
|
|||
div#rub_service h2 {
|
||||
text-align: left;
|
||||
color: $primary-color;
|
||||
font-size: 26px;
|
||||
font-size: 1.625rem;
|
||||
font-weight: 500;
|
||||
padding-left: 0;
|
||||
text-transform: none;
|
||||
|
@ -666,7 +666,7 @@ div#evolution-log h2:first-child,
|
|||
div#summary h2:first-child {
|
||||
color: #000;
|
||||
font-weight: normal;
|
||||
font-size: 20px;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
ul#evolutions span.status {
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #08b89d;
|
||||
$width: 1140px;
|
||||
$mobile-limit: 800px;
|
||||
$font-size: 16px;
|
||||
$font-size: 1em;
|
||||
$font-family: "Archivo Narrow", sans-serif;
|
||||
$link-color: $primary-color;
|
||||
$nav-full-width-background: true;
|
||||
|
@ -20,7 +20,7 @@ $button-color: $primary-color;
|
|||
$button-hover-background: $primary-color;
|
||||
$button-hover-color: white;
|
||||
$title-background: transparent;
|
||||
$title-font-size: 15px;
|
||||
$title-font-size: 0.938rem;
|
||||
$title-family: "Khand", sans-serif;
|
||||
$title-transform: uppercase;
|
||||
$title-color: #333;
|
||||
|
|
|
@ -418,7 +418,7 @@ table.announces tbody th {
|
|||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
padding: 5px 5px;
|
||||
font-size: 16px;
|
||||
font-size: 1.231rem;
|
||||
}
|
||||
|
||||
#agglolinks a.agglo-mon-agglo, #agglolinks a.agglo-mes-e-services {
|
||||
|
@ -492,7 +492,7 @@ div#nav ul > li > a {
|
|||
text-transform: uppercase;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
font-size: 1.077rem;
|
||||
}
|
||||
|
||||
ul.show-user-feeds li {
|
||||
|
@ -813,7 +813,7 @@ div.textbreak {
|
|||
text-align: center;
|
||||
|
||||
span {
|
||||
font-size: 16px;
|
||||
font-size: 1.231rem;
|
||||
background-color: white;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
|
|
@ -5,7 +5,7 @@ $primary-color: #EA5B0C;
|
|||
$width: 1000px;
|
||||
$mobile-limit: 800px;
|
||||
$font-color: rgb(58, 58, 58);
|
||||
$font-size: 13px;
|
||||
$font-size: 0.812em;
|
||||
$font-family: 'Lato', sans-serif;
|
||||
$link-color: $primary-color;
|
||||
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #f9a234;
|
||||
|
||||
$font-color: #3F3F3F;
|
||||
$font-size: 14px;
|
||||
$font-size: 0.875em;
|
||||
$font-family: "Open Sans", sans-serif;
|
||||
$width: 960px;
|
||||
$border-radius: 0;
|
||||
|
|
|
@ -3,7 +3,7 @@ $primary-color: #D81E41;
|
|||
$width: 960px;
|
||||
$font-color: #282828;
|
||||
$font-family: Asap, sans-serif;
|
||||
$font-size: 12px;
|
||||
$font-size: 0.75em;
|
||||
$nav-background: white;
|
||||
$nav-submenu-background: #222;
|
||||
$nav-submenu-color: white;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
$primary-color: #506266;
|
||||
$width: 960px;
|
||||
$font-color: #333;
|
||||
$font-size: 12px;
|
||||
$font-size: 0.75em;
|
||||
$font-family: Arial, Thahoma, sans-serif;
|
||||
$nav-background: #506266;
|
||||
$nav-color: white;
|
||||
|
|
|
@ -69,7 +69,7 @@ h1#logo {
|
|||
padding-top: 10px;
|
||||
font-family: the_sans_regular, Arial, Helvetica, sans-serif;
|
||||
font-weight: 900;
|
||||
font-size: 32px;
|
||||
font-size: 2.286rem;
|
||||
}
|
||||
|
||||
h1#logo > a {
|
||||
|
@ -83,7 +83,7 @@ div#nav > ul {
|
|||
border: 2px solid #DBDBDB;
|
||||
border-width: 2px 0;
|
||||
> li a {
|
||||
font-size: 18px;
|
||||
font-size: 1.286rem;
|
||||
font-weight: normal;
|
||||
line-height: 2.2em;
|
||||
}
|
||||
|
@ -215,7 +215,7 @@ div#footer {
|
|||
font-family: 'the_sans_bold';
|
||||
border-top: 2px solid #818a8f;
|
||||
border-bottom: 2px solid #818a8f;
|
||||
font-size: 20px;
|
||||
font-size: 1.429rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.1;
|
||||
padding: 10px 0;
|
||||
|
@ -224,7 +224,7 @@ div#footer {
|
|||
}
|
||||
h4 {
|
||||
font-family: 'the_sans_light', Arial, Helvetica, sans-serif;
|
||||
font-size: 18px;
|
||||
font-size: 1.286rem;
|
||||
font-weight: bold;
|
||||
margin: 25px 0 10.5px 0;
|
||||
line-height: 1.1;
|
||||
|
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue