CSS optimization.

This commit is contained in:
Ylian Saint-Hilaire 2023-05-25 10:33:40 -07:00
parent 02ab92195a
commit e4d8c04afe
2 changed files with 13 additions and 44 deletions

View File

@ -1533,9 +1533,8 @@ a {
opacity: 1;
}
.lb1 {
background: url(../images/leftbar-64.png) -1px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
/*groups all buttons repeated code into one block*/
.lbtg {
height: 62px;
width: 62px;
cursor: pointer;
@ -1545,64 +1544,34 @@ a {
left: 6px;
}
.lb1 {
background: url(../images/leftbar-64.png) -1px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
}
.lb2 {
background: url(../images/leftbar-64.png) -66px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
}
.lb3 {
background: url(../images/leftbar-64.png) -130px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
}
.lb4 {
background: url(../images/leftbar-64.png) -194px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
}
.lb5 {
background: url(../images/leftbar-64.png) -257px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
}
.lb6 {
background: url(../images/leftbar-64.png) -318px -2px;
background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
border: none;
position: absolute;
top: 6px;
left: 6px;
}
.m0 {

View File

@ -162,22 +162,22 @@
<div id="page_leftbar">
<div style="height:16px"></div>
<div id=LeftMenuMyDevices tabindex=0 class="lbbutton lbbuttonsel" title="My Devices" onclick=go(1,event) onkeypress="if (event.key=='Enter') { go(1); }">
<div class="lb2"></div>
<div class="lbtg lb2"></div>
</div>
<div id=LeftMenuMyAccount tabindex=0 class="lbbutton" title="My Account" onclick=go(2,event) onkeypress="if (event.key=='Enter') { go(2); }">
<div class="lb1"></div>
<div class="lbtg lb1"></div>
</div>
<div id=LeftMenuMyEvents tabindex=0 class="lbbutton" title="My Events" onclick=go(3,event) onkeypress="if (event.key=='Enter') { go(3); }">
<div class="lb3"></div>
<div class="lbtg lb3"></div>
</div>
<div id=LeftMenuMyFiles tabindex=0 class="lbbutton" style="display:none" title="My Files" onclick=go(5,event) onkeypress="if (event.key=='Enter') { go(5); }">
<div class="lb4"></div>
<div class="lbtg lb4"></div>
</div>
<div id=LeftMenuMyUsers tabindex=0 class="lbbutton" style="display:none" title="My Users" onclick=go(4,event) onkeypress="if (event.key=='Enter') { go(4); }">
<div class="lb5"></div>
<div class="lbtg lb5"></div>
</div>
<div id=LeftMenuMyServer tabindex=0 class="lbbutton" style="display:none" title="My Server" onclick=go(6,event) onkeypress="if (event.key=='Enter') { go(6); }">
<div class="lb6"></div>
<div class="lbtg lb6"></div>
</div>
</div>
<div id=topbar class=noselect>