overhaul

css/everest.css

@@ -1,110 +1,80 @@
-/* everest.css */
-body {
-	color: white;
-	background-color: #2C2C2C;
-	border: 0px solid #2C2C2C;
-	/* border-radius: 16px; */
-	font-family: sans-serif;
-	margin: 0px;
-	min-height: 100%;
-	padding-top: 8px;
-	padding-bottom: 8px;
-	padding-left: 0px;
-	padding-right: 0px;
-}
-html {
-	background: #1E1E1E;
-	background-size: 8px 8px;
-	margin: 0px;
-	min-height: 100%;
-}
-h1 {
-	padding-left: 16px;
-	padding-right: 16px;
-	padding-top: 2px;
-	padding-bottom: 2px;
-}
-h2 {
-	padding-left: 16px;
-	padding-right: 16px;
-	padding-top: 2px;
-}
-h3 {
-	padding-left: 16px;
-	padding-right: 16px;
-	padding-top: 2px;
-	padding-bottom: 2px;
-}
-img {
-	padding: 0px;
-	width: 100%;
-}
-p {
-	padding-left: 16px;
-	padding-right: 16px;
-	padding-top: 2px;
-	padding-bottom: 2px;
-}
-/*code {
-	padding-left: 16px;
-	padding-right: 16px;
-	padding-top: 2px;
-	padding-bottom: 2px;
-}*/
-ul {
-	list-style-type: none;
-	margin: 0px;
-	padding: 0px;
-	overflow: hidden;
-	background-color: #1E1E1E;
+/* css/everest.css - stylesheet for everest-web */
+/* 
+   Copyright (C)  2023  Everest Linux.
+   Permission is granted to copy, distribute and/or modify this document
+   under the terms of the GNU Free Documentation License, Version 1.3
+   or any later version published by the Free Software Foundation;
+   with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts.
+   A copy of the license is included in the section entitled "GNU
+   Free Documentation License".
+*/
+
+/* Sidebar menu */
+.sidenav {
+	height: 100%;
+	width: 160px;
 	position: fixed;
+	z-index: 1;
 	top: 0;
-	width: 100%;
+	left: 0;
+	background-color; #1E1E1E;
+	overflow-x: hidden;
+	padding-top: 20px;
 }
 
-li {
-	float: left;
-	border-right: 1px solid #bbb;
-}
-
-li a {
-	display: block;
-	color: white;
-	text-align: center;
-	padding: 14px 24px;
+/* Menu links */
+.sidenav a {
+	padding: 6px 8px 6px 16px;
 	text-decoration: none;
-}
-
-/* Change the link color to #111 (black) on hover */
-li a:hover {
-	background-color: SteelBlue;
-}
-
-.active {
-	background-color: #2C2C2C;
-}
-mark {
-	background-color: #1E1E1E;
-	color: white;
-}
- /* Style buttons */
-.btn {
-	background-color: #1E1E1E;
-	border: none;
-	color: white;
-	padding: 24px 30px;
-	cursor: pointer;
 	font-size: 20px;
-	margin: 16px;
+	color: #818181;
+	display: block;
 }
 
-/* Darker background on mouse-over */
-.btn:hover {
-	background-color: SteelBlue;
+.sidenav a:hover {
+	color: #4a86e8ff;
 }
+
+.main {
+	margin-left: 160px;
+	padding: 0px 10px;
+}
+
+@media screen and (max-height: 450px) {
+	.sidenav {padding-top: 15px;}
+	.sidenav a{font-size: 18px;}
+}
+
+body {
+	font-family: sans-serif;
+}
+
+code {
+	font-family: monospace;
+	background-color: black;
+	border-left-style: solid;
+	border-left-width: 4px;
+	border-radius: 2px;
+	padding: 2px;
+}
+
+h2 {
+	border-left-style: solid;
+	border-color: #4a86e8ff;
+	padding-left: 4px;
+	border-width: 8px;
+	border-radius: 5px;
+}
+
 button {
-	padding-left: 16px;
-	padding-right: 16px;
-	padding-top: 2px;
-	padding-bottom: 2px;
-} 
+	font-size: 24px;
+	border-style: none;
+	border-left-style: solid;
+	border-width: 8px;
+	padding: 12px 28px;
+	border-color: #4a86e8ff;
+	border-radius: 5px;
+}
+
+hr.dotted {
+	border-top: 3px dotted #bbb;