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.
55 lines
1.1 KiB
55 lines
1.1 KiB
/* Heavily based on Kepstin's wonderful CSS work
|
|
https://github.com/kepstin/0x40hues-html5/blob/master/hues-m.css */
|
|
|
|
.XmasUI {
|
|
font-family: 'PetMe64Web';
|
|
}
|
|
|
|
.hues-x-controls {
|
|
position: absolute;
|
|
bottom: 0;
|
|
max-width: 992px;
|
|
height: 50px;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
left: 8px;
|
|
right: 8px;
|
|
color: rgba(255,255,255,0.7);
|
|
}
|
|
|
|
.hues-x-beatbar {
|
|
position: absolute;
|
|
top: 0;
|
|
max-width: 992px;
|
|
height: 30px;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
left: 8px;
|
|
right: 8px;
|
|
color: white;
|
|
}
|
|
|
|
.hues-x-beatbar{
|
|
transform: translateY(0px);
|
|
-webkit-transform: translateY(0px);
|
|
transition: transform 1s ease-out;
|
|
-webkit-transition: -webkit-transform 1s ease-out;
|
|
}
|
|
|
|
.hues-x-controls {
|
|
transform: translateY(0px);
|
|
-webkit-transform: translateY(0px);
|
|
transition: transform 1s ease-out;
|
|
-webkit-transition: -webkit-transform 1s ease-out;
|
|
|
|
}
|
|
|
|
.hues-x-beatbar.hidden{
|
|
transform: translateY(-40px);
|
|
-webkit-transform: translateY(-40px);
|
|
}
|
|
|
|
.hues-x-controls.hidden {
|
|
transform: translateY(104px);
|
|
-webkit-transform: translateY(104px);
|
|
} |