mirror of
https://github.com/danog/system-bus-radio.git
synced 2024-12-03 15:17:45 +01:00
b47a9eccd3
* Improved formatting * removed unused and unrelated CSS classes * removed more unused CSS * removed red outline around text box * improved link styling * Added a delay function and fixed time being *1000. There was a bug before, that caused the window to freeze up (seemingly forever). This was due to the fact that the times in milliseconds were being treated as time in seconds. This has been fixed with a *.0001 function. Also, a block of code for the "delay" function has been added. Delays between same notes in the included demo song have also been added. * fixed description meta * created var for window log
104 lines
2.0 KiB
CSS
104 lines
2.0 KiB
CSS
body {
|
|
background-color: #3498db;
|
|
font-family: Futura, Helvetica, "Century Gothic";
|
|
text-shadow: 1px 1px 0px black;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.header {
|
|
color: white;
|
|
font-size: 50px;
|
|
padding-top: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.content {
|
|
text-align: center;
|
|
margin: auto;
|
|
width: 80%;
|
|
font-size: 12px;
|
|
color: white;
|
|
}
|
|
|
|
a.button,
|
|
input.button {
|
|
cursor: pointer;
|
|
font-family: Futura, Century Gothic;
|
|
background: #44c650;
|
|
border: 0px;
|
|
padding: 5px 80px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
color: white;
|
|
font-size: 15px;
|
|
text-shadow: 1px 1px 0px #222;
|
|
box-shadow: 3px 3px 0px #006633;
|
|
-webkit-transition: background-color 0.15s ease-in-out;
|
|
-moz-transition: background-color 0.15s ease-in-out;
|
|
-o-transition: background-color 0.15s ease-in-out;
|
|
transition: background-color 0.15s ease-in-out;
|
|
}
|
|
|
|
a.button {
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
padding: 6px 12px 6px 12px;
|
|
}
|
|
|
|
input.button {
|
|
padding: 5px 20px;
|
|
}
|
|
|
|
a.button:active,
|
|
input.button:active {
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
a.button:hover,
|
|
input.button:hover {
|
|
background: #00b200;
|
|
color: white;
|
|
text-shadow: 1px 1px 0px #222;
|
|
position: relative;
|
|
cursor: pointer;
|
|
cursor: hand;
|
|
}
|
|
|
|
input[type="text"],
|
|
textarea {
|
|
margin-left: 0px;
|
|
background-color: #F7f7f7;
|
|
border: 1px solid black;
|
|
padding: 5px;
|
|
color: #444;
|
|
-webkit-transition: border-color 0.2s ease-in-out;
|
|
-moz-transition: border-color 0.2s ease-in-out;
|
|
-o-transition: border-color 0.2s ease-in-out;
|
|
transition: border-color 0.2s ease-in-out;
|
|
}
|
|
|
|
input[type="text"]:hover,
|
|
textarea:hover {
|
|
box-shadow: 0px 0px 9px black;
|
|
}
|
|
|
|
input,
|
|
textarea,
|
|
button {
|
|
outline: none;
|
|
resize: none;
|
|
}
|
|
|
|
a {
|
|
color: white;
|
|
font-weight: bold;
|
|
background-color: rgba(242, 242, 242, 0.2);
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
background-color: rgba(255, 255, 255, 0.38);
|
|
}
|