nikola/personal_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove unnided style

Browse Source
This commit is contained in:
Nikola Petrov
2024-01-21 22:08:52 +01:00
parent 1dcbb772d2
commit c90a9378f8
1 changed files with 1 additions and 440 deletions
Download Patch File Download Diff File Expand all files Collapse all files

441
public/assets/main/2_0/css/style.css
View File

@@ -1,16 +1,3 @@
/*-----------------------------------*\
#style.css
\*-----------------------------------*/
/**
* copyright 2022 @codewithsadee
*/
/*-----------------------------------*\ /*-----------------------------------*\
#CUSTOM PROPERTY #CUSTOM PROPERTY
\*-----------------------------------*/ \*-----------------------------------*/
@@ -161,10 +148,6 @@ body {
background: var(--smoky-black); background: var(--smoky-black);
} }
/*-----------------------------------*\ /*-----------------------------------*\
#REUSED STYLE #REUSED STYLE
\*-----------------------------------*/ \*-----------------------------------*/
@@ -315,10 +298,6 @@ article.active {
z-index: -1; z-index: -1;
} }
/*-----------------------------------*\ /*-----------------------------------*\
#MAIN #MAIN
\*-----------------------------------*/ \*-----------------------------------*/
@@ -329,10 +308,6 @@ main {
min-width: 259px; min-width: 259px;
} }
/*-----------------------------------*\ /*-----------------------------------*\
#SIDEBAR #SIDEBAR
\*-----------------------------------*/ \*-----------------------------------*/
@@ -480,18 +455,14 @@ main {
font-size: 18px; font-size: 18px;
} }
.social-item .social-link:hover { .social-item .social-link:hover {
color: var(--light-gray); color: var(--light-gray);
} }
.social-link ion-icon { .social-link ion-icon {
pointer-events: none; pointer-events: none;
} }
/*-----------------------------------*\ /*-----------------------------------*\
#NAVBAR #NAVBAR
\*-----------------------------------*/ \*-----------------------------------*/
@@ -533,10 +504,6 @@ main {
color: var(--orange-yellow-crayola); color: var(--orange-yellow-crayola);
} }
/*-----------------------------------*\ /*-----------------------------------*\
#ABOUT #ABOUT
\*-----------------------------------*/ \*-----------------------------------*/
@@ -556,8 +523,6 @@ main {
margin-bottom: 15px; margin-bottom: 15px;
} }
/** /**
* #service * #service
*/ */
@@ -623,8 +588,6 @@ main {
line-height: 1.6; line-height: 1.6;
} }
/*-----------------------------------*\ /*-----------------------------------*\
#RESUME #RESUME
\*-----------------------------------*/ \*-----------------------------------*/
@@ -633,7 +596,6 @@ main {
margin-bottom: 30px; margin-bottom: 30px;
} }
/** /**
* education and experience * education and experience
*/ */
@@ -702,54 +664,6 @@ main {
line-height: 1.6; line-height: 1.6;
} }
/**
* skills
*/
.skills-title {
margin-bottom: 20px;
}
.skills-list {
padding: 20px;
}
.skills-item:not(:last-child) {
margin-bottom: 15px;
}
.skill .title-wrapper {
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 8px;
}
.skill .title-wrapper data {
color: var(--light-gray);
font-size: var(--fs-7);
font-weight: var(--fw-300);
}
.skill-progress-bg {
background: var(--jet);
width: 100%;
height: 8px;
border-radius: 10px;
}
.skill-progress-fill {
background: var(--text-gradient-yellow);
height: 100%;
border-radius: inherit;
}
/*-----------------------------------*\ /*-----------------------------------*\
#PORTFOLIO #PORTFOLIO
\*-----------------------------------*/ \*-----------------------------------*/
@@ -928,236 +842,6 @@ main {
font-weight: var(--fw-300); font-weight: var(--fw-300);
} }
/*-----------------------------------*\
#BLOG
\*-----------------------------------*/
.blog-posts {
margin-bottom: 10px;
}
.blog-posts-list {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.blog-post-item>a {
position: relative;
background: var(--border-gradient-onyx);
height: 100%;
box-shadow: var(--shadow-4);
border-radius: 16px;
z-index: 1;
}
.blog-post-item>a::before {
content: "";
position: absolute;
inset: 1px;
border-radius: inherit;
background: var(--eerie-black-1);
z-index: -1;
}
.blog-banner-box {
width: 100%;
height: 200px;
border-radius: 12px;
overflow: hidden;
}
.blog-banner-box img {
width: 100%;
height: 100%;
object-fit: cover;
transition: var(--transition-1);
}
.blog-post-item>a:hover .blog-banner-box img {
transform: scale(1.1);
}
.blog-content {
padding: 15px;
}
.blog-meta {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 7px;
margin-bottom: 10px;
}
.blog-meta :is(.blog-category, time) {
color: var(--light-gray-70);
font-size: var(--fs-6);
font-weight: var(--fw-300);
}
.blog-meta .dot {
background: var(--light-gray-70);
width: 4px;
height: 4px;
border-radius: 4px;
}
.blog-item-title {
margin-bottom: 10px;
line-height: 1.3;
transition: var(--transition-1);
}
.blog-post-item>a:hover .blog-item-title {
color: var(--orange-yellow-crayola);
}
.blog-text {
color: var(--light-gray);
font-size: var(--fs-6);
font-weight: var(--fw-300);
line-height: 1.6;
}
/*-----------------------------------*\
#CONTACT
\*-----------------------------------*/
.mapbox {
position: relative;
height: 250px;
width: 100%;
border-radius: 16px;
margin-bottom: 30px;
border: 1px solid var(--jet);
overflow: hidden;
}
.mapbox figure {
height: 100%;
}
.mapbox iframe {
width: 100%;
height: 100%;
border: none;
}
.contact-form {
margin-bottom: 10px;
}
.form-title {
margin-bottom: 20px;
}
.input-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 25px;
margin-bottom: 25px;
}
.form-input {
color: var(--white-2);
font-size: var(--fs-6);
font-weight: var(--fw-400);
padding: 13px 20px;
border: 1px solid var(--jet);
border-radius: 14px;
outline: none;
}
.form-input::placeholder {
font-weight: var(--fw-500);
}
.form-input:focus {
border-color: var(--orange-yellow-crayola);
}
textarea.form-input {
min-height: 100px;
height: 120px;
max-height: 200px;
resize: vertical;
margin-bottom: 25px;
}
textarea.form-input::-webkit-resizer {
display: none;
}
.form-input:focus:invalid {
border-color: var(--bittersweet-shimmer);
}
.form-btn {
position: relative;
width: 100%;
background: var(--border-gradient-onyx);
color: var(--orange-yellow-crayola);
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
padding: 13px 20px;
border-radius: 14px;
font-size: var(--fs-6);
text-transform: capitalize;
box-shadow: var(--shadow-3);
z-index: 1;
transition: var(--transition-1);
}
.form-btn::before {
content: "";
position: absolute;
inset: 1px;
background: var(--bg-gradient-jet);
border-radius: inherit;
z-index: -1;
transition: var(--transition-1);
}
.form-btn ion-icon {
font-size: 16px;
}
.form-btn:hover {
background: var(--bg-gradient-yellow-1);
}
.form-btn:hover::before {
background: var(--bg-gradient-yellow-2);
}
.form-btn:disabled {
opacity: 0.7;
cursor: not-allowed;
}
.form-btn:disabled:hover {
background: var(--border-gradient-onyx);
}
.form-btn:disabled:hover::before {
background: var(--bg-gradient-jet);
}
/*-----------------------------------*\ /*-----------------------------------*\
#RESPONSIVE #RESPONSIVE
\*-----------------------------------*/ \*-----------------------------------*/
@@ -1176,13 +860,8 @@ textarea.form-input::-webkit-resizer {
.blog-banner-box { .blog-banner-box {
height: auto; height: auto;
} }
} }
/** /**
* responsive larger than 580px screen * responsive larger than 580px screen
*/ */
@@ -1206,11 +885,8 @@ textarea.form-input::-webkit-resizer {
--fs-6: 15px; --fs-6: 15px;
--fs-7: 15px; --fs-7: 15px;
--fs-8: 12px; --fs-8: 12px;
} }
/** /**
* #REUSED STYLE * #REUSED STYLE
*/ */
@@ -1239,8 +915,6 @@ textarea.form-input::-webkit-resizer {
font-size: 18px; font-size: 18px;
} }
/** /**
* #MAIN * #MAIN
*/ */
@@ -1250,8 +924,6 @@ textarea.form-input::-webkit-resizer {
margin-bottom: 100px; margin-bottom: 100px;
} }
/** /**
* #SIDEBAR * #SIDEBAR
*/ */
@@ -1313,8 +985,6 @@ textarea.form-input::-webkit-resizer {
width: calc(100% - 64px); width: calc(100% - 64px);
} }
/** /**
* #NAVBAR * #NAVBAR
*/ */
@@ -1331,8 +1001,6 @@ textarea.form-input::-webkit-resizer {
--fs-8: 14px; --fs-8: 14px;
} }
/** /**
* #ABOUT * #ABOUT
*/ */
@@ -1386,10 +1054,8 @@ textarea.form-input::-webkit-resizer {
margin-bottom: 25px; margin-bottom: 25px;
} }
/** /**
* #PORTFOLIO, BLOG * #PORTFOLIO
*/ */
.project-img, .project-img,
@@ -1404,46 +1070,8 @@ textarea.form-input::-webkit-resizer {
.blog-content { .blog-content {
padding: 25px; padding: 25px;
} }
/**
* #CONTACT
*/
.mapbox {
height: 380px;
border-radius: 18px;
}
.input-wrapper {
gap: 30px;
margin-bottom: 30px;
}
.form-input {
padding: 15px 20px;
}
textarea.form-input {
margin-bottom: 30px;
}
.form-btn {
--fs-6: 16px;
padding: 16px 20px;
}
.form-btn ion-icon {
font-size: 18px;
}
} }
/** /**
* responsive larger than 768px screen * responsive larger than 768px screen
*/ */
@@ -1463,8 +1091,6 @@ textarea.form-input::-webkit-resizer {
width: 100px; width: 100px;
} }
/** /**
* SIDEBAR * SIDEBAR
*/ */
@@ -1474,8 +1100,6 @@ textarea.form-input::-webkit-resizer {
gap: 30px 15px; gap: 30px 15px;
} }
/** /**
* NAVBAR * NAVBAR
*/ */
@@ -1484,10 +1108,6 @@ textarea.form-input::-webkit-resizer {
--fs-8: 15px; --fs-8: 15px;
} }
/** /**
* PORTFOLIO * PORTFOLIO
*/ */
@@ -1529,28 +1149,8 @@ textarea.form-input::-webkit-resizer {
.blog-posts-list { .blog-posts-list {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
/**
* CONTACT
*/
.input-wrapper {
grid-template-columns: 1fr 1fr;
}
.form-btn {
width: max-content;
margin-left: auto;
}
} }
/** /**
* responsive larger than 1024px screen * responsive larger than 1024px screen
*/ */
@@ -1573,8 +1173,6 @@ textarea.form-input::-webkit-resizer {
} }
/** /**
* REUSED STYLE * REUSED STYLE
*/ */
@@ -1585,8 +1183,6 @@ textarea.form-input::-webkit-resizer {
box-shadow: var(--shadow-5); box-shadow: var(--shadow-5);
} }
/** /**
* MAIN * MAIN
*/ */
@@ -1601,8 +1197,6 @@ textarea.form-input::-webkit-resizer {
margin: auto; margin: auto;
} }
/** /**
* NAVBAR * NAVBAR
*/ */
@@ -1628,8 +1222,6 @@ textarea.form-input::-webkit-resizer {
font-weight: var(--fw-500); font-weight: var(--fw-500);
} }
/** /**
* ABOUT * ABOUT
*/ */
@@ -1641,13 +1233,6 @@ textarea.form-input::-webkit-resizer {
gap: 20px 25px; gap: 20px 25px;
} }
/* testimonials */
.testimonials-item {
min-width: calc(50% - 15px);
}
/** /**
* PORTFOLIO * PORTFOLIO
*/ */
@@ -1655,23 +1240,8 @@ textarea.form-input::-webkit-resizer {
.project-list { .project-list {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }
/**
* BLOG
*/
.blog-banner-box {
height: 230px;
}
} }
/** /**
* responsive larger than 1250px screen * responsive larger than 1250px screen
*/ */
@@ -1706,8 +1276,6 @@ textarea.form-input::-webkit-resizer {
height: 60px; height: 60px;
} }
/** /**
* REUSED STYLE * REUSED STYLE
*/ */
@@ -1721,8 +1289,6 @@ textarea.form-input::-webkit-resizer {
min-height: 100%; min-height: 100%;
} }
/** /**
* MAIN * MAIN
*/ */
@@ -1742,8 +1308,6 @@ textarea.form-input::-webkit-resizer {
margin: 0; margin: 0;
} }
/** /**
* SIDEBAR * SIDEBAR
*/ */
@@ -1808,8 +1372,6 @@ textarea.form-input::-webkit-resizer {
justify-content: center; justify-content: center;
} }
/** /**
* RESUME * RESUME
*/ */
@@ -1817,5 +1379,4 @@ textarea.form-input::-webkit-resizer {
.timeline-text { .timeline-text {
max-width: 700px; max-width: 700px;
} }
} }