80 lines
1.1 KiB
Plaintext
80 lines
1.1 KiB
Plaintext
|
#game {
|
||
|
|
flex-direction: row;
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#GameButtons {
|
||
|
|
width: 100%;
|
||
|
|
flex-grow: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
#GameCenterWrapper {
|
||
|
|
width: 55%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#LeftVisualizer {
|
||
|
|
width: 22.5%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#RightVisualizer {
|
||
|
|
width: 22.5%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.GameButtonClicked {
|
||
|
|
background-color: red;
|
||
|
|
scale: 1.1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.GameButton {
|
||
|
|
transition: scale;
|
||
|
|
transition-duration: 0.05s;
|
||
|
|
width: 20%;
|
||
|
|
height: 20%;
|
||
|
|
margin: auto;
|
||
|
|
font-size: 32px;
|
||
|
|
border-radius: 45px;
|
||
|
|
border-width: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Bar {
|
||
|
|
width: 100%;
|
||
|
|
height: 0.7%;
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.LeftBar {
|
||
|
|
margin: auto;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.RightBar {
|
||
|
|
margin: auto;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#GameBackgroundImageWrapper {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
|
||
|
|
#TimeLeft,
|
||
|
|
#Score {
|
||
|
|
font-size: 35px;
|
||
|
|
-unity-font-style: bold;
|
||
|
|
-unity-text-align: middle-center;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
#GameBackgroundImageLeft {
|
||
|
|
background-image: url('project://database/Assets/Images/left.png');
|
||
|
|
margin-right: 35%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#GameBackgroundImageRight {
|
||
|
|
background-image: url('project://database/Assets/Images/right.png');
|
||
|
|
margin-left: 35%;
|
||
|
|
}
|