aboutsummaryrefslogtreecommitdiff
path: root/carbslinux.css
diff options
context:
space:
mode:
Diffstat (limited to 'carbslinux.css')
-rw-r--r--carbslinux.css66
1 files changed, 18 insertions, 48 deletions
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 {