Removed WebP as it's causing issues with older browsers.

This commit is contained in:
Ylian Saint-Hilaire 2020-12-07 23:55:33 -08:00
parent 280fdebd0e
commit 0b0cb6d230
4 changed files with 40 additions and 40 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 132 KiB

After

Width:  |  Height:  |  Size: 146 KiB

File diff suppressed because one or more lines are too long

View File

@ -1303,7 +1303,7 @@ a {
.i1 {
background: url(../images/icons50.png) 0px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
cursor: pointer;
@ -1312,7 +1312,7 @@ a {
.i2 {
background: url(../images/icons50.png) -50px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
cursor: pointer;
@ -1321,7 +1321,7 @@ a {
.i3 {
background: url(../images/icons50.png) -100px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
cursor: pointer;
@ -1330,7 +1330,7 @@ a {
.i4 {
background: url(../images/icons50.png) -150px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
cursor: pointer;
@ -1339,7 +1339,7 @@ a {
.i5 {
background: url(../images/icons50.png) -200px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
cursor: pointer;
@ -1348,7 +1348,7 @@ a {
.i6 {
background: url(../images/icons50.png) -250px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
cursor: pointer;
@ -1357,7 +1357,7 @@ a {
.i7 {
background: url(../images/icons50.png) -300px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
cursor: pointer;
@ -1366,7 +1366,7 @@ a {
.i8 {
background: url(../images/icons50.png) -350px 0px;
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
cursor: pointer;
@ -1375,7 +1375,7 @@ a {
.j1 {
background: url(../images/icons16.png) 0px 0px;
background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x);
background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
height: 16px;
width: 16px;
cursor: pointer;
@ -1384,7 +1384,7 @@ a {
.j2 {
background: url(../images/icons16.png) -16px 0px;
background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x);
background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
height: 16px;
width: 16px;
cursor: pointer;
@ -1393,7 +1393,7 @@ a {
.j3 {
background: url(../images/icons16.png) -32px 0px;
background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x);
background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
height: 16px;
width: 16px;
cursor: pointer;
@ -1402,7 +1402,7 @@ a {
.j4 {
background: url(../images/icons16.png) -48px 0px;
background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x);
background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
height: 16px;
width: 16px;
cursor: pointer;
@ -1411,7 +1411,7 @@ a {
.j5 {
background: url(../images/icons16.png) -64px 0px;
background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x);
background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
height: 16px;
width: 16px;
cursor: pointer;
@ -1420,7 +1420,7 @@ a {
.j6 {
background: url(../images/icons16.png) -80px 0px;
background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x);
background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
height: 16px;
width: 16px;
cursor: pointer;
@ -1429,7 +1429,7 @@ a {
.j7 {
background: url(../images/icons16.png) -96px 0px;
background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x);
background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
height: 16px;
width: 16px;
cursor: pointer;
@ -1438,7 +1438,7 @@ a {
.j8 {
background: url(../images/icons16.png) -112px 0px;
background-image: -webkit-image-set(url(../images/webp/icons16.webp) 1x, url(../images/webp/icons32.webp) 2x);
background-image: -webkit-image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
height: 16px;
width: 16px;
cursor: pointer;
@ -1485,7 +1485,7 @@ a {
.lb1 {
background: url(../images/leftbar-64.png) -1px -2px;
background-image: -webkit-image-set(url(../images/webp/leftbar-64.webp) 1x, url(../images/webp/leftbar-128.webp) 2x);
background-image: -webkit-image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
@ -1497,7 +1497,7 @@ a {
.lb2 {
background: url(../images/leftbar-64.png) -66px -2px;
background-image: -webkit-image-set(url(../images/webp/leftbar-64.webp) 1x, url(../images/webp/leftbar-128.webp) 2x);
background-image: -webkit-image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
@ -1509,7 +1509,7 @@ a {
.lb3 {
background: url(../images/leftbar-64.png) -130px -2px;
background-image: -webkit-image-set(url(../images/webp/leftbar-64.webp) 1x, url(../images/webp/leftbar-128.webp) 2x);
background-image: -webkit-image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
@ -1521,7 +1521,7 @@ a {
.lb4 {
background: url(../images/leftbar-64.png) -194px -2px;
background-image: -webkit-image-set(url(../images/webp/leftbar-64.webp) 1x, url(../images/webp/leftbar-128.webp) 2x);
background-image: -webkit-image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
@ -1533,7 +1533,7 @@ a {
.lb5 {
background: url(../images/leftbar-64.png) -257px -2px;
background-image: -webkit-image-set(url(../images/webp/leftbar-64.webp) 1x, url(../images/webp/leftbar-128.webp) 2x);
background-image: -webkit-image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;
@ -1545,7 +1545,7 @@ a {
.lb6 {
background: url(../images/leftbar-64.png) -318px -2px;
background-image: -webkit-image-set(url(../images/webp/leftbar-64.webp) 1x, url(../images/webp/leftbar-128.webp) 2x);
background-image: -webkit-image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
height: 62px;
width: 62px;
cursor: pointer;

View File

@ -52,7 +52,7 @@
.i1 {
background: url(../images/icons50.png) 0px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
border: none;
@ -60,7 +60,7 @@
.i2 {
background: url(../images/icons50.png) -50px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
border: none;
@ -68,7 +68,7 @@
.i3 {
background: url(../images/icons50.png) -100px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
border: none;
@ -76,7 +76,7 @@
.i4 {
background: url(../images/icons50.png) -150px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
border: none;
@ -84,7 +84,7 @@
.i5 {
background: url(../images/icons50.png) -200px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
border: none;
@ -92,7 +92,7 @@
.i6 {
background: url(../images/icons50.png) -250px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
border: none;
@ -100,7 +100,7 @@
.i7 {
background: url(../images/icons50.png) -300px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
border: none;
@ -108,7 +108,7 @@
.i8 {
background: url(../images/icons50.png) -350px 0px;
background-image: -webkit-image-set(url(../images/webp/icons50.webp) 1x, url(../images/webp/icons100.webp) 2x);
background-image: -webkit-image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
height: 50px;
width: 50px;
border: none;
@ -154,15 +154,15 @@
float: left;
}
.NotifyIconSmall1 { width:24px; height:24px; background: url(../images/notify24.png) 0px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); }
.NotifyIconSmall2 { width:24px; height:24px; background: url(../images/notify24.png) -24px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); }
.NotifyIconSmall3 { width:24px; height:24px; background: url(../images/notify24.png) -48px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); }
.NotifyIconSmall4 { width:24px; height:24px; background: url(../images/notify24.png) -72px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); }
.NotifyIconSmall5 { width:24px; height:24px; background: url(../images/notify24.png) -96px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); }
.NotifyIconSmall6 { width:24px; height:24px; background: url(../images/notify24.png) -120px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); }
.NotifyIconSmall7 { width:24px; height:24px; background: url(../images/notify24.png) -144px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); }
.NotifyIconSmall8 { width:24px; height:24px; background: url(../images/notify24.png) -168px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); }
.NotifyIconSmall9 { width:24px; height:24px; background: url(../images/notify24.png) -192px 0px; background-image: -webkit-image-set(url(../images/webp/notify24.webp) 1x, url(../images/webp/notify48.webp) 2x); }
.NotifyIconSmall1 { width:24px; height:24px; background: url(../images/notify24.png) 0px 0px; background-image: -webkit-image-set(url(../images/notify24.png) 1x, url(../images/notify48.png) 2x); }
.NotifyIconSmall2 { width:24px; height:24px; background: url(../images/notify24.png) -24px 0px; background-image: -webkit-image-set(url(../images/notify24.png) 1x, url(../images/notify48.png) 2x); }
.NotifyIconSmall3 { width:24px; height:24px; background: url(../images/notify24.png) -48px 0px; background-image: -webkit-image-set(url(../images/notify24.png) 1x, url(../images/notify48.png) 2x); }
.NotifyIconSmall4 { width:24px; height:24px; background: url(../images/notify24.png) -72px 0px; background-image: -webkit-image-set(url(../images/notify24.png) 1x, url(../images/notify48.png) 2x); }
.NotifyIconSmall5 { width:24px; height:24px; background: url(../images/notify24.png) -96px 0px; background-image: -webkit-image-set(url(../images/notify24.png) 1x, url(../images/notify48.png) 2x); }
.NotifyIconSmall6 { width:24px; height:24px; background: url(../images/notify24.png) -120px 0px; background-image: -webkit-image-set(url(../images/notify24.png) 1x, url(../images/notify48.png) 2x); }
.NotifyIconSmall7 { width:24px; height:24px; background: url(../images/notify24.png) -144px 0px; background-image: -webkit-image-set(url(../images/notify24.png) 1x, url(../images/notify48.png) 2x); }
.NotifyIconSmall8 { width:24px; height:24px; background: url(../images/notify24.png) -168px 0px; background-image: -webkit-image-set(url(../images/notify24.png) 1x, url(../images/notify48.png) 2x); }
.NotifyIconSmall9 { width:24px; height:24px; background: url(../images/notify24.png) -192px 0px; background-image: -webkit-image-set(url(../images/notify24.png) 1x, url(../images/notify48.png) 2x); }
.gray {
/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/ /* Firefox 10+, Firefox on Android */