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; line-height: 5em;
} }
#playBtn { #playBtn {
font-family: sans-serif; color: #000;
font-size: 5em; font-size: 5em;
padding-left: 0.1em; 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 { #pauseBtn {
font-family: sans-serif;
display: none; 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 { #prevBtn {
color: #fff; color: #fff;

View File

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