Skip to content
Extraits de code Groupes Projets
Valider c7e1d604 rédigé par Mathieu Gauthier-Pilote's avatar Mathieu Gauthier-Pilote
Parcourir les fichiers

corr. partielle style sombre

parent 0cc60e17
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Masquer les modifications d'espaces
En ligne Côte à côte
_includes/head.html
+ 1
− 1
Voir le fichier @ c7e1d604
......@@ -6,7 +6,7 @@
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
<meta name="author" content="FACiL">
<link href="/css/style.css" rel="stylesheet">
<link id="style-facil" rel="stylesheet" type="text/css" href="/css/style.css">
<script>
var swapStyleSheet = function (sheet) {
document.getElementById('style-facil').setAttribute('href', sheet);
......
css/style.n.css 0 → 100644
+ 473
− 0
Voir le fichier @ c7e1d604
/*************** Couleurs ****************/
/*
Bleu FACiLe : #49c4ed; - hover : #38b7e0;
Rouge FACiLe : #e22537; - hover : #dc1e30;
*/
/*************** Polices *****************/
@font-face {
font-family: 'OpenSans';
src: url('../fonts/OpenSans.eot');
src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans.woff2') format('woff2'),
url('../fonts/OpenSans.woff') format('woff'),
url('../fonts/OpenSans.ttf') format('truetype'),
url('../fonts/OpenSans.svg#OpenSans') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'Purisa';
src: url('../fonts/Purisa Bold Oblique.eot');
src: url('../fonts/Purisa Bold Oblique.eot?#iefix') format('embedded-opentype'),
url('../fonts/Purisa Bold Oblique.woff2') format('woff2'),
url('../fonts/Purisa Bold Oblique.woff') format('woff'),
url('../fonts/Purisa-BoldOblique.ttf') format('truetype'),
url('../fonts/Purisa Bold Oblique.svg#Purisa Bold Oblique') format('svg');
font-weight: bold;
font-style: oblique;
}
@font-face {
font-family: 'faux';
src: url('../fonts/facil.eot');
src: url('../fonts/facil.eot?#iefix') format('embedded-opentype'),
url('../fonts/facil.woff2') format('woff2'),
url('../fonts/facil.woff') format('woff'),
url('../fonts/facil.ttf') format('truetype'),
url('../fonts/facil.svg#faux') format('svg');
font-weight: normal;
font-style: normal;
}
/**************** Global *****************/
body {
background-color:#222;
color:#fff;
margin: 0;
padding: 0;
}
/*************** Entetes *****************/
.navbar-facil {
background: #303030;
font-size: 14px;
font-family: 'OpenSans', sans-serif;
color: #fff;
margin: 0;
padding: 0;
word-wrap: break-word !important;
}
.navbar-facil .container-navbar-facil {
margin:0 auto;
max-width:1170px;
}
.navbar-facil .right-nav {
float:right;
}
.navbar-facil p { text-align: center; }
.toggle, [id^=drop] {
display: none;
}
nav.navbar-facil {
margin: 0;
padding: 0;
}
.navbar-facil #logo {
display: block;
padding: 10px 20px 5px 10px;
float: left;
}
@media all and (min-width : 1195px) {
.navbar-facil #logo {
padding: 10px 20px 5px 0;
}
}
.navbar-facil #logo a, .navbar-facil #logo a:hover {
padding: 0;
line-height: 0;
background:none;
}
.navbar-facil #logo img {
width:auto;
height:33px;
}
nav.navbar-facil:after {
content: "";
display: table;
clear: both;
}
nav.navbar-facil ul {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
nav.navbar-facil ul li {
margin: 0px;
display: inline-block;
float: left;
background-color: #303030;
}
nav.navbar-facil ul li.don {
background-color: #49c4ed;
}
nav.navbar-facil ul li.mon-compte {
background-color: #666;
}
nav.navbar-facil ul li.don a { color:#fff;font-weight:bold; }
nav.navbar-facil ul li.mon-compte a { color:#fff;font-weight:bold; }
nav.navbar-facil ul li.don a:hover { background-color: #38b7e0; }
nav.navbar-facil ul li.mon-compte a:hover { background-color: #555; }
nav.navbar-facil a {
display: block;
padding: 0 20px;
color: #fff;
line-height: 48px;
text-decoration: none;
}
nav.navbar-facil ul li ul li:hover { background: #f9f9f9; }
nav.navbar-facil a:hover { background-color: #303030; }
nav.navbar-facil ul li ul li a { background-color: #303030; }
nav.navbar-facil ul li ul li a:hover { background-color: #e22537;color:#fff; }
nav.navbar-facil ul ul {
display: none;
position: absolute;
top: 48px;
}
nav.navbar-facil ul li:hover > ul { display: inherit; }
nav.navbar-facil ul ul li {
width: 170px;
float: none;
display: list-item;
position: relative;
}
nav.navbar-facil ul ul ul li {
position: relative;
top: -48px;
left: 170px;
}
@media all and (min-width : 769px) and (max-width : 992px) {
.navbar-facil {
font-size: 12px;
}
nav.navbar-facil a {
padding: 0 10px;
}
}
@media all and (max-width : 768px) {
nav.navbar-facil a {
padding-left: 10px;
}
nav.navbar-facil li > a:after { content: ' +'; }
nav.navbar-facil li > a:only-child:after { content: ''; }
.navbar-facil #logo {
display: block;
padding: 10px 20px 5px 10px;
float: left;
}
.navbar-facil .right-nav {
float:none;
}
nav.navbar-facil { margin: 0; }
.navbar-facil .toggle + a,
.navbar-facil .menu { display: none; }
.navbar-facil .toggle {
display:inline;
background-color: #303030;
padding: 10px 20px 5px 10px;
color: white;
line-height: 48px;
text-decoration: none;
border: none;
}
.navbar-facil label.burger-menu {
display:inline;
float:right;
font-weight: bold;
height:30px;
}
.navbar-facil label.burger-menu div {
width: 35px;
height: 3px;
background-color: white;
margin: 4px auto;
}
.navbar-facil .toggle:hover { background-color: none; }
.navbar-facil [id^=drop]:checked + ul { display: block; }
nav.navbar-facil ul li {
display: block;
width: 100%;
}
nav.navbar-facil ul ul .toggle,
nav.navbar-facil ul ul a { padding: 0 40px; }
nav.navbar-facil ul ul ul a { padding: 0 80px; }
nav.navbar-facil a:hover,
nav.navbar-facil ul ul ul a { background-color: none; }
nav.navbar-facil ul li ul li .toggle,
nav.navbar-facil ul ul a { background-color: none; }
nav.navbar-facil a:hover {
background-color:none;
}
nav.navbar-facil ul li.don a:hover {
background-color: #49c4ed;
}
nav.navbar-facil ul li.mon-compte a:hover {
background-color:#666;
}
nav.navbar-facil ul ul {
float: none;
position: static;
color: #ffffff;
}
nav.navbar-facil ul ul li:hover > ul,
nav.navbar-facil ul li:hover > ul { display: none; }
nav.navbar-facil ul ul li {
display: block;
width: 100%;
}
nav.navbar-facil ul ul ul li { position: static;
}
}
@media all and (max-width : 330px) {
nav.navbar-facil ul li {
display: block;
width: 94%;
}
}
/****************** Service *******************/
.faux-icon {
font-family: "faux";
font-style: normal;
font-weight: normal;
font-size: 1em;
}
.manuscrit {
font-family: 'Purisa';
}
.service h1 {
font-size: 48px;
white-space: nowrap;
margin:0;
}
@media all and (max-width : 500px) {
.service h1 {
font-size: 36px;
}
}
.service p {
padding-left:30px;
}
.service a {
color: #e22537;
font-weight:bold;
text-decoration:none;
}
.service a:hover {
color: #dc1e30;
text-decoration:underline;
}
.service {
font-size: 14px;
font-family: 'OpenSans', sans-serif;
color: #333;
padding-left:3%;
padding-right:3%;
padding-top:20px;
padding-bottom:20px;
word-wrap: break-word !important;
margin:0 auto;
max-width:1170px;
}
@media all and (min-width : 768px) {
.service .grille {
display: grid;
grid-template-columns: 1fr 1fr; /* fraction*/
padding-left:2%;
padding-right:2%;
}
}
@media all and (min-width : 1195px) {
.service .grille {
display: grid;
grid-template-columns: 1fr 1fr 1fr; /* fraction*/
padding-left:2%;
padding-right:2%;
}
}
.service .clear {
float:none;
clear:both;
}
.un-service {
margin-bottom:4em;
margin-right:4em;
}
.un-service:hover {
background-color:#bee2ed;
border-radius: 8px;
padding-left:0.5em;
}
/*************** Pied *****************/
.footer-facil {
background: #303030;
}
.footer-facil .footer-content {
font-size: 14px;
font-family: 'OpenSans', sans-serif;
color: #999;
padding-top:20px;
margin: 0;
padding-bottom:20px;
word-wrap: break-word !important;
margin:0 auto;
max-width:1170px;
}
.footer-facil .footer-content .col {
width:95%;
padding-left:2%;
padding-right:2%;
margin-bottom:20px;
float:none;
text-align: center;
}
@media all and (min-width : 768px) {
.footer-facil .footer-content .col {
width:22%;
padding-left:0;
padding-right:2%;
float:left;
text-align: left;
}
.footer-facil .footer-content .col-1 {
padding-left:10px;
}
}
@media all and (min-width : 1195px) {
.footer-facil .footer-content .col {
width:23%;
padding-left:0;
padding-right:2%;
float:left;
}
.footer-facil .footer-content .col-1 {
padding-left:0;
}
}
.footer-facil .footer-content .clear {
float:none;
clear:both;
}
.footer-facil .footer-content h3 {
color:#49c5ed;
}
.footer-facil .footer-content ul {
list-style-type: none;
padding-left:0;
}
.footer-facil .footer-content ul li a {
text-decoration: none;
color:inherit;
}
.footer-facil .footer-content ul li a:hover {
text-decoration: underline;
}
.footer-facil .footer-content input[type="text"] {
border:none;
width:8em;
padding:8px;
}
.footer-facil .footer-content input[type="submit"] {
color:#fff;
font-weight: bold;
background:#e32538;
border:#e32538;
height: 33px;
}
.footer-facil .footer-content input[type="submit"]:hover {
cursor:pointer;
background: #dc1e30;
}
.footer-facil .copyright {
background: #222;
word-wrap: break-word !important;
font-family: 'OpenSans', sans-serif;
font-size: 12px;
color: white;
text-align: center;
padding-top:20px;
margin: 0;
padding-bottom:20px;
}
.footer-facil .copyright a {
color: #666;
}
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter