updated colors

This commit is contained in:
Karma Riuk 2023-09-01 15:20:41 +02:00
parent a04d67f4ab
commit 94bb013e62
2 changed files with 26 additions and 20 deletions

View File

@ -133,7 +133,7 @@ h6 {
.navbar a:hover, .navbar a:hover,
.navbar .active, .navbar .active,
.navbar .active:focus, .navbar .active:focus,
.navbar li:hover>a { .navbar li:hover > a {
color: #ffb727; color: #ffb727;
} }
@ -172,11 +172,11 @@ h6 {
.navbar .dropdown ul a:hover, .navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover, .navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a { .navbar .dropdown ul li:hover > a {
color: #ffb727; color: #ffb727;
} }
.navbar .dropdown:hover>ul { .navbar .dropdown:hover > ul {
opacity: 1; opacity: 1;
top: 100%; top: 100%;
visibility: visible; visibility: visible;
@ -188,7 +188,7 @@ h6 {
visibility: hidden; visibility: hidden;
} }
.navbar .dropdown .dropdown:hover>ul { .navbar .dropdown .dropdown:hover > ul {
opacity: 1; opacity: 1;
top: 0; top: 0;
left: 100%; left: 100%;
@ -200,7 +200,7 @@ h6 {
left: -90%; left: -90%;
} }
.navbar .dropdown .dropdown:hover>ul { .navbar .dropdown .dropdown:hover > ul {
left: -100%; left: -100%;
} }
} }
@ -268,7 +268,7 @@ h6 {
.navbar-mobile a:hover, .navbar-mobile a:hover,
.navbar-mobile .active, .navbar-mobile .active,
.navbar-mobile li:hover>a { .navbar-mobile li:hover > a {
color: #ffb727; color: #ffb727;
} }
@ -303,11 +303,11 @@ h6 {
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a { .navbar-mobile .dropdown ul li:hover > a {
color: #ffb727; color: #ffb727;
} }
.navbar-mobile .dropdown>.dropdown-active { .navbar-mobile .dropdown > .dropdown-active {
display: block; display: block;
} }
@ -433,7 +433,7 @@ section {
.section-title span { .section-title span {
position: absolute; position: absolute;
top: 30px; top: 30px;
color: #eef0f2; color: #3b434a17;
left: 0; left: 0;
right: 0; right: 0;
z-index: 1; z-index: 1;
@ -497,11 +497,11 @@ section {
font-size: 14px; font-size: 14px;
} }
.breadcrumbs ol li+li { .breadcrumbs ol li + li {
padding-left: 10px; padding-left: 10px;
} }
.breadcrumbs ol li+li::before { .breadcrumbs ol li + li::before {
display: inline-block; display: inline-block;
padding-right: 10px; padding-right: 10px;
color: #6c757d; color: #6c757d;
@ -971,7 +971,10 @@ section {
position: relative; position: relative;
} }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet { .portfolio-details
.portfolio-details-slider
.swiper-pagination
.swiper-pagination-bullet {
width: 12px; width: 12px;
height: 12px; height: 12px;
background-color: #fff; background-color: #fff;
@ -979,7 +982,10 @@ section {
border: 1px solid #ffb727; border: 1px solid #ffb727;
} }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active { .portfolio-details
.portfolio-details-slider
.swiper-pagination
.swiper-pagination-bullet-active {
background-color: #ffb727; background-color: #ffb727;
} }
@ -1002,7 +1008,7 @@ section {
font-size: 15px; font-size: 15px;
} }
.portfolio-details .portfolio-info ul li+li { .portfolio-details .portfolio-info ul li + li {
margin-top: 10px; margin-top: 10px;
} }
@ -1208,7 +1214,7 @@ section {
font-weight: 600; font-weight: 600;
} }
.contact .php-email-form .error-message br+br { .contact .php-email-form .error-message br + br {
margin-top: 25px; margin-top: 25px;
} }
@ -1260,7 +1266,7 @@ section {
padding: 12px 15px; padding: 12px 15px;
} }
.contact .php-email-form button[type=submit] { .contact .php-email-form button[type="submit"] {
background: #ffb727; background: #ffb727;
border: 0; border: 0;
padding: 10px 24px; padding: 10px 24px;
@ -1269,7 +1275,7 @@ section {
border-radius: 5px; border-radius: 5px;
} }
.contact .php-email-form button[type=submit]:hover { .contact .php-email-form button[type="submit"]:hover {
background: #ffc85a; background: #ffc85a;
} }

View File

@ -139,9 +139,9 @@
</div> </div>
<div class="progress"> <div class="progress">
<span class="skill">JavaScript <i class="val">75%</i></span> <span class="skill">JavaScript <i class="val">95%</i></span>
<div class="progress-bar-wrap"> <div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="75" <div class="progress-bar" role="progressbar" aria-valuenow="95"
aria-valuemin="0" aria-valuemax="100"></div> aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
</div> </div>