Utilisation d'images webp pour le theme rdd

This commit is contained in:
Vincent Vandemeulebrouck 2021-11-09 19:58:20 +01:00
parent 351fc10e30
commit caaa1124aa
31 changed files with 14 additions and 14 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 466 KiB

BIN
styles/img/bg_full.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 387 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 405 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 145 KiB

BIN
styles/img/bg_left.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

BIN
styles/img/bg_menu.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 209 KiB

BIN
styles/img/bg_right.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 127 KiB

BIN
styles/img/bg_sid.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 138 KiB

BIN
styles/img/bg_sid_dark.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 78 KiB

BIN
styles/img/logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.4 KiB

BIN
styles/img/rdd_pause.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 188 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 162 B

View File

@ -549,7 +549,7 @@ table {border: 1px solid #7a7971;}
/* ======================================== */ /* ======================================== */
/* Sheet */ /* Sheet */
.window-app.sheet .window-content .sheet-header{ .window-app.sheet .window-content .sheet-header{
background: #011d33 url("img/bg_header.webp") no-repeat left top; background: #011d33 url(img/bg_header.webp) no-repeat left top;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
} }
@ -561,7 +561,7 @@ table {border: 1px solid #7a7971;}
} }
.window-app .window-content, .window-app.sheet .window-content .sheet-body{ .window-app .window-content, .window-app.sheet .window-content .sheet-body{
background: rgb(245,245,240) url("img/bg_left.jpg") no-repeat left top; background: rgb(245,245,240) url(img/bg_left.webp) no-repeat left top;
} }
section.sheet-body{padding: 0.25rem 0.5rem;} section.sheet-body{padding: 0.25rem 0.5rem;}
@ -586,7 +586,7 @@ section.sheet-body{padding: 0.25rem 0.5rem;}
border-top: 0 none; border-top: 0 none;
border-bottom: 0 none; border-bottom: 0 none;
color: rgba(52, 52, 52, 0.95); color: rgba(52, 52, 52, 0.95);
background: rgb(245,245,240) url("img/bg_menu.jpg") no-repeat left top; background: rgb(245,245,240) url(img/bg_menu.webp) no-repeat left top;
} }
nav.sheet-tabs .item { nav.sheet-tabs .item {
@ -1043,7 +1043,7 @@ ul, li {
/* Sidebar CSS */ /* Sidebar CSS */
#sidebar { #sidebar {
font-size: 1rem; font-size: 1rem;
background: rgb(105,85,65) url("img/bg_sid_dark.jpg") no-repeat right bottom; background: rgb(105,85,65) url(img/bg_sid_dark.webp) no-repeat right bottom;
background-position: 100%; background-position: 100%;
color: rgba(220,220,220,0.75); color: rgba(220,220,220,0.75);
} }
@ -1135,7 +1135,7 @@ ul, li {
border-radius: 0; border-radius: 0;
background: rgba(30, 25, 20, 1); background: rgba(30, 25, 20, 1);
background-origin: padding-box; background-origin: padding-box;
border-image: url(img/ui/footer-button.png) 10 repeat; border-image: url(img/ui/footer-button.webp) 10 repeat;
border-image-width: 4px; border-image-width: 4px;
border-image-outset: 0px; border-image-outset: 0px;
} }
@ -1146,7 +1146,7 @@ ul, li {
#controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover { #controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
background: rgba(72, 46, 28, 1); background: rgba(72, 46, 28, 1);
background-origin: padding-box; background-origin: padding-box;
border-image: url(img/ui/footer-button.png) 10 repeat; border-image: url(img/ui/footer-button.webp) 10 repeat;
border-image-width: 4px; border-image-width: 4px;
border-image-outset: 0px; border-image-outset: 0px;
box-shadow: 0 0 3px #ff6400; box-shadow: 0 0 3px #ff6400;
@ -1158,7 +1158,7 @@ ul, li {
} }
#hotbar #action-bar .macro { #hotbar #action-bar .macro {
border-image: url(img/ui/bg_control.jpg) 21 repeat; border-image: url(img/ui/bg_control.webp) 21 repeat;
border-image-slice: 6 6 6 6 fill; border-image-slice: 6 6 6 6 fill;
border-image-width: 6px 6px 6px 6px; border-image-width: 6px 6px 6px 6px;
border-image-outset: 0px 0px 0px 0px; border-image-outset: 0px 0px 0px 0px;
@ -1171,7 +1171,7 @@ ul, li {
} }
#players { #players {
border-image: url(img/ui/footer-button.png) 10 repeat; border-image: url(img/ui/footer-button.webp) 10 repeat;
border-image-width: 4px; border-image-width: 4px;
border-image-outset: 0px; border-image-outset: 0px;
background: rgba(30, 25, 20, 1); background: rgba(30, 25, 20, 1);
@ -1184,7 +1184,7 @@ ul, li {
#navigation #scene-list .scene.nav-item { #navigation #scene-list .scene.nav-item {
background: rgba(30, 25, 20, 1); background: rgba(30, 25, 20, 1);
background-origin: padding-box; background-origin: padding-box;
border-image: url(img/ui/footer-button.png) 10 repeat; border-image: url(img/ui/footer-button.webp) 10 repeat;
border-image-width: 4px; border-image-width: 4px;
border-image-outset: 0px; border-image-outset: 0px;
} }
@ -1192,7 +1192,7 @@ ul, li {
#navigation #scene-list .scene.view, #navigation #scene-list .scene.context { #navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
background: rgba(72, 46, 28, 1); background: rgba(72, 46, 28, 1);
background-origin: padding-box; background-origin: padding-box;
border-image: url(img/ui/footer-button.png) 10 repeat; border-image: url(img/ui/footer-button.webp) 10 repeat;
border-image-width: 4px; border-image-width: 4px;
border-image-outset: 0px; border-image-outset: 0px;
box-shadow: 0 0 3px #ff6400; box-shadow: 0 0 3px #ff6400;
@ -1201,7 +1201,7 @@ ul, li {
#navigation #nav-toggle { #navigation #nav-toggle {
background: rgba(30, 25, 20, 1); background: rgba(30, 25, 20, 1);
background-origin: padding-box; background-origin: padding-box;
border-image: url(img/ui/footer-button.png) 10 repeat; border-image: url(img/ui/footer-button.webp) 10 repeat;
border-image-width: 4px; border-image-width: 4px;
border-image-outset: 0px; border-image-outset: 0px;
} }
@ -1458,7 +1458,7 @@ display: inline-flex;
width: 360px; width: 360px;
background: rgba(30, 25, 20, 0.9); background: rgba(30, 25, 20, 0.9);
border-image: url(img/ui/bg_control.jpg) 21 repeat; border-image: url(img/ui/bg_control.webp) 21 repeat;
border-image-slice: 6 6 6 6 fill; border-image-slice: 6 6 6 6 fill;
border-image-width: 6px 6px 6px 6px; border-image-width: 6px 6px 6px 6px;
border-image-outset: 0px 0px 0px 0px; border-image-outset: 0px 0px 0px 0px;
@ -1538,7 +1538,7 @@ display: inline-flex;
color: #CCC color: #CCC
} }
#pause > img { #pause > img {
content: url(img/rdd_pause.png); content: url(img/rdd_pause.webp);
height: 256px; height: 256px;
width: 256px; width: 256px;
top: -75px; top: -75px;
@ -1546,7 +1546,7 @@ display: inline-flex;
} }
#logo { #logo {
content : url(img/logo.png); content : url(img/logo.webp);
width: 80px; width: 80px;
height: 68px; height: 68px;
} }