karma/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated colors

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
assets/css/style.css
View File

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

4
index.html
View File

@ -139,9 +139,9 @@
</div>
<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" role="progressbar" aria-valuenow="75"
<div class="progress-bar" role="progressbar" aria-valuenow="95"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>