fixing css theme

This commit is contained in:
evilchili 2022-12-31 14:48:09 -08:00
parent ecd514005a
commit 69ab191227
2 changed files with 34 additions and 8 deletions

View File

@ -122,14 +122,40 @@ a:active, a:hover {
line-height: 5em;
}
#playBtn {
font-family: sans-serif;
font-size: 5em;
padding-left: 0.1em;
color: #000;
font-size: 5em;
box-sizing: border-box;
position: relative;
display: block;
transform: scale(var(--ggs,1));
width: 100%;
height: 100%;
}
#playBtn:before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
top: 0.20em;
left:0.35em;
border-top: 0.3em solid transparent;
border-bottom: 0.3em solid transparent;
border-left: 0.4em solid;
}
#pauseBtn {
font-family: sans-serif;
display: none;
font-size: 4em;
position: absolute;
width: 50%;
height: 50%;
font-size: 5em;
margin: 0px auto;
left: 0.3em;
top: 0.25em;
border-color: #000;
border-style: double;
border-width: 0px 0px 0px 37px;
}
#prevBtn {
color: #fff;

View File

@ -36,9 +36,9 @@
<tr>
<td id='controls'>
<div id='big_button' class='btn'>
<div id="loading"></div>
<div id="playBtn"></div>
<div id="pauseBtn"></div>
<div id="loading"></div>
<div id="playBtn"></div>
<div id="pauseBtn"></div>
</div>
</td>
<td>