camelia-studio/Sites-Camelia
camelia-studio/Sites-Camelia
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[zaap] passage thème Lia
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Esenjin 2022-05-08 19:30:52 +02:00
parent a567205685
commit 43916471df
1 changed files with 23 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
branches/zaap-sufokien/v3/css/style.css
View File

@ -17,6 +17,7 @@ body {
height: 100%; height: 100%;
font-family: "Montserrat", sans-serif; font-family: "Montserrat", sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
background-color: #70685d;
} }
body { body {
@ -66,7 +67,6 @@ h6 {
p { p {
font-size: 15px; font-size: 15px;
color: #636363;
line-height: 1.8; line-height: 1.8;
} }
@ -157,7 +157,7 @@ ol {
padding: 17px 25px; padding: 17px 25px;
min-width: 170px; min-width: 170px;
color: #fff; color: #fff;
background: #2916e0; background: #2682c4;
line-height: 1; line-height: 1;
letter-spacing: 1px; letter-spacing: 1px;
text-transform: uppercase; text-transform: uppercase;
@ -375,6 +375,7 @@ ol {
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
background-color: #70685d;
} }
.main-menu { .main-menu {
@ -392,6 +393,7 @@ ol {
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
background-color: #70685d;
} }
.main-menu ul { .main-menu ul {
@ -430,7 +432,7 @@ ol {
.main-menu ul li a:hover, .main-menu ul li a:hover,
.main-menu ul li a.active { .main-menu ul li a.active {
color: #2916e0; color: #2682c4;
} }
.sm-footer { .sm-footer {
@ -440,6 +442,7 @@ ol {
width: 100%; width: 100%;
text-align: center; text-align: center;
padding: 0 15px; padding: 0 15px;
background-color: #70685d;
} }
@media (max-height: 500px) { @media (max-height: 500px) {
@ -464,7 +467,7 @@ ol {
.copyright-text { .copyright-text {
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
color: #b2b2b2; background-color: #70685d;
padding-bottom: 40px; padding-bottom: 40px;
} }
@ -483,7 +486,7 @@ ol {
} }
.copyright-text a:hover { .copyright-text a:hover {
color: #2916e0; color: #2682c4;
} }
/*--------------------- /*---------------------
@ -528,7 +531,7 @@ ol {
padding: 4px 20px; padding: 4px 20px;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 12px; font-size: 12px;
color: #2916e0; color: #2682c4;
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
border-radius: 2px; border-radius: 2px;
@ -837,7 +840,7 @@ only screen and (min-width: 576px) and (max-width: 767px),
.about-text h2 { .about-text h2 {
display: inline-block; display: inline-block;
padding-bottom: 8px; padding-bottom: 8px;
border-bottom: 3px solid #2916e0; border-bottom: 3px solid #2682c4;
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -1003,7 +1006,7 @@ only screen and (min-width: 576px) and (max-width: 767px),
} }
.gallery-filter li.active { .gallery-filter li.active {
color: #2916e0; color: #2682c4;
} }
.grid-sizer, .grid-sizer,
@ -1153,7 +1156,7 @@ only screen and (min-width: 576px) and (max-width: 767px) {
} }
.fr-thumbnail-active { .fr-thumbnail-active {
border: 2px solid #2916e0; border: 2px solid #2682c4;
} }
/*---------------- /*----------------
@ -1245,7 +1248,7 @@ only screen and (min-width: 576px) and (max-width: 767px) {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 12px; font-size: 12px;
letter-spacing: 2px; letter-spacing: 2px;
color: #2916e0; color: #2682c4;
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
border-radius: 2px; border-radius: 2px;
@ -1351,7 +1354,7 @@ only screen and (min-width: 576px) and (max-width: 767px) {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 12px; font-size: 12px;
letter-spacing: 2px; letter-spacing: 2px;
color: #2916e0; color: #2682c4;
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
border-radius: 2px; border-radius: 2px;
@ -1383,7 +1386,7 @@ only screen and (min-width: 576px) and (max-width: 767px) {
text-align: center; text-align: center;
letter-spacing: 2px; letter-spacing: 2px;
border-radius: 2px; border-radius: 2px;
color: #2916e0; color: #2682c4;
background: #ebebeb; background: #ebebeb;
-webkit-transition: 0.3s; -webkit-transition: 0.3s;
-o-transition: 0.3s; -o-transition: 0.3s;
@ -1392,7 +1395,7 @@ only screen and (min-width: 576px) and (max-width: 767px) {
.post-cata:hover { .post-cata:hover {
color: #fff; color: #fff;
background: #2916e0; background: #2682c4;
} }
.post-share span { .post-share span {
@ -1409,14 +1412,14 @@ only screen and (min-width: 576px) and (max-width: 767px) {
height: 36px; height: 36px;
text-align: center; text-align: center;
padding-top: 8px; padding-top: 8px;
color: #2916e0; color: #2682c4;
border-radius: 52px; border-radius: 52px;
margin-left: 4px; margin-left: 4px;
background: #ebebeb; background: #ebebeb;
} }
.post-share a:hover { .post-share a:hover {
background: #2916e0; background: #2682c4;
color: #fff; color: #fff;
} }
@ -1653,8 +1656,8 @@ only screen and (min-width: 576px) and (max-width: 767px) {
} }
.comment-option .single-comment-item .sc-text .comment-btn:hover { .comment-option .single-comment-item .sc-text .comment-btn:hover {
background: #2916e0; background: #2682c4;
border-color: #2916e0; border-color: #2682c4;
color: #fff; color: #fff;
} }
@ -1685,7 +1688,7 @@ only screen and (min-width: 576px) and (max-width: 767px) {
.comment-form form input:focus, .comment-form form input:focus,
.comment-form form textarea:focus { .comment-form form textarea:focus {
border: 1px solid #2916e0; border: 1px solid #2682c4;
} }
.comment-form form input::-webkit-input-placeholder, .comment-form form input::-webkit-input-placeholder,
@ -1746,7 +1749,7 @@ only screen and (min-width: 576px) and (max-width: 767px) {
color: #fff; color: #fff;
text-transform: uppercase; text-transform: uppercase;
font-weight: 500; font-weight: 500;
background: #2916e0; background: #2682c4;
border: none; border: none;
padding: 13px 37px 12px; padding: 13px 37px 12px;
border-radius: 50px; border-radius: 50px;
@ -1808,7 +1811,7 @@ only screen and (min-width: 992px) and (max-width: 1200px),
.contact-info i { .contact-info i {
display: block; display: block;
font-size: 48px; font-size: 48px;
color: #2916e0; color: #2682c4;
margin-bottom: 20px; margin-bottom: 20px;
} }