From f1b6f08dc4221ea239b1db1e319e7e2bbea71841 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Avijit=20=F0=9F=9A=80?= <526avijit@gmail.com> Date: Fri, 4 Jun 2021 14:54:35 +0200 Subject: [PATCH] Alphabetically order css and fix hover --- themes/gokarna/static/css/main.css | 37 ++++++++++++++++-------------- 1 file changed, 20 insertions(+), 17 deletions(-) diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css index 183bdbe..456bc85 100644 --- a/themes/gokarna/static/css/main.css +++ b/themes/gokarna/static/css/main.css @@ -12,16 +12,16 @@ html.gokarna-light { /* HEADER */ .header { - position: fixed; height: 70px; left: 0; + position: fixed; top: 0; - width: 100%; -ms-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; + width: 100%; } .header.gokarna-dark { background-color: #1b1c1d; @@ -35,8 +35,8 @@ html.gokarna-light { height: 50px; } .header a { - text-decoration: none; color: inherit; + text-decoration: none; } .header .header-nav { height: 50px; @@ -51,32 +51,32 @@ html.gokarna-light { margin-top: 0; } .header-nav .avatar { - float: left; - margin-left: 15px; - height: 100%; border: 0.5px solid white; border-radius: 18px; + float: left; + height: 100%; + margin-left: 15px; } .header-nav .avatar img { + border-radius: 100%; display: block; - width: 50px; height: 50px; overflow: hidden; - border-radius: 100%; + width: 50px; } .header-nav .nav-title { display: inline-block; - padding-left: 10px; height: 100%; line-height: 50px; + padding-left: 10px; } .nav-title a { - height: 50px; font-size: 20px; + height: 50px; } .header-nav .nav-links { - line-height: 50px; float: right; + line-height: 50px; margin-right: 15px; } .nav-links .nav-link { @@ -94,25 +94,28 @@ html.gokarna-light { border-left: 1px solid; margin-right: 4.5px; } +.nav-links #dark-light-theme-toggle:hover { + cursor: pointer; +} /* TAGS */ .post-tags { - padding: 0; list-style-type: none; + padding: 0; } .post-tags .post-tag { - display: inline-block; background-color: #00b5ad; - padding: 4px 12px; - border-radius: 4px; border: 1px solid #00b5ad; + border-radius: 4px; color: white; + display: inline-block; font-size: 14px; font-weight: 700; + padding: 4px 12px; } .post-tag a { - text-decoration: none; color: inherit; + text-decoration: none; } /* SINGLE */ @@ -144,8 +147,8 @@ html.gokarna-light { margin-top: 50px; } .tags-list .post-tags .post-tag { - padding: 0; margin: 0 5px; + padding: 0; } .tags-list .post-tags .post-tag:hover { background-color: #009c95;