remove unused outdated and lint css
This commit is contained in:
Rotzbua
Florian Festi
parent
a596f79814
commit
5b76519408
218
static/self.css
218
static/self.css
|
|
@ -20,21 +20,22 @@ a {
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu li {
|
.menu li {
|
||||||
color: #666;
|
color: #666;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
li a, a h1 {
|
li a, a h1 {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
body {min-width: 996px;}
|
body {
|
||||||
|
min-width: 996px;
|
||||||
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family: 'Bungee Shade', cursive;
|
font-family: 'Bungee Shade', cursive;
|
||||||
|
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -51,18 +52,19 @@ h3 {
|
||||||
}
|
}
|
||||||
|
|
||||||
h3::before {
|
h3::before {
|
||||||
|
font-family: system-ui, 'Segoe UI', 'Arial';
|
||||||
content: "▶ ";
|
content: "▶ ";
|
||||||
}
|
}
|
||||||
|
|
||||||
h3.open::before {
|
h3.open::before {
|
||||||
|
font-family: system-ui, 'Segoe UI', 'Arial';
|
||||||
content: "▼ ";
|
content: "▼ ";
|
||||||
}
|
}
|
||||||
|
|
||||||
h3:hover {
|
h3:hover {
|
||||||
background-color: #333;
|
background-color: #333;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
-webkit-border-radius: 10px;
|
border-radius: 10px;
|
||||||
border-radius: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
|
|
@ -72,16 +74,14 @@ table {
|
||||||
/* Container */
|
/* Container */
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
padding-bottom: 15px;
|
padding-bottom: 15px;
|
||||||
width: 996px;
|
width: 996px;
|
||||||
-webkit-border-radius: 30px;
|
border-radius: 30px;
|
||||||
border-radius: 30px;
|
box-shadow: 0 0 5px 0 #333333;
|
||||||
-webkit-box-shadow: 0 0 5px 0 #333333;
|
|
||||||
box-shadow: 0 0 5px 0 #333333;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -102,173 +102,79 @@ video {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Clear after each row
|
* Clear after each row
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.clear {
|
.clear {
|
||||||
clear: both;
|
clear: both;
|
||||||
display: block;
|
display: block;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.description img {
|
.description img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
-webkit-box-shadow: none;
|
box-shadow: none;
|
||||||
box-shadow: none;
|
text-align: center;
|
||||||
text-align: center;
|
margin-top: 0px;
|
||||||
margin-top: 0px;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.footer ul {
|
.footer ul {
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer ul li {
|
.footer ul li {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer ul li a {
|
.footer ul li a {
|
||||||
color: #999;
|
color: #999;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img[id|=sample] {
|
img[id|=sample] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 100px;
|
bottom: 100px;
|
||||||
right: calc(50% - 498px);
|
right: calc(50% - 498px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu ul {
|
.menu ul {
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu ul li {
|
.menu ul li {
|
||||||
padding: 5px 5px 5px 10px;
|
padding: 5px 5px 5px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu ul li:hover {
|
.menu ul li:hover {
|
||||||
background-color: #333;
|
background-color: #333;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
-webkit-border-radius: 10px;
|
border-radius: 10px;
|
||||||
border-radius: 10px;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.menu ul li:hover a {
|
.menu ul li:hover a {
|
||||||
color: #bbb;
|
color: #bbb;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu ul li span {
|
.menu ul li span {
|
||||||
display: none;
|
display: none;
|
||||||
font-size: 1.8em;
|
font-size: 1.8em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #333;
|
color: #333;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu ul li:hover span {
|
.menu ul li:hover span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
font-family: monospace;
|
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;
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue