Update system/L5R-Header.webp, system/l5r-ui/css/cursor.css, system/l5r-ui/css/l5rui.css, system/l5r-ui/ui/buttons/button-blue.webp, system/l5r-ui/ui/buttons/button-green.webp, system/l5r-ui/ui/buttons/button-grey.webp, system/l5r-ui/ui/buttons/button-grey-light.webp, system/l5r-ui/ui/buttons/button-red.webp, system/l5r-ui/ui/cursors/drag.webp, system/l5r-ui/ui/cursors/normal.webp, system/l5r-ui/ui/cursors/pointer.webp, system/l5r-ui/ui/frames/background.webp, system/l5r-ui/ui/frames/Chat-box.webp, system/l5r-ui/ui/frames/chat-controls-border.webp, system/l5r-ui/ui/frames/chat-texture.webp, system/l5r-ui/ui/frames/hotkeybox.webp, system/l5r-ui/ui/frames/hotkeybox-macro-list.webp, system/l5r-ui/ui/frames/players-border.webp, system/l5r-ui/ui/logo/l5r-logo.webp, system/l5r-ui/ui/sidebar/sidebar_button-actors.webp, system/l5r-ui/ui/sidebar/sidebar_button-background.webp, system/l5r-ui/ui/sidebar/sidebar_button-background_cyan.webp, system/l5r-ui/ui/sidebar/sidebar_button-background_green.webp, system/l5r-ui/ui/sidebar/sidebar_button-background_grey.webp, system/l5r-ui/ui/sidebar/sidebar_button-background_red.webp, system/l5r-ui/ui/sidebar/sidebar_button-chat.webp, system/l5r-ui/ui/sidebar/sidebar_button-combat-tracker.webp, system/l5r-ui/ui/sidebar/sidebar_button-compendium.webp, system/l5r-ui/ui/sidebar/sidebar_button-footer-button.webp, system/l5r-ui/ui/sidebar/sidebar_button-journal.webp, system/l5r-ui/ui/sidebar/sidebar_button-object.webp, system/l5r-ui/ui/sidebar/sidebar_button-playlist.webp, system/l5r-ui/ui/sidebar/sidebar_button-rolltable.webp, system/l5r-ui/ui/sidebar/sidebar_buttons.webp, system/l5r-ui/ui/sidebar/sidebar_button-scenes.webp, system/l5r-ui/ui/sidebar/sidebar_button-settings.webp files

Deleted system/l5r-ui/ui/buttons/button-blue.png, system/l5r-ui/ui/buttons/button-green.png, system/l5r-ui/ui/buttons/button-grey-light.png, system/l5r-ui/ui/buttons/button-grey.png, system/l5r-ui/ui/buttons/button-red.png, system/l5r-ui/ui/cursors/drag.png, system/l5r-ui/ui/cursors/normal.png, system/l5r-ui/ui/cursors/pointer.png, system/l5r-ui/ui/frames/Chat-box.png, system/l5r-ui/ui/frames/chat-controls-border.png, system/l5r-ui/ui/frames/chat-texture.png, system/l5r-ui/ui/frames/hotkeybox-macro-list.png, system/l5r-ui/ui/frames/hotkeybox.png, system/l5r-ui/ui/frames/players-border.png, system/l5r-ui/ui/logo/l5r-logo.png, system/l5r-ui/ui/sidebar/sidebar_button-actors.png, system/l5r-ui/ui/sidebar/sidebar_button-background.png, system/l5r-ui/ui/sidebar/sidebar_button-background_cyan.png, system/l5r-ui/ui/sidebar/sidebar_button-background_green.png, system/l5r-ui/ui/sidebar/sidebar_button-background_grey.png, system/l5r-ui/ui/sidebar/sidebar_button-background_red.png, system/l5r-ui/ui/sidebar/sidebar_button-chat.png, system/l5r-ui/ui/sidebar/sidebar_button-combat-tracker.png, system/l5r-ui/ui/sidebar/sidebar_button-compendium.png, system/l5r-ui/ui/sidebar/sidebar_button-footer-button.png, system/l5r-ui/ui/sidebar/sidebar_button-journal.png, system/l5r-ui/ui/sidebar/sidebar_button-object.png, system/l5r-ui/ui/sidebar/sidebar_button-playlist.png, system/l5r-ui/ui/sidebar/sidebar_button-rolltable.png, system/l5r-ui/ui/sidebar/sidebar_button-scenes.png, system/l5r-ui/ui/sidebar/sidebar_button-settings.png, system/l5r-ui/ui/sidebar/sidebar_buttons.png files

system/l5r-ui/css/cursor.css

@@ -1,92 +1,92 @@
 .chat-card-button {
-  cursor:url(../ui/cursors/pointer.png), pointer;
+  cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 body {
-  cursor:url(../ui/cursors/normal.png), default; 
+  cursor:url(../ui/cursors/normal.webp), default; 
 }
 
 a{
-  cursor:url(../ui/cursors/pointer.png), pointer; 
+  cursor:url(../ui/cursors/pointer.webp), pointer; 
 }
 
 .draggable{
-  cursor:url(../ui/cursors/drag.png), move; 
+  cursor:url(../ui/cursors/drag.webp), move; 
 }
 
 #hotbar .macro{
-  cursor:url(../ui/cursors/pointer.png), pointer; 
+  cursor:url(../ui/cursors/pointer.webp), pointer; 
 }
 
 #playlists-popout .global-volume::-webkit-slider-thumb,
     #sidebar #playlists .global-volume::-webkit-slider-thumb {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 #playlists-popout li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb,
       #sidebar #playlists li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb {
-        cursor:url(../ui/cursors/pointer.png), pointer; 
+        cursor:url(../ui/cursors/pointer.webp), pointer; 
     }
 
 #sidebar #settings button {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 .app.window-app.sheet.wfrp4e.actor.character-sheet .tab.main.active .main-row .movement.row-section .move-value .auto-calc-toggle {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 .app.window-app.sheet.wfrp4e.actor.npc-sheet  .main-row .movement.row-section .move-value .auto-calc-toggle {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 .app.window-app.sheet.wfrp4e.actor.creature-sheet  .main-row .movement.row-section .move-value .auto-calc-toggle {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 #navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
-    cursor:url(../ui/cursors/normal.png), default; 
+    cursor:url(../ui/cursors/normal.webp), default; 
 }
 
 #navigation #nav-toggle {
-    cursor:url(../ui/cursors/normal.png), default; 
+    cursor:url(../ui/cursors/normal.webp), default; 
 }
 
 #navigation #scene-list .scene.nav-item {
-    cursor:url(../ui/cursors/normal.png), default; 
+    cursor:url(../ui/cursors/normal.webp), default; 
 }
 
 #controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
-    cursor:url(../ui/cursors/normal.png), default; 
+    cursor:url(../ui/cursors/normal.webp), default; 
 }
 
 #controls .scene-control, #controls .control-tool {
-    cursor:url(../ui/cursors/pointer.png), pointer !important; 
-    cursor:url(../ui/cursors/normal.png), default !important; 
+    cursor:url(../ui/cursors/pointer.webp), pointer !important; 
+    cursor:url(../ui/cursors/normal.webp), default !important; 
 }
 
 .app.window-app .form-group input[type="range"]::-webkit-slider-thumb {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 .token-sheet .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 #drawing-config .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 .metacurrency-value {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 .overcast-button,
 .chargen-button {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 #effects-config .flex2::-webkit-slider-thumb {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }
 
 #client-settings .window-content form .form-group > label,
@@ -95,12 +95,12 @@ a{
 .app.window-app .form-group label,
 #sidebar .sidebar-tab #chat-controls div.roll-type-select select,
 #sidebar .sidebar-tab #chat-controls div.roll-type-select i.fas {
-    cursor:url(../ui/cursors/normal.png), default; 
+    cursor:url(../ui/cursors/normal.webp), default; 
 }
 
 #client-settings section.content .submenu > button,
 #client-settings .window-content button label,
 form .form-group .form-fields button,
 form button {
-    cursor:url(../ui/cursors/pointer.png), pointer;
+    cursor:url(../ui/cursors/pointer.webp), pointer;
 }

system/l5r-ui/css/l5rui.css

@@ -21,7 +21,7 @@ body {
     overflow: hidden;
     margin: 0;
     border: 30px solid transparent;
-    border-image-source: url(../ui/frames/Chat-box.png);
+    border-image-source: url(../ui/frames/Chat-box.webp);
     border-image-slice: 30 fill;
     background-position: center !important;
     background-size: 300px 100%!important;
@@ -37,7 +37,7 @@ body {
     height: 410px !important;
     padding-left: 5px;
     border: 15px solid transparent;
-    border-image-source: url(../ui/frames/Chat-box.png);
+    border-image-source: url(../ui/frames/Chat-box.webp);
     border-image-slice: 35 fill;
     background-position: center !important;
     background-size: 100% 100%!important;
@@ -54,7 +54,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-comments {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-chat.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-chat.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -81,7 +81,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-fist-raised {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-combat-tracker.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-combat-tracker.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -95,7 +95,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-map {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-scenes.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-scenes.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -109,7 +109,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-users {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-actors.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-actors.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -123,7 +123,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-suitcase {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-object.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-object.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -137,7 +137,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-book-open {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-journal.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-journal.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -151,7 +151,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-th-list {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-rolltable.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-rolltable.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -165,7 +165,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-music {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-playlist.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-playlist.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -179,7 +179,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-atlas {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-compendium.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-compendium.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -193,7 +193,7 @@ body {
 
 #sidebar #sidebar-tabs i.fa-cogs {
     content: "";
-    background-image: url("../ui/sidebar/sidebar_button-settings.png") !important;
+    background-image: url("../ui/sidebar/sidebar_button-settings.webp") !important;
     width: 100% !important;
     height: 100% !important;
     display: inline-block !important;
@@ -215,7 +215,7 @@ body {
     text-decoration: underline;
 }
 #chat-message{
-    background-image: url(../ui/frames/chat-texture.png) !important;
+    background-image: url(../ui/frames/chat-texture.webp) !important;
 }
 
 .polyglot-lang-select{
@@ -230,12 +230,12 @@ body {
     height: 24px;
     top: 10px;
     padding-top: 0px;
-    background: url(../ui/frames/chat-texture.png) repeat !important;
+    background: url(../ui/frames/chat-texture.webp) repeat !important;
     background-position-x: 0%;
     background-position-y: 0%;
     background-position: initial;
     box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.png) 4 repeat;
+    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
     border-image-width: 4px;
     color: #520000;
     margin-top: -10px;
@@ -249,12 +249,12 @@ body {
     height: 24px;
     top: 1px;
     padding-top: 0px;
-    background: url(../ui/frames/chat-texture.png) repeat !important;
+    background: url(../ui/frames/chat-texture.webp) repeat !important;
     background-position-x: 0%;
     background-position-y: 0%;
     background-position: initial;
     box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.png) 4 repeat;
+    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
     border-image-width: 4px;
     color: #520000;
 }
@@ -268,12 +268,12 @@ body {
     height: 24px;
     top: 7px;
     padding-top: 3px;
-    background: url(../ui/frames/chat-texture.png) repeat;
+    background: url(../ui/frames/chat-texture.webp) repeat;
     background-position-x: 0%;
     background-position-y: 0%;
     background-position: initial;
     box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.png) 4 repeat;
+    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
     border-image-width: 4px;
     border-image-outset: 3px 2px 2px 2px;
     color: #520000;
@@ -283,7 +283,7 @@ body {
 /*====================== COMBAT TAB =========================*/
 /*************************************************************/
 #combat-controls .combat-control{
-    background-image: url(../ui/buttons/button-red.png);
+    background-image: url(../ui/buttons/button-red.webp);
     text-align: center;
     background-position: center !important;
     background-size: 260px 100%!important;
@@ -306,19 +306,19 @@ body {
     height: 24px;
     top: 7px;
     padding-top: 3px;
-    background: url(../ui/frames/chat-texture.png) repeat;
+    background: url(../ui/frames/chat-texture.webp) repeat;
     background-position-x: 0%;
     background-position-y: 0%;
     background-position: initial;
     box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.png) 4 repeat;
+    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
     border-image-width: 4px;
     border-image-outset: 3px 2px 2px 2px;
     color: #520000;
 }
 
 .sidebar-tab .directory-header button {
-    background-image: url(../ui/buttons/button-green.png);
+    background-image: url(../ui/buttons/button-green.webp);
     text-align: center;
     background-position: center !important;
     background-size: 100% 100% !important;
@@ -330,7 +330,7 @@ body {
 }
 
 .sidebar-tab .directory-footer button{
-    background-image: url(../ui/buttons/button-green.png);
+    background-image: url(../ui/buttons/button-green.webp);
     text-align: center;
     background-position: center !important;
     background-size: 100% 100% !important;
@@ -345,7 +345,7 @@ body {
 /*=============== SIDEBAR FOLDERs AS BUTTONS ================*/
 /*************************************************************/
 .sidebar-tab .folder .folder-header {
-    background-image: url(../ui/buttons/button-grey-light.png)  !important;
+    background-image: url(../ui/buttons/button-grey-light.webp)  !important;
     text-align: left !important;
     background-position: center !important;
     background-size: 100% 55px!important;
@@ -380,13 +380,13 @@ body {
     top: 7px;
     padding-top: 20px;
     padding-left: 30px;
-    background: url(../ui/buttons/button-red.png) no-repeat;
+    background: url(../ui/buttons/button-red.webp) no-repeat;
     background-position-x: 0%;
     background-size: 100% 55px;
     background-position-y: 0%;
     background-position: initial;
     box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.png) 4 repeat;
+    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
     border-image-width: 4px;
     border-image-outset: 3px 2px 2px 2px;
     color: #eeede0;
@@ -398,7 +398,7 @@ body {
 /* #endregion */
 
 #settings button {
-    background-image: url(../ui/buttons/button-blue.png);
+    background-image: url(../ui/buttons/button-blue.webp);
     background-size: cover;
     background-repeat: no-repeat;
     border: 1px solid black;
@@ -447,9 +447,9 @@ body {
 #navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
     cursor: default; 
     color: #FFF;
-    background: url(../ui/sidebar/sidebar_button-background_red.png) repeat;
+    background: url(../ui/sidebar/sidebar_button-background_red.webp) repeat;
     background-origin: padding-box;
-    border-image: url(../ui/sidebar/sidebar_button-footer-button.png) 10 repeat;
+    border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat;
     border-image-width: 4px;
     border-image-outset: 0px;
     box-shadow: 0 0 20px red;
@@ -458,9 +458,9 @@ body {
   #navigation #nav-toggle {
     cursor: default; 
     color: #FFF;
-    background: url(../ui/sidebar/sidebar_button-background_cyan.png) repeat;
+    background: url(../ui/sidebar/sidebar_button-background_cyan.webp) repeat;
     background-origin: padding-box;
-    border-image: url(../ui/sidebar/sidebar_button-footer-button.png) 10 repeat;
+    border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat;
     border-image-width: 4px;
     border-image-outset: 0px;
     font-family: CaslonPro;
@@ -473,9 +473,9 @@ body {
   #navigation #scene-list .scene.nav-item {
     cursor: default; 
     color: #FFF;
-    background: url(../ui/sidebar/sidebar_button-background_cyan.png) repeat;
+    background: url(../ui/sidebar/sidebar_button-background_cyan.webp) repeat;
     background-origin: padding-box;
-    border-image: url(../ui/sidebar/sidebar_button-footer-button.png) 10 repeat;
+    border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat;
     border-image-width: 4px;
     border-image-outset: 0px;
     font-family: CaslonPro;
@@ -484,7 +484,7 @@ body {
     padding-top: 2px;
   }
   #navigation #scene-list .scene.nav-item.active {
-    background: url(../ui/sidebar/sidebar_button-background_red.png) repeat;
+    background: url(../ui/sidebar/sidebar_button-background_red.webp) repeat;
   }
     #navigation #scene-list .scene li.scene-player {
       float: left;
@@ -510,9 +510,9 @@ body {
   #controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
   cursor: default; 
   color: #FFF;
-  background: url(../ui/sidebar/sidebar_button-background_red.png) repeat !important;
+  background: url(../ui/sidebar/sidebar_button-background_red.webp) repeat !important;
   background-origin: padding-box !important;
-  border-image: url(../ui/sidebar/sidebar_button-footer-button.png) 10 repeat !important;
+  border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat !important;
   border-image-width: 4px !important;
   border-image-outset: 0px !important;
   box-shadow: 0 0 10px red !important;
@@ -534,9 +534,9 @@ body {
   cursor: pointer !important; 
   cursor: default !important; 
   color: #FFF !important;
-  background: url(../ui/sidebar/sidebar_button-background_cyan.png) repeat !important;
+  background: url(../ui/sidebar/sidebar_button-background_cyan.webp) repeat !important;
   background-origin: padding-box !important;
-  border-image: url(../ui/sidebar/sidebar_button-footer-button.png) 10 repeat !important;
+  border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat !important;
   border-image-width: 4px !important;
   border-image-outset: 0px !important;
   }
@@ -550,7 +550,7 @@ body {
     left: 13px;
     width: 200px;
     border: 1px solid blue;
-    border-image: url(../ui/frames/players-border.png) 21 repeat;
+    border-image: url(../ui/frames/players-border.webp) 21 repeat;
     border-image-slice: 23 19 23 19;
     border-image-width: 23px 19px 23px 19px;
     border-image-outset: 22px 17px 16px 14px;
@@ -599,11 +599,11 @@ body {
     border: none;
     border-radius: 4px;
     justify-content: center;
-    background: url(../ui/frames/hotkeybox-macro-list.png);
+    background: url(../ui/frames/hotkeybox-macro-list.webp);
     box-shadow: 2px 2px 5px #000000;
   }
     #hotbar #action-bar .macro {
-      border-image: url(../ui/frames/hotkeybox.png) 21 repeat;
+      border-image: url(../ui/frames/hotkeybox.webp) 21 repeat;
       border-image-slice: 6 6 6 6 fill;
       border-image-width: 6px 6px 6px 6px;
       border-image-outset: 0px 0px 0px 0px;