Utilisation d'images webp pour le theme rdd
Before Width: | Height: | Size: 466 KiB |
BIN
styles/img/bg_full.webp
Normal file
After Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 387 KiB |
Before Width: | Height: | Size: 405 KiB |
Before Width: | Height: | Size: 145 KiB |
BIN
styles/img/bg_left.webp
Normal file
After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 38 KiB |
BIN
styles/img/bg_menu.webp
Normal file
After Width: | Height: | Size: 8.2 KiB |
Before Width: | Height: | Size: 209 KiB |
BIN
styles/img/bg_right.webp
Normal file
After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 127 KiB |
BIN
styles/img/bg_sid.webp
Normal file
After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 138 KiB |
BIN
styles/img/bg_sid_dark.webp
Normal file
After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 78 KiB |
BIN
styles/img/logo.webp
Normal file
After Width: | Height: | Size: 36 KiB |
Before Width: | Height: | Size: 9.4 KiB |
BIN
styles/img/rdd_pause.webp
Normal file
After Width: | Height: | Size: 6.0 KiB |
Before Width: | Height: | Size: 16 KiB |
BIN
styles/img/ui/bg_control.webp
Normal file
After Width: | Height: | Size: 6.6 KiB |
Before Width: | Height: | Size: 15 KiB |
BIN
styles/img/ui/footer-button.webp
Normal file
After Width: | Height: | Size: 8.6 KiB |
Before Width: | Height: | Size: 24 KiB |
BIN
styles/img/ui/hotkeybox-macro-list.webp
Normal file
After Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 38 KiB |
BIN
styles/img/ui/players-border.webp
Normal file
After Width: | Height: | Size: 4.9 KiB |
Before Width: | Height: | Size: 3.4 KiB |
BIN
styles/img/ui/sidebar_button-background_cyan.webp
Normal file
After Width: | Height: | Size: 188 B |
Before Width: | Height: | Size: 3.3 KiB |
BIN
styles/img/ui/sidebar_button-background_red.webp
Normal file
After Width: | Height: | Size: 162 B |
@ -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;
|
||||||
}
|
}
|
||||||
|