css paths

Author: mudroljub

assets/style.css

@@ -1,12 +1,12 @@
 @font-face {
   font-family: "Press Start 2P";
-  src: url("/assets/fonts/PressStart2P.ttf");
+  src: url("./fonts/PressStart2P.ttf");
 }
 
 body {
   /* background: linear-gradient(to bottom, #40405c 0%,#6f71aa 80%,#8a76ab 100%); */
   background: linear-gradient(to bottom, #94c5f8 1%, #a6e6ff 70%, #b1b5ea 100%);
-  cursor: url(/assets/images/rpgui/cursor/default.png), auto;
+  cursor: url("./images/rpgui/cursor/default.png"), auto;
   font-size: 0.8em;
   image-rendering: pixelated;
   line-height: 22px;
@@ -67,15 +67,15 @@ progress::-webkit-progress-bar {
 
 progress::-webkit-progress-value {
   background-color: crimson;
-  background-image: url("/assets/images/rpgui/progress-red.png");
+  background-image: url("./images/rpgui/progress-red.png");
   background-repeat: repeat-x;
   background-size: 36px 100%;
   border-radius: 7px;
 }
 
 progress::-moz-progress-bar {
   background-color: crimson;
-  background-image: url("/assets/images/rpgui/progress-red.png");
+  background-image: url("./images/rpgui/progress-red.png");
   background-repeat: repeat-x;
   background-size: 36px 100%;
   border-radius: 7px;
@@ -101,7 +101,7 @@ progress::-moz-progress-bar {
 button,
 input[type="image"],
 .pointer {
-  cursor: url("/assets/images/rpgui/cursor/point.png") 10 0, auto;
+  cursor: url("./images/rpgui/cursor/point.png") 10 0, auto;
 }
 
 button {
@@ -111,7 +111,7 @@ button {
 }
 
 .rpgui-button {
-  background: url("/assets/images/rpgui/button.png");
+  background: url("./images/rpgui/button.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100% 100%;
@@ -125,11 +125,11 @@ button {
 }
 
 .rpgui-button:hover {
-  background-image: url("/assets/images/rpgui/button-hover.png");
+  background-image: url("./images/rpgui/button-hover.png");
 }
 
 .rpgui-button.golden {
-  background-image: url("/assets/images/rpgui/button-golden.png");
+  background-image: url("./images/rpgui/button-golden.png");
   background-size: 100% 90%;
   padding-top: 5px;
   justify-content: space-between;
@@ -144,13 +144,13 @@ button {
 }
 
 .rpgui-button.golden:before {
-  background: transparent url("/assets/images/rpgui/button-golden-left.png") no-repeat right center;
+  background: transparent url("./images/rpgui/button-golden-left.png") no-repeat right center;
   background-size: 100% 100%;
   margin-left: -46px;
 }
 
 .rpgui-button.golden:after {
-  background: transparent url("/assets/images/rpgui/button-golden-right.png") no-repeat left center;
+  background: transparent url("./images/rpgui/button-golden-right.png") no-repeat left center;
   background-size: 100% 100%;
   margin-right: -46px;
 }
@@ -259,13 +259,13 @@ button {
 .rpgui-container.framed {
   background-color: #4E4A4E;
   border-image-slice: 6 6 6 6;
-  border-image-source: url("/assets/images/rpgui/border-image.png");
+  border-image-source: url("./images/rpgui/border-image.png");
 }
 
 .rpgui-container.framed-golden {
   background-color: #854C30;
   border-image-slice: 4 4 4 4;
-  border-image-source: url("/assets/images/rpgui/border-image-golden.png");
+  border-image-source: url("./images/rpgui/border-image-golden.png");
 }
 
 .white-window {
@@ -278,7 +278,7 @@ button {
 
 .report {
   background-color: #cccccc;
-  background-image: url(/assets/images/document.jpg);
+  background-image: url("./images/document.jpg");
   background-size: cover;
   height: 25em;
   width: 40em;