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

View file

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