FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix CSS

Browse source
This commit is contained in:
hossainemruz 2020-04-14 00:50:14 +06:00
parent fac1083dd2
commit 7b25c40baa
2 changed files with 21 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

29
static/assets/css/navbar.css
View file

@ -19,17 +19,17 @@
} }
.initial-navbar .navbar-brand { .initial-navbar .navbar-brand {
color: #C0CCDA; color: #c0ccda;
font-weight: 800; font-weight: 800;
} }
.initial-navbar li a { .initial-navbar li a {
color: #C0CCDA; color: #c0ccda;
} }
.initial-navbar .navbar-nav .active, .initial-navbar .navbar-nav .active,
.initial-navbar li a:hover { .initial-navbar li a:hover {
color: #F9FAFC; color: #f9fafc;
-webkit-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; transition: all 0.3s ease-out;
} }
@ -46,18 +46,18 @@
.final-navbar { .final-navbar {
background-color: #f9fafc; background-color: #f9fafc;
color: #1C2D41; color: #1c2d41;
-webkit-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; transition: all 0.3s ease-out;
} }
.final-navbar .navbar-brand { .final-navbar .navbar-brand {
color: #1C2D41; color: #1c2d41;
font-weight: 800; font-weight: 800;
} }
.final-navbar li a { .final-navbar li a {
color: #1C2D41; color: #1c2d41;
font-weight: 500; font-weight: 500;
-webkit-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; transition: all 0.3s ease-out;
@ -80,7 +80,7 @@
.navbar-collapse.show li a, .navbar-collapse.show li a,
.navbar-collapse.collapsing li a { .navbar-collapse.collapsing li a {
color: #1C2D41; color: #1c2d41;
font-weight: 500; font-weight: 500;
-webkit-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; transition: all 0.3s ease-out;
@ -104,12 +104,15 @@
height: 20px; height: 20px;
width: 2px; width: 2px;
} }
.final-navbar #top-navbar-divider { .final-navbar #top-navbar-divider {
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
}
#top-navbar-divider {
height: 20px; height: 20px;
width: 2px; width: 2px;
} }
/*------ navbar on blog page start ----*/ /*------ navbar on blog page start ----*/
.final-navbar .navbar-toggler { .final-navbar .navbar-toggler {
@ -117,12 +120,12 @@
} }
.blog-navbar .navbar-brand { .blog-navbar .navbar-brand {
color: #1C2D41; color: #1c2d41;
font-weight: 800; font-weight: 800;
} }
.blog-navbar li a { .blog-navbar li a {
color: #1C2D41; color: #1c2d41;
font-weight: 500; font-weight: 500;
-webkit-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; transition: all 0.3s ease-out;
@ -178,6 +181,12 @@
.dropdown-divider { .dropdown-divider {
border-top: 1px solid #c0ccda; border-top: 1px solid #c0ccda;
} }
#top-navbar-divider {
background: rgba(0, 0, 0, 0.6);
height: auto;
width: auto;
margin-right: 15px;
}
} }
/* Small devices (landscape phones, 576px and up) */ /* Small devices (landscape phones, 576px and up) */

4
static/assets/css/style.css
View file

@ -220,7 +220,7 @@ a:hover {
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
.container-fluid.about, .container-fluid.skills, .container-fluid.projects, .container-fluid.recent-posts, .container-fluid.achievements{ .container-fluid.about, .container-fluid.skills, .container-fluid.projects, .container-fluid.recent-posts, .container-fluid.achievements{
padding-left: 0px; padding-left: 5px;
padding-right: 0px; padding-right: 5px;
} }
} }