CSS improvements

css/index.css

@@ -1,16 +1,10 @@
 /*
- * W2
+ * spmenu-wiki
  *
  * Copyright (C) 2007-2011 Steven Frank <http://stevenf.com/>
+ * Copyright (C) 2023 speedie <speedie@speedie.site>
  *
- * Code may be re-used as long as the above copyright notice is retained.
+ * See LICENSE file for copyright and license details.
- * See README.txt for full details.
- *
- * Written with Coda: <http://panic.com/coda/>
- *
- * colors icons:
- *          240,240,240
- *     dark: 15, 15, 15
  */
 
 * {
@@ -42,7 +36,7 @@ h1 {
 	font-size: 2em;
 	font-weight: bold;
 	margin-bottom: 4px;
-	/*margin-top: .6em;*/
+	margin-top: .5em;
 }
 
 h2 {
@@ -56,6 +50,7 @@ h3 {
 	font-size: 1.2em;
 	font-weight: bold;
 }
+
 h3, h4, h5, h6 {
 	margin-top: .4em;
 	margin-bottom: 4px;
@@ -124,33 +119,36 @@ table {
     background-color: #212121;
     color: #dddddd;
 }
-  th {
+
-	text-align: left;
+th {
-  }
+  text-align: left;
-  td, th {
+}
-	padding: .1em 1em .1em .1em;
+
-	word-break: break-all;
+td, th {
-    background: #212121;
+  padding: .1em 1em .1em .1em;
-  }
+  word-break: break-all;
-  thead {
+  background: #212121;
-	border-bottom: 1px solid black;
+}
-	font-weight: bold;
+
-  }
+thead {
-  thead td a {
+  border-bottom: 1px solid black;
-	text-decoration:none;
+  font-weight: bold;
-  }
+}
-  thead td span.sortBy:after {
+
-	content: "\25BC";
+thead td a {
-  }
+  text-decoration:none;
-  tr:nth-child(even) {
+}
-	background: #e4e4e4;
+
-  }
+thead td span.sortBy:after {
-  tr:nth-child(odd) {
+  content: "\25BC";
-	background: #eeeeee;
+}
-  }
+
-.pageActions {
+tr:nth-child(even) {
-	padding-left: 8px;
+  background: #e4e4e4;
-	padding-right: 8px;
+}
+
+tr:nth-child(odd) {
+  background: #eeeeee;
 }
 
 .footer {
@@ -223,35 +221,6 @@ input#gitmsg
 	color: #f34000 !important;
 }
 
-.footer a.literalMatch {
-	font-weight: bold;
-	color: #6666ff;
-}
-
-.footer a.noexist {
-	color: #f34000 !important;
-}
-
-.login {
-	margin: 40px auto;
-	max-width: 650px;
-	line-height: 1.4;
-}
-
-.note {
-	background-color: #212121;
-	padding: 4px;
-	margin: .5em 0 .5em 0;
-	color: #6666ff;
-	border: solid 1px #6666ff;
-	width: 75%;
-}
-  @media (max-width: 600px), (orientation: portrait) {
-	.note {
-		width: 99%;
-	}
-  }
-
 .titlebar {
 	background-color: #262626;
 	color: #89bfff;
@@ -279,7 +248,7 @@ input#gitmsg
 }
 
 .toolbar > a, .titlebar > a {
-	font-size: 0.90em;
+	font-size: 1em;
 	margin-right: 1em;
 	color: #eeeeee;
 	text-decoration: none;
@@ -295,29 +264,23 @@ input#gitmsg
 }
 
 .sidebar {
-	float: right;
+	margin-right: 10px;
-}
-.sidebar, .linkshere {
-	margin-right: 5px;
 	margin-top: 5px;
+    margin-left: 10px;
 	padding: 4px;
 	border: solid 1px #666644;
+	float: right;
 }
+
+.sidebar h1, h2 {
+    margin-top: 0em;
+    margin-bottom: 0em;
+}
+
 .sidebar ul {
 	margin-top: 0;
 	margin-left: 4px;
 }
-.linkshere {
-	width: 50%;
-	margin-left: 5px;
-}
-  @media (max-width: 600px), (orientation: portrait) {
-	.sidebar, .linkshere {
-		margin-left: 5px;
-		float: none;
-		width: auto;
-	}
-  }
 
 input.search {
 /*	font-size: 0.95em;*/
@@ -330,85 +293,22 @@ input.search:focus {
 	width: 15em;
 }
 
-input.pagename {
-	width: 20em;
-}
-
-/* buttons (non-colors) */
-input[type="button"],
-input[type="submit"] {
-	border:none;
-	border-radius: 3px;
-	padding: .5em 1em;
-	cursor: pointer;
-	margin-right: .5em;
-}
-#maxsizelabel {
-	margin-right: 1em;
-}
-
-/* buttons (such as for the edit page) */
-input[type="submit"] {
-    background-color: #f0eee4;
-	color: black;
-}
-input[type="button"] {
-    background-color: #363636;
-    color: white;
-}
-
-input[type="submit"]:hover {
-    background-color: #f0eee4;
-	color: black;
-}
-input[type="button"]:hover {
-    background-color: #363636;
-    color: white;
-}
-
 img {
 	max-width: 50%;
 	height: auto;
 }
 
-#drawer {
-	display: inline-block;
-	position: absolute;
-	width: 300px;
-	background-color: rgb(240, 240, 240);
-	opacity: 0.5;
-	border: 1px solid black;
-	border-radius: 5px;
-	padding: 0;
-	cursor: move;
-}
-#drawer h5 {
-	border-bottom: 1px solid black;
-	padding: 4px;
-}
-#drawer div {
-	padding: 4px;
-}
-#drawer:hover {
-	opacity: 1.0;
-}
-.inactive {
-	display: none !important;
-}
 img.icon {
 	width: 1.5em;
 	vertical-align: middle;
 }
+
 a > img.icon:hover, a > span.icongroup:hover {
 	outline: 1px outset white;
 }
 a > img.icon:active, a > span.icongroup:active {
 	outline: 1px inset white;
 }
-.rightaligned
-{
-	float: right;
-}
 
 input.search {
     border-color: #363636;
@@ -432,5 +332,3 @@ input.search {
 
 .sidebar a:hover {
     color: #bbbbff;
-    text-decoration: underline;
-}