KingMcDonalds
149 lines
2.8 KiB
CSS
149 lines
2.8 KiB
CSS
|
|
@font-face {
|
|
font-family: 'Segoe UI Regular';
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
src: local('Segoe UI Regular'), url('Segoe UI.woff') format('woff');
|
|
}
|
|
|
|
|
|
@font-face {
|
|
font-family: 'Segoe UI Italic';
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
src: local('Segoe UI Italic'), url('Segoe UI Italic.woff') format('woff');
|
|
}
|
|
|
|
|
|
@font-face {
|
|
font-family: 'Segoe UI Bold';
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
src: local('Segoe UI Bold'), url('Segoe UI Bold.woff') format('woff');
|
|
}
|
|
|
|
|
|
@font-face {
|
|
font-family: 'Segoe UI Bold Italic';
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
src: local('Segoe UI Bold Italic'), url('Segoe UI Bold Italic.woff') format('woff');
|
|
}
|
|
|
|
html, body{
|
|
width: 60%;
|
|
height: 60%;
|
|
position: absolute;
|
|
left: 50%;
|
|
right: 50%;
|
|
transform: translate(-50%, 50%);
|
|
}
|
|
|
|
#Scoreboard{
|
|
display: none;
|
|
width: 100%;
|
|
height: 45%;
|
|
background-color: #14213d;
|
|
border-radius: 5px;
|
|
opacity: 0.9;
|
|
box-shadow: 10px 5px 5px black;
|
|
position: absolute;
|
|
bottom: 60%;
|
|
}
|
|
|
|
.Scoreboard-header{
|
|
color: #fca311;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
width: 100%;
|
|
height: 20%;
|
|
font-family: 'Segoe UI Bold';
|
|
}
|
|
|
|
#Scoreboard-grid-hole{
|
|
height: 30%;
|
|
width: 100%;
|
|
border-top: 1px solid white;
|
|
border-bottom: 1px solid white;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.Scoreboard-grid-hole-header{
|
|
width: 50px;
|
|
height: 100%;
|
|
text-align: center;
|
|
border-right: 1px solid white;
|
|
}
|
|
|
|
.Scoreboard-grid-hole-header-content{
|
|
margin-top: 25%;
|
|
color: #fca311;
|
|
font-family: 'Segoe UI Bold';
|
|
}
|
|
|
|
.Scoreboard-grid-hole-hole{
|
|
height: 100%;
|
|
width: 5%;
|
|
border-right: 1px solid white;
|
|
text-align: center;
|
|
color: white;
|
|
font-family: 'Segoe UI Regular';
|
|
}
|
|
|
|
.Scoreboard-grid-hole-hole p{
|
|
margin-top: 40%;
|
|
}
|
|
|
|
#Scoreboard-grid-score{
|
|
height: 30%;
|
|
width: 100%;
|
|
border-bottom: 1px solid white;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.Scoreboard-grid-score-header{
|
|
width: 50px;
|
|
height: 100%;
|
|
text-align: center;
|
|
border-right: 1px solid white;
|
|
}
|
|
|
|
.Scoreboard-grid-score-header-content{
|
|
margin-top: 25%;
|
|
color: #fca311;
|
|
font-family: 'Segoe UI Bold';
|
|
}
|
|
|
|
.Scoreboard-grid-score-score{
|
|
height: 100%;
|
|
width: 5%;
|
|
border-right: 1px solid white;
|
|
text-align: center;
|
|
color: white;
|
|
font-family: 'Segoe UI Regular';
|
|
}
|
|
|
|
.Scoreboard-grid-score-score p{
|
|
margin-top: 40%;
|
|
}
|
|
|
|
#Bar{
|
|
display: none;
|
|
width: 50%;
|
|
height: 5%;
|
|
border-radius: 5px;
|
|
background-color: white;
|
|
opacity: 0.9;
|
|
box-shadow: 10px 5px 5px black;
|
|
margin-top: 70%;
|
|
margin-left: 25%;
|
|
}
|
|
|
|
#PowerBar{
|
|
width: 10%;
|
|
height: 100%;
|
|
border-radius: 5px;
|
|
background-color: red;
|
|
} |