Commit 077d5630 authored by Alan Szlosek's avatar Alan Szlosek

use colors and styles from early

parent 2539921f
......@@ -16,58 +16,27 @@ body {
body, button, input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
line-height: 1.5;
}
input {
line-height: 2;
}
body {
margin: 7em 0 0 0;
padding: 0;
}
h1, h2, h3 {
margin: 0;
padding: 0;
}
button {
background-color: #0074d9;
border: 0;
border-radius: .2em;
color: #fff;
cursor: pointer;
display: inline-block;
height: auto;
padding: .3em .9em;
text-align: center;
text-color: #fff;
vertical-align: middle;
width: auto;
}
input, textarea {
border: 1px solid #ccc;
width: 100%;
}
.error {
background-color: #ff4136;
background-color: #ff7c39;
color: #fff;
}
.success {
background-color: #2ecc40;
background-color: #3372b3;
color: #fff;
}
.warning {
background-color: #ff851b;
background-color: #2084e9;
color: #fff;
}
.disabled {
background-color: #ccc;
}
.smaller {
padding: .3em;
}
:focus {
outline: none;
}
.flex {
......@@ -80,11 +49,6 @@ input, textarea {
.flex>* {
padding-left:0;
}
/*
.flex > div {
flex: 1;
}
*/
.flex > .one {
flex: 1;
}
......@@ -106,13 +70,6 @@ input, textarea {
.flex.seven > div {
flex: 1 1 14.2857%;
}
.button.smaller {
font-size: .75em;
}
.noscroll {
overflow: hidden;
}
.hidden, .hidden2 {
display: none;
......@@ -135,6 +92,7 @@ input, textarea {
}
#controls > * {
align-items: center;
background-color: rgba(169,189,209,0.50);
border-left: 1px solid #fff;
border-right: 1px solid #fff;
color: #fff;
......@@ -143,19 +101,20 @@ input, textarea {
height: 48px;
justify-content: center;
}
#controls > *.selected {
background-color: #0074d9;
#controls > .disabled {
background-color: rgba(169,189,209,0.30);
}
#controls > .selected {
background-color: #74abe3;
}
#controls img {
height: 40px;
}
#catalogButton, #playlistButton {
background-color: #ccc;
}
#controls #play.active {
background-color: #2ecc40;
#play.active {
background-color: #3372b3;
}
#playing {
font-style: italic;
text-align: center;
......@@ -169,11 +128,6 @@ input, textarea {
#playlist .active {
}
#playlist .clear.button {
height: 53px;
}
......@@ -184,34 +138,13 @@ input, textarea {
border-bottom: 1px solid #ccc;
}
#playlist .song .title {
padding: 0.9em 0;
}
#nav {
color: #fff;
margin-bottom: 20px;
}
#nav > a {
background-color: #ccc;
border: 2px solid white;
color: #fff;
flex: 1;
height: 3em;
line-height: 3em;
text-align: center;
text-decoration: none;
.title {
padding: 0.9em 0.3em;
}
#nav > a.selected {
background-color: #0074d9;
}
#catalog > div {
border-bottom: 1px solid #ccc;
......@@ -231,11 +164,6 @@ input, textarea {
height: 32px;
}
#catalog .title {
color: #000;
padding: 0.9em 0;
text-decoration: none;
}
#catalog .artist > .title {
font-weight: bold;
}
......@@ -255,7 +183,7 @@ input, textarea {
<div id="top">
<audio id="player">Your browser doesn't support</audio>
<div style="display: flex;">
<div style="display: flex; padding: 0.3em 0px;">
<div id="currentTime"></div>
<div id="playing">Queue up some songs!</div>
<div id="endTime"></div>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment