PrivateCoffee/alltube
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Lint

Browse source
This commit is contained in:
Pierre Rudloff 2020-10-20 22:32:32 +02:00
parent e06a96b5d2
commit bd61320cfc
1 changed files with 438 additions and 432 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
css/style.css
View file

@ -14,7 +14,7 @@ body {
} }
.large-font { .large-font {
font-size:24px; font-size: 24px;
} }
/* Header */ /* Header */
@ -204,9 +204,10 @@ footer a:hover {
outline: none; outline: none;
} }
.URLinput:-webkit-input-placeholder { .URLinput::-webkit-input-placeholder {
color: #c1cfcf; color: #c1cfcf;
} }
.URLinput:-moz-placeholder { .URLinput:-moz-placeholder {
color: #c1cfcf; color: #c1cfcf;
} }
@ -266,6 +267,7 @@ footer a:hover {
left: -9999px; left: -9999px;
position: absolute; position: absolute;
} }
.audio:not(:checked) + label, .audio:not(:checked) + label,
.audio:checked + label { .audio:checked + label {
cursor: pointer; cursor: pointer;
@ -273,6 +275,7 @@ footer a:hover {
padding-left: 82px; padding-left: 82px;
position: relative; position: relative;
} }
.audio:not(:checked) + label:before, .audio:not(:checked) + label:before,
.audio:checked + label:before, .audio:checked + label:before,
.audio:not(:checked) + label:after, .audio:not(:checked) + label:after,
@ -280,6 +283,7 @@ footer a:hover {
content: ""; content: "";
position: absolute; position: absolute;
} }
.audio:not(:checked) + label:before, .audio:not(:checked) + label:before,
.audio:checked + label:before { .audio:checked + label:before {
background: #ffffff; background: #ffffff;
@ -289,11 +293,11 @@ footer a:hover {
top: -1px; top: -1px;
-webkit-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s; -moz-transition: background-color 0.2s;
-ms-transition: background-color 0.2s;
-o-transition: background-color 0.2s; -o-transition: background-color 0.2s;
transition: background-color 0.2s; transition: background-color 0.2s;
width: 45px; width: 45px;
} }
.audio:not(:checked) + label:after, .audio:not(:checked) + label:after,
.audio:checked + label:after { .audio:checked + label:after {
background: #3a3a3a; background: #3a3a3a;
@ -303,7 +307,6 @@ footer a:hover {
top: 1px; top: 1px;
-webkit-transition: all 0.2s; -webkit-transition: all 0.2s;
-moz-transition: all 0.2s; -moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s; -o-transition: all 0.2s;
transition: all 0.2s; transition: all 0.2s;
width: 16px; width: 16px;
@ -317,6 +320,7 @@ footer a:hover {
.audio:checked + label:before { .audio:checked + label:before {
background: #f2084a; background: #f2084a;
} }
.audio:checked + label:after { .audio:checked + label:after {
background: #fff; background: #fff;
left: 27px; left: 27px;
@ -335,11 +339,11 @@ footer a:hover {
position: absolute; position: absolute;
-webkit-transition: all 0.2s; -webkit-transition: all 0.2s;
-moz-transition: all 0.2s; -moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s; -o-transition: all 0.2s;
transition: all 0.2s; transition: all 0.2s;
width: 45px; width: 45px;
} }
.audio:not(:checked) + label .ui:before { .audio:not(:checked) + label .ui:before {
background-image: url("../img/mp3hover.png"); background-image: url("../img/mp3hover.png");
background-position: right top; background-position: right top;
@ -351,10 +355,10 @@ footer a:hover {
padding-top: 2px; padding-top: 2px;
-webkit-transition: all 0.2s; -webkit-transition: all 0.2s;
-moz-transition: all 0.2s; -moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s; -o-transition: all 0.2s;
transition: all 0.2s; transition: all 0.2s;
} }
.audio:checked + label .ui:after { .audio:checked + label .ui:after {
background-image: url("../img/mp3.png"); background-image: url("../img/mp3.png");
background-position: right top; background-position: right top;
@ -363,7 +367,6 @@ footer a:hover {
content: "yes"; content: "yes";
-webkit-transition: all 0.2s; -webkit-transition: all 0.2s;
-moz-transition: all 0.2s; -moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s; -o-transition: all 0.2s;
transition: all 0.2s; transition: all 0.2s;
width: 73px; width: 73px;
@ -486,6 +489,7 @@ body {
height: 100%; height: 100%;
margin: 0; margin: 0;
} }
.wrapper { .wrapper {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -495,6 +499,7 @@ body {
margin: auto; margin: auto;
padding-bottom: 110px; padding-bottom: 110px;
} }
.main { .main {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
@ -517,6 +522,7 @@ body {
.social a { .social a {
color: #d1d1d1; color: #d1d1d1;
} }
.logocompatible { .logocompatible {
color: #4f4f4f; color: #4f4f4f;
} }
@ -590,8 +596,7 @@ h1 {
.supportedLocales li a { .supportedLocales li a {
display: block; display: block;
padding: 1em; padding: 1em 2em 1em 1em;
padding-right: 2em;
} }
.supportedLocales li:hover { .supportedLocales li:hover {
@ -657,6 +662,7 @@ h1 {
.downloadBtn { .downloadBtn {
margin-top: 0.3em; margin-top: 0.3em;
} }
.mp3 { .mp3 {
margin-bottom: 1em; margin-bottom: 1em;
} }