enhance css

This commit is contained in:
Ludovic CANDELLIER
2023-02-05 21:40:05 +01:00
parent 0123885e03
commit 32291dc44a
21 changed files with 553 additions and 121 deletions

View File

@@ -1,16 +1,64 @@
body {
font-family: 'noto_sanscondensed', sans-serif;
/* line-height: 1em!important; */
/*
background-image: linear-gradient(to right top, #1d382e, #234236, #2a4d3d, #315745, #39624c, #3a634d, #3a654d, #3b664e, #355e48, #2f5543, #2a4d3d, #254537);
*/
background: rgb(52,91,71);
background: linear-gradient(180deg, rgba(52,91,71,1) 0%, rgba(45,81,63,1) 10%, rgba(24,48,39,1) 90%, rgba(28,54,45,1) 100%);
background-size: cover;
background-attachment: fixed;
}
.h1, h1 {
font-size: 2.5rem;
color: #527C39;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2;
}
.h2, h2 {
font-size: 2rem;
color: #527C39;
}
.h3, h3 {
font-size: 1.75rem;
color: #527c39;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2;
margin-top: 0;
}
.h4, h4 {
font-size: 1.2rem;
font-weight: bold;
color: #527C39;
text-transform: uppercase;
}
p {
margin-top: 0;
margin-bottom: 1rem;
color: #344f17;
}
a {
color: #669d48;
text-decoration: none;
}
a:hover, a:focus {
color: #527C39;
font-weight: bold;
}
a.active {
color: #F2B90F;
}
.card-body {
background-color: #eeeee8;
}
label {
margin-top: 0.5rem;
}
@@ -39,6 +87,10 @@ label {
background-color: #335012;
}
a.nav-link {
color: #FFF;
}
.bg-green-ultra-dark {
background: linear-gradient(to left top, #102723, #112723, #122724, #122724, #132724);
color: #a5b94f;
@@ -53,7 +105,7 @@ label {
}
.bg-green-light {
background-color: #F1F7EE;
background-color: #f3f8f1;
}
.green {
@@ -64,28 +116,41 @@ a.green {
color: #517C39 !important;
}
.green-dark {
.green-dark, a.green-dark {
color: #335012;
}
a.green-dark:hover {
color: #335012;
font-weight: 900;
text-decoration: none;
text-shadow: 4px black;
}
.btn-success {
color: #fff;
border-color: #527c39;
background-color: #527c39;
}
.btn-success:hover {
color: #fff;
border-color: #669d48;
background-color: #669d48;
}
.btn-link {
color: #527c39;
}
.btn-green-dark {
color: #fff;
background-color: #335012;
border-color: #28a745;
background-color: #344f17;
border: 1px solid #527C39;
}
.btn-green-dark a:hover {
color: #fff;
font-weight: 900;
text-decoration: none;
text-shadow: 4px black;
.btn-green-dark:hover {
color: #335012;
background-color: #f1f7ee;
}
.green-light {
@@ -128,6 +193,33 @@ a.green-dark:hover {
width: 100%
}
#navbarContent > ul > li:hover {
background-color: #F2B90F!important;
}
#navbarContent > ul > li:hover > a {
color: #335012!important;
}
.shadow2 {
box-shadow: 0px 10px 21px #344f17;
}
div.megamenu ul.megamenu a, div#megamenu ul.megamenu span.separator
{
color: #517C39;
font-family: 'noto_sanscondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0.05em;
font-weight: normal;
}
div.megamenu ul.megamenu li.megamenu.level1
{
list-style: none;
text-align: left;
cursor: pointer;
}
.slick-prev:before, .slick-next:before {
color: #335012!important;
}