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

Finalize theme

Browse source
This commit is contained in:
hossainemruz 2020-04-18 22:59:58 +06:00
parent 91286e6577
commit 07e816219f
18 changed files with 109 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -43,7 +43,7 @@ a:hover {
border-color: #3c4858;
color: #e5e9f2;
transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.btn-dark:hover,
@ -51,7 +51,7 @@ a:hover {
background-color: #248aaa;
border-color: #248aaa;
transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.btn-outline-info {
@ -89,6 +89,7 @@ a:hover {
.card {
box-shadow: none;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
overflow: hidden;
}
@ -107,6 +108,7 @@ a:hover {
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
border: 1px solid #fff;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.card .card-head {
@ -116,13 +118,16 @@ a:hover {
}
.card-img-top {
transition: all 0.3s ease-out!important;
transition: all 0.3s ease-out !important;
-webkit-transition: all 0.3s ease-out !important;
}
.card:hover .card-head .card-img-top,
.card:focus .card-head .card-img-top {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.card-title {
@ -153,13 +158,13 @@ a:hover {
.footer a {
color: #8392a5;
transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.footer a:hover {
margin-left: 5px;
transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.footer ul {
@ -191,6 +196,10 @@ a:hover {
color: #c0ccda;
}
.footer #theme img {
width: 32px;
}
/* --- FOOTER END ---- */
/* ============= Device specific fixes ======= */
@ -220,7 +229,11 @@ a:hover {
/* Small devices (landscape phones, 576px and up) */
@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: 5px;
padding-right: 5px;
}