Issue #2986964 by candelas: Css: Incorrect url in icons

css/components/icons.css

@@ -4,18 +4,22 @@
  */
 
 .icon-help {
-  background: url(/../../images/help.png) 0 50% no-repeat; /* LTR */
-  padding: 1px 0 1px 20px; /* LTR */
+  background: url(../../images/help.png) 0 50% no-repeat;
+  /* LTR */
+  padding: 1px 0 1px 20px;
+  /* LTR */
 }
+
 [dir="rtl"] .icon-help {
   background-position: 100% 50%;
   padding: 1px 20px 1px 0;
 }
+
 .feed-icon {
-  background: url(/../../images/feed.svg) no-repeat;
+  background: url(../../images/feed.svg) no-repeat;
   overflow: hidden;
   text-indent: -9999px;
   display: block;
   width: 16px;
   height: 16px;
-}
+}
\ No newline at end of file

css/components/node-preview.css

@@ -11,8 +11,8 @@
 }
 .node-preview-backlink {
   background-color: #419ff1;
-  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
-  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5); /* LTR */
+  background: url(/core/misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
+  background: url(/core/misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5); /* LTR */
   border: 1px solid #0048c8;
   border-radius: .4em;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
@@ -24,35 +24,35 @@
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
 }
 [dir="rtl"] .node-preview-backlink {
-  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
-  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);
+  background: url(/core/misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
+  background: url(/core/misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);
   padding: 4px 0.6em 4px 1em;
   float: right;
 }
 .node-preview-backlink:focus,
 .node-preview-backlink:hover {
   background-color: #419cf1;
-  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
-  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef); /* LTR */
+  background: url(/core/misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
+  background: url(/core/misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef); /* LTR */
   border: 1px solid #0048c8;
   text-decoration: none;
   color: #fff;
 }
 [dir="rtl"] .node-preview-backlink:focus,
 [dir="rtl"] .node-preview-backlink:hover {
-  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
-  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef);
+  background: url(/core/misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
+  background: url(/core/misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef);
 }
 .node-preview-backlink:active {
   background-color: #0e69be;
-  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
-  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef); /* LTR */
+  background: url(/core/misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
+  background: url(/core/misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef); /* LTR */
   border: 1px solid #0048c8;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
 }
 [dir="rtl"] .node-preview-backlink:active {
-  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
-  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef);
+  background: url(/core/misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
+  background: url(/core/misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef);
 }
 .node-preview-backlink::before {
   content: '';

css/components/tablesort-indicator.css

@@ -9,9 +9,11 @@
   vertical-align: top;
   margin: 1px 0 0 5px;
 }
+
 .tablesort--asc {
-  background-image: url(../../../../misc/icons/ffffff/twistie-down.svg);
+  background-image: url(/core/misc/icons/ffffff/twistie-down.svg);
 }
+
 .tablesort--desc {
-  background-image: url(../../../../misc/icons/ffffff/twistie-up.svg);
-}
+  background-image: url(/core/misc/icons/ffffff/twistie-up.svg);
+}
\ No newline at end of file