From 18b3130fe5d639110c289717fdbcce6bdc5c4c1f Mon Sep 17 00:00:00 2001
From: Cem Keylan <cem@ckyln.com>
Date: Mon, 25 Oct 2021 15:50:27 +0200
Subject: css: update bar

---
 carbslinux.css | 66 ++++++++++++++++------------------------------------------
 1 file changed, 18 insertions(+), 48 deletions(-)

(limited to 'carbslinux.css')

diff --git a/carbslinux.css b/carbslinux.css
index 87e6a9f..fb93ad0 100644
--- a/carbslinux.css
+++ b/carbslinux.css
@@ -356,91 +356,61 @@ blockquote {
 #preamble {
   margin-bottom: 2em; }
 
-#navbar {
+#titlebar {
+  box-sizing: content-box;
   background: #2e3440 none repeat scroll 0 0 !important;
-  border-bottom: 5px solid #b48ead !important;
   min-height: 40px;
   padding: 10px 15px !important; }
-  #navbar label, #navbar #hamburger {
-    display: none; }
-  #navbar a.navbartitle {
+  #titlebar a.maintitle {
     margin: 0 !important;
     padding: 0 !important;
     color: #b48ead !important;
     float: left !important;
     font-weight: bolder !important;
     font-size: 200% !important; }
-    #navbar a.navbartitle:hover {
+    #titlebar a.maintitle:hover {
       text-decoration: none;
       color: #b48ead; }
+
+#navbar {
+  background: #81a1c1 !important;
+  clear: both;
+  padding: .3em; }
   #navbar #navbarlist li a {
     color: #eceff4;
     font-weight: bold;
     text-decoration: none; }
   #navbar ul {
-    display: block;
+    vertical-align: middle;
     list-style: none;
     margin: 0;
     padding: 0;
-    text-align: right;
+    text-align: left;
     font-size: 0;
-    letter-spacing: 0; }
+    display: flex;
+    justify-content: space-evenly; }
     #navbar ul li {
-      display: inline-block;
+      display: inline;
+      text-align: justify;
       font-size: 14px;
       font-family: "Noto Sans", "Open Sans", sans-serif !important;
       line-height: 1.4;
       letter-spacing: 0;
-      padding-top: 14px;
-      padding-right: 15px;
-      padding-left: 15px;
+      padding: 0.7ex;
       margin: 0; }
       #navbar ul li a {
         color: #eceff4;
         font-weight: bold;
         text-decoration: none; }
       #navbar ul li a:hover {
-        color: #b48ead !important;
+        color: #2e3440 !important;
         text-decoration: none !important; }
 
-@media screen and (max-width: 768px) {
-  #navbar label {
-    display: inline-block;
-    box-sizing: border-box;
-    color: #eceff4;
-    background: #b48ead;
-    border-radius: 0.2em;
-    font-style: normal;
-    text-align: center;
-    margin-right: auto;
-    margin-left: auto;
-    font-size: 1em;
-    padding: 0.5em 0;
-    font-size: 1em;
-    width: 2.2em;
-    height: 100%;
-    float: right; }
-  #navbar ul {
-    margin-left: 0;
-    margin-right: 0;
-    text-align: left; }
-  #navbar #navbarlist {
-    margin-top: 50px;
-    display: none; }
-    #navbar #navbarlist li {
-      box-sizing: border-box;
-      border-top: 1px solid var(--color-carbs-purple);
-      display: block;
-      width: 100%;
-      padding: 0.5em; }
-  #navbar input:checked ~ #navbarlist {
-    display: block; } }
-
 footer {
   clear: both;
   margin-top: 2em;
   background: #2e3440 none repeat scroll 0 0 !important;
-  border-top: 5px solid #b48ead !important;
+  border-top: 5px solid #81a1c1 !important;
   padding: 10px 15px !important;
   bottom: 0; }
   footer p {
-- 
cgit v1.2.3