Remove extraneous CSS

This commit is contained in:
David Rowe 2018-09-08 16:13:36 +12:00
parent 7dba2e6a2e
commit 5fcb69c724
2 changed files with 12 additions and 21 deletions

View file

@ -47,29 +47,23 @@ img {
#mute {
padding-top: 19px;
background-size: 100% 100%;
background-image: url("./img/mt-mute-normal.svg");
}
#mute.off {
background-image: url("./img/mt-mute-normal.svg");
#mute:hover {
background-image: url("./img/mt-mute-hover.svg");
}
#mute.off:hover {
background-image: url("./img/mt-mute-hover.svg");
}
#goto {
padding-top: 19px;
background-size: 100% 100%;
background-image: url("./img/mt-goto-normal.svg");
}
#goto.off {
background-image: url("./img/mt-goto-normal.svg");
#goto:hover {
background-image: url("./img/mt-goto-hover.svg");
}
#goto.off:hover {
background-image: url("./img/mt-goto-hover.svg");
}
#expand {
position: absolute;
right: 1px;
@ -77,16 +71,13 @@ img {
width: 50px;
height: 50px;
background-size: 100% 100%;
background-image: url("./img/mt-expand-normal.svg");
}
#expand.off {
background-image: url("./img/mt-expand-normal.svg");
#expand:hover {
background-image: url("./img/mt-expand-hover.svg");
}
#expand.off:hover {
background-image: url("./img/mt-expand-hover.svg");
}
#expand img {
width:34px;
margin-top: 7px;

View file

@ -17,13 +17,13 @@ See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.
</head>
<body>
<section>
<div id="mute" class="button off">
<div id="mute" class="button">
<img id="mute-img" />
</div>
<div id="goto" class="button off">
<div id="goto" class="button">
<img id="goto-img" />
</div>
<div id="expand" class="button off">
<div id="expand" class="button">
<img src="../assets/images/expand.svg" />
</div>
</section>