78 lines
1.7 KiB
CSS
Executable File
78 lines
1.7 KiB
CSS
Executable File
.medium-logo { height: 10%; position:fixed; }
|
|
.large-logo { height: 16%; position:fixed; }
|
|
#main_logo { height: 10%; bottom: 1%; right: 1%; position:fixed; }
|
|
#interface {
|
|
background-color: rgb(255, 255, 255, 100);
|
|
position:fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 89px;
|
|
background-color: orange;
|
|
z-index: 1000;
|
|
}
|
|
#prev_logo { left: 5px; top: 7px; height: 35px; border-radius: 12%; }
|
|
#play_logo { left: 48px; height: 43px; width: 43px; top: 3px; border-radius: 24%; }
|
|
#next_logo { left: 94px; height: 35px; top: 7px; border-radius: 12%; }
|
|
#files { position:absolute; top: 95px; }
|
|
html, body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: transparent;
|
|
}
|
|
#main_image {
|
|
position:fixed;
|
|
height: 69%;
|
|
max-width: 100%;
|
|
z-index: 1020;
|
|
bottom: 0%;
|
|
border: solid;
|
|
border-radius: 5%;
|
|
}
|
|
#progress_bar {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 37px;
|
|
top: 59px;
|
|
}
|
|
|
|
|
|
.playing { left: 10px; text-align:center; border: solid; border-radius:23%; z-index:1100; background-color: #fcf9d4; }
|
|
.hidden { display: none }
|
|
#timer { position:absolute; top: 20px; left: 450%; top: 55%; z-index: 1200;}
|
|
.lettering { height: 22px;}
|
|
.uppercase { height: 20px;}
|
|
#search_bar {
|
|
position:fixed;
|
|
left: 38%;
|
|
top: 3px;
|
|
width: 50%
|
|
}
|
|
#search {
|
|
height: 30px;
|
|
border-radius: 90%;
|
|
width: 30%;
|
|
transition-duration: 1s;
|
|
font-size: 16px;
|
|
text-align:center;
|
|
font-color: blue;
|
|
}
|
|
::placeholder { font-size: 14px; text-align: center; }
|
|
#image_controls {
|
|
position:fixed;
|
|
right: 7%;
|
|
top: 3px;
|
|
z-index: 1200;
|
|
}
|
|
#image_toggle {
|
|
height: 35px;
|
|
width: 45px;
|
|
border-radius: 23%;
|
|
}
|
|
#payment_toggle {
|
|
height: 35px;
|
|
width: 45px;
|
|
right: 5px;
|
|
border-radius: 23%;
|
|
} |