From 5b765194080281d8e6ee32308168f977b6dbaa92 Mon Sep 17 00:00:00 2001
From: Rotzbua <Rotzbua@users.noreply.github.com>
Date: Thu, 11 Nov 2021 00:49:36 +0100
Subject: [PATCH] remove unused outdated and lint css

---
 static/self.css | 218 ++++++++++++++----------------------------------
 1 file changed, 62 insertions(+), 156 deletions(-)

diff --git a/static/self.css b/static/self.css
index 89f2f8b..1178f16 100644
--- a/static/self.css
+++ b/static/self.css
@@ -20,21 +20,22 @@ a {
 }
 
 .menu li {
-	color: #666;
-	list-style-type: none;
-	}
+    color: #666;
+    list-style-type: none;
+}
 
-li a, a h1 	{
-	text-decoration: none;
-	color: #333;
-	}
+li a, a h1 {
+    text-decoration: none;
+    color: #333;
+}
 
 
-body {min-width: 996px;}
+body {
+    min-width: 996px;
+}
 
 h1 {
     font-family: 'Bungee Shade', cursive;
-
     font-size: 3em;
 }
 
@@ -51,18 +52,19 @@ h3 {
 }
 
 h3::before {
+    font-family: system-ui, 'Segoe UI', 'Arial';
     content: "▶ ";
 }
 
 h3.open::before {
+    font-family: system-ui, 'Segoe UI', 'Arial';
     content: "▼ ";
 }
 
 h3:hover {
-	background-color: #333;
-	color: #eee;
-	-webkit-border-radius: 10px;
-	border-radius: 10px;
+    background-color: #333;
+    color: #eee;
+    border-radius: 10px;
 }
 
 table {
@@ -72,16 +74,14 @@ table {
 /* Container */
 
 .container {
-	 margin-top: 20px;
-     margin-left: auto;
-     margin-right: auto;
-     padding: 10px;
-     padding-bottom: 15px;
-     width: 996px;
-     -webkit-border-radius: 30px;
-	border-radius: 30px;
-	-webkit-box-shadow: 0 0 5px 0 #333333;
-	box-shadow: 0 0 5px 0 #333333;
+    margin-top: 20px;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 10px;
+    padding-bottom: 15px;
+    width: 996px;
+    border-radius: 30px;
+    box-shadow: 0 0 5px 0 #333333;
 
 }
 
@@ -102,173 +102,79 @@ video {
 }
 
 
-
-
 /*
  * Clear after each row
  */
-
 .clear {
-	clear: both;
-	display: block;
-	overflow: hidden;
-	visibility: hidden;
-	width: 0;
-	height: 0;
+    clear: both;
+    display: block;
+    overflow: hidden;
+    visibility: hidden;
+    width: 0;
+    height: 0;
 }
 
 .description img {
-	width: 100%;
+    width: 100%;
 }
 
 .footer {
-	-webkit-box-shadow: none;
-	box-shadow: none;
-	text-align: center;
-	margin-top: 0px;
-	}
+    box-shadow: none;
+    text-align: center;
+    margin-top: 0px;
+}
 
 .footer ul {
-	margin-top: 0px;
-	}
+    margin-top: 0px;
+}
 
 .footer ul li {
-	list-style-type: circle;
-	display: inline-block;
-	font-size: 0.9em;
-	}
+    list-style-type: circle;
+    display: inline-block;
+    font-size: 0.9em;
+}
 
 .footer ul li a {
-	color: #999;
-	margin-right: 10px;
+    color: #999;
+    margin-right: 10px;
 }
 
 img[id|=sample] {
-	position: fixed;
-	bottom: 100px;
-	right: calc(50% - 498px);
+    position: fixed;
+    bottom: 100px;
+    right: calc(50% - 498px);
 }
 
 .menu ul {
-	padding-left: 5px;
-	}
+    padding-left: 5px;
+}
 
 .menu ul li {
-	padding: 5px 5px 5px 10px;
-	}
+    padding: 5px 5px 5px 10px;
+}
 
 .menu ul li:hover {
-	background-color: #333;
-	color: #eee;
-	-webkit-border-radius: 10px;
-	border-radius: 10px;
-	}
+    background-color: #333;
+    color: #eee;
+    border-radius: 10px;
+}
 
 .menu ul li:hover a {
-	color: #bbb;
-	}
+    color: #bbb;
+}
 
 .menu ul li span {
-	display: none;
-	font-size: 1.8em;
-	font-weight: bold;
-	color: #333;
-	margin-left: 10px;
+    display: none;
+    font-size: 1.8em;
+    font-weight: bold;
+    color: #333;
+    margin-left: 10px;
 }
 
 .menu ul li:hover span {
-	display: inline-block;
-
+    display: inline-block;
 }
 
 textarea {
- font-family: monospace;
-}
-
-input[type=range] {
-  -webkit-appearance: none;
-  margin: 10px 0;
-  width: 100%;
-}
-input[type=range]:focus {
-  outline: none;
-}
-input[type=range]::-webkit-slider-runnable-track {
-  width: 100%;
-  height: 1px;
-  cursor: pointer;
-  animate: 0.2s;
-  box-shadow: 0px 0px 0px #000000;
-  background: #332816;
-  border-radius: 1px;
-  border: 0px solid #000000;
-}
-input[type=range]::-webkit-slider-thumb {
-  box-shadow: 0px 0px 0px #000000;
-  border: 1px solid #332816;
-  height: 15px;
-  width: 15px;
-  border-radius: 15px;
-  background: #6E572F;
-  cursor: pointer;
-  -webkit-appearance: none;
-  margin-top: -7.5px;
-}
-input[type=range]:focus::-webkit-slider-runnable-track {
-  background: #332816;
-}
-input[type=range]::-moz-range-track {
-  width: 100%;
-  height: 1px;
-  cursor: pointer;
-  animate: 0.2s;
-  box-shadow: 0px 0px 0px #000000;
-  background: #332816;
-  border-radius: 1px;
-  border: 0px solid #000000;
-}
-input[type=range]::-moz-range-thumb {
-  box-shadow: 0px 0px 0px #000000;
-  border: 1px solid #332816;
-  height: 15px;
-  width: 15px;
-  border-radius: 15px;
-  background: #6E572F;
-  cursor: pointer;
-}
-input[type=range]::-ms-track {
-  width: 100%;
-  height: 1px;
-  cursor: pointer;
-  animate: 0.2s;
-  background: transparent;
-  border-color: transparent;
-  color: transparent;
-}
-input[type=range]::-ms-fill-lower {
-  background: #332816;
-  border: 0px solid #000000;
-  border-radius: 2px;
-  box-shadow: 0px 0px 0px #000000;
-}
-input[type=range]::-ms-fill-upper {
-  background: #332816;
-  border: 0px solid #000000;
-  border-radius: 2px;
-  box-shadow: 0px 0px 0px #000000;
-}
-input[type=range]::-ms-thumb {
-  box-shadow: 0px 0px 0px #000000;
-  border: 1px solid #332816;
-  height: 15px;
-  width: 15px;
-  border-radius: 15px;
-  background: #6E572F;
-  cursor: pointer;
-}
-input[type=range]:focus::-ms-fill-lower {
-  background: #332816;
-}
-input[type=range]:focus::-ms-fill-upper {
-  background: #332816;
+    font-family: monospace;
 }