ajout css et ajustement responsive
This commit is contained in:
parent
4b5f7b48ac
commit
587a082836
142
css/custom.css
142
css/custom.css
|
|
@ -7,6 +7,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/** Header **/
|
/** Header **/
|
||||||
header.header {
|
header.header {
|
||||||
background-color: var(--g4c-dark-green);
|
background-color: var(--g4c-dark-green);
|
||||||
|
|
@ -66,17 +67,122 @@ header.header .main-navbar-wrapper .container {
|
||||||
/** font-graphique texte **/
|
/** font-graphique texte **/
|
||||||
|
|
||||||
/** titre text **/
|
/** titre text **/
|
||||||
|
|
||||||
.ubuntu-light {
|
.ubuntu-light {
|
||||||
font-family: "Ubuntu", sans-serif;
|
font-family: "Ubuntu", sans-serif;
|
||||||
font-weight: 550;
|
font-weight: 300;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
/** paragraphe ou texte normal **/
|
|
||||||
|
.ubuntu-regular {
|
||||||
|
font-family: "Ubuntu", sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ubuntu-medium {
|
||||||
|
font-family: "Ubuntu", sans-serif;
|
||||||
|
font-weight: 500;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ubuntu-bold {
|
||||||
|
font-family: "Ubuntu", sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ubuntu-light-italic {
|
||||||
|
font-family: "Ubuntu", sans-serif;
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ubuntu-regular-italic {
|
||||||
|
font-family: "Ubuntu", sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ubuntu-medium-italic {
|
||||||
|
font-family: "Ubuntu", sans-serif;
|
||||||
|
font-weight: 500;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ubuntu-bold-italic {
|
||||||
|
font-family: "Ubuntu", sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.lato-thin {
|
.lato-thin {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: "Lato", sans-serif;
|
||||||
font-weight: 100;
|
font-weight: 100;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lato-light {
|
||||||
|
font-family: "Lato", sans-serif;
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lato-regular {
|
||||||
|
font-family: "Lato", sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lato-bold {
|
||||||
|
font-family: "Lato", sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lato-black {
|
||||||
|
font-family: "Lato", sans-serif;
|
||||||
|
font-weight: 900;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lato-thin-italic {
|
||||||
|
font-family: "Lato", sans-serif;
|
||||||
|
font-weight: 100;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lato-light-italic {
|
||||||
|
font-family: "Lato", sans-serif;
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lato-regular-italic {
|
||||||
|
font-family: "Lato", sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lato-bold-italic {
|
||||||
|
font-family: "Lato", sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lato-black-italic {
|
||||||
|
font-family: "Lato", sans-serif;
|
||||||
|
font-weight: 900;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/** paragraphe ou texte normal **/
|
||||||
|
.lato-thin {
|
||||||
|
font-family: "Lato", sans-serif;
|
||||||
|
font-weight: 100 !important;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
/** couleur bordure et bouton de la barre de recherche "Sécurisez votre nom de domaine"**/
|
/** couleur bordure et bouton de la barre de recherche "Sécurisez votre nom de domaine"**/
|
||||||
.BC{
|
.BC{
|
||||||
border-color: var(--g4c-acid-yellow) !important;
|
border-color: var(--g4c-acid-yellow) !important;
|
||||||
|
|
@ -136,3 +242,35 @@ header.header .search {
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.SAAS-text{
|
||||||
|
color: var(--g4c-dark-green);
|
||||||
|
}
|
||||||
|
|
||||||
|
.color-text{
|
||||||
|
|
||||||
|
color: var(--g4c-acid-yellow);
|
||||||
|
}
|
||||||
|
.img-header{
|
||||||
|
width: 55%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 576px) {
|
||||||
|
.card-columns {
|
||||||
|
column-gap: 1rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.container{
|
||||||
|
padding-right: 0px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (min-width: 992px) { }
|
||||||
|
|
||||||
|
|
||||||
|
@media (min-width: 1200px) { }
|
||||||
Loading…
Reference in New Issue