mirror of https://github.com/kurisufriend/0x40-web
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
124 lines
2.0 KiB
124 lines
2.0 KiB
/* TODO: Fix scrollbar */
|
|
|
|
.RetroUI {
|
|
font-family: 'PetMe64Web';
|
|
}
|
|
|
|
.hues-r-container {
|
|
position: absolute;
|
|
bottom: 0px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.hues-r-container a:link, .hues-r-container a:visited {
|
|
display: block;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.hues-r-controls {
|
|
display:-webkit-flex;
|
|
display:flex;
|
|
-webkit-align-items:center;
|
|
align-items:center;
|
|
position: absolute;
|
|
right: 0px;
|
|
bottom: 10px;
|
|
font-size: 30px;
|
|
}
|
|
|
|
.hues-r-button {
|
|
float: left;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.hues-r-button:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hues-r-songs {
|
|
font-size: 13px;
|
|
margin: 0px -8px;
|
|
}
|
|
|
|
.hues-r-manualmode, .hues-r-automode {
|
|
float: none;
|
|
clear: both;
|
|
}
|
|
|
|
.hues-r-manualmode {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.hues-r-automode {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.hues-r-subcontrols {
|
|
position: absolute;
|
|
right: 0px;
|
|
bottom: 40px;
|
|
font-size: 25px;
|
|
text-align: center;
|
|
}
|
|
|
|
.hues-r-subcontrols > div{
|
|
margin: 3px;
|
|
cursor: pointer;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.hues-r-subcontrols > div:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hues-r-hiderestore {
|
|
position: absolute;
|
|
bottom: 5px;
|
|
right: 5px;
|
|
display: none;
|
|
font-size: 25px;
|
|
cursor: pointer;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.hues-r-hiderestore.hidden {
|
|
display: block;
|
|
}
|
|
|
|
.hues-r-hiderestore:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hues-r-container, .hues-r-controls, .hues-r-subcontrols {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: visibility 0.5s linear, opacity 0.5s linear;
|
|
-webkit-transition: visibility 0.5s linear, opacity 0.5s linear;
|
|
}
|
|
|
|
.hues-r-container.hidden, .hues-r-controls.hidden, .hues-r-subcontrols.hidden {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
|
|
.hues-r-listcontainer {
|
|
position: absolute;
|
|
right: 35px;
|
|
bottom: 45px;
|
|
}
|
|
|
|
.hues-r-visualisercontainer {
|
|
transform: scaleY(-1);
|
|
-webkit-transform: scaleY(-1);
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
} |