Add quotes to URL in CSS files

Better add quotes: https://stackoverflow.com/a/34383157

src/webui/www/private/css/Layout.css

@@ -41,14 +41,14 @@ body {
 }
 
 #desktopTitlebarWrapper {
-    background: #718ba6 url(../images/bg-header.gif) repeat-x;
+    background: #718ba6 url("../images/bg-header.gif") repeat-x;
     height: 45px;
     overflow: hidden;
     position: relative;
 }
 
 #desktopTitlebar {
-    background: url(../images/logo.gif) no-repeat;
+    background: url("../images/logo.gif") no-repeat;
     background-position: left 0;
     height: 32px;
     padding: 7px 8px 6px 8px;
@@ -138,13 +138,13 @@ body {
 
 #desktopNavbar ul li a.arrow-right,
 #desktopNavbar ul li a:hover.arrow-right {
-    background-image: url(../images/arrow-right.gif);
+    background-image: url("../images/arrow-right.gif");
     background-position: right 7px;
     background-repeat: no-repeat;
 }
 
 #desktopNavbar li ul {
-    background: #fff url(../images/bg-dropdown.gif) repeat-y;
+    background: #fff url("../images/bg-dropdown.gif") repeat-y;
     border: 1px solid #3f3f3f;
     left: -999em;
     margin-top: -6px;
@@ -283,7 +283,7 @@ li.divider {
 }
 
 .panel-header {
-    background: #f1f1f1 url(../images/bg-panel-header.gif) repeat-x;
+    background: #f1f1f1 url("../images/bg-panel-header.gif") repeat-x;
     border-bottom: 1px solid #d3d3d3;
     height: 30px;
     overflow: hidden;
@@ -295,7 +295,7 @@ li.divider {
 }
 
 .panel-headerContent.tabs {
-    background: url(../images/tabs.gif) repeat-x;
+    background: url("../images/tabs.gif") repeat-x;
     background-position: left -68px;
 }
 
@@ -310,11 +310,11 @@ li.divider {
 }
 
 .panel-collapse {
-    background: url(../icons/collapse.svg) left top no-repeat;
+    background: url("../icons/collapse.svg") left top no-repeat;
 }
 
 .panel-expand {
-    background: url(../icons/collapse.svg) left top no-repeat;
+    background: url("../icons/collapse.svg") left top no-repeat;
     transform: rotate(180deg);
 }
 
@@ -326,7 +326,7 @@ li.divider {
 /* Column and Panel Handles */
 
 .horizontalHandle {
-    background: #eee url(../images/bg-handle-horizontal.gif) repeat-x;
+    background: #eee url("../images/bg-handle-horizontal.gif") repeat-x;
     font-size: 1px;
     height: 4px;
     line-height: 1px;
@@ -338,7 +338,7 @@ li.divider {
 }
 
 .horizontalHandle .handleIcon {
-    background: url(../images/handle-icon-horizontal.gif) center center
+    background: url("../images/handle-icon-horizontal.gif") center center
         no-repeat;
     font-size: 1px;
     height: 4px;
@@ -348,7 +348,7 @@ li.divider {
 }
 
 .columnHandle {
-    background: #c3c3c3 url(../images/handle-icon.gif) center center no-repeat;
+    background: #c3c3c3 url("../images/handle-icon.gif") center center no-repeat;
     border: 1px solid #909090;
     border-bottom: 0;
     border-top: 0;
@@ -371,7 +371,7 @@ li.divider {
 
 /* Have to specify div here for IE6's sake */
 div.toolbox.divider {
-    background: url(../images/toolbox-divider.gif) repeat-y;
+    background: url("../images/toolbox-divider.gif") repeat-y;
     padding-left: 8px;
 }
 
@@ -404,14 +404,14 @@ div.toolbox.divider {
 }
 
 #spinnerWrapper {
-    background: url(../images/spinner-placeholder.gif) no-repeat;
+    background: url("../images/spinner-placeholder.gif") no-repeat;
     height: 16px;
     margin: 4px 5px 0 5px;
     width: 16px;
 }
 
 #spinner {
-    background: url(../images/spinner.gif) no-repeat;
+    background: url("../images/spinner.gif") no-repeat;
     display: none;
     height: 16px;
     width: 16px;

src/webui/www/private/css/Tabs.css

@@ -18,7 +18,7 @@ Required by:
 /* Toolbar Tabs */
 
 .toolbarTabs {
-    background: url(../images/tabs.gif) repeat-x;
+    background: url("../images/tabs.gif") repeat-x;
     background-position: left -70px;
     overflow: visible;
     padding: 0 5px 2px 2px;
@@ -33,7 +33,7 @@ Required by:
 }
 
 .tab-menu li {
-    background: url(../images/tabs.gif) repeat-x;
+    background: url("../images/tabs.gif") repeat-x;
     background-position: left -35px;
     cursor: pointer;
     float: left;
@@ -41,12 +41,12 @@ Required by:
 }
 
 .tab-menu li.selected {
-    background: url(../images/tabs.gif) repeat-x;
+    background: url("../images/tabs.gif") repeat-x;
     background-position: left 0;
 }
 
 .tab-menu li a {
-    background: url(../images/tabs.gif) repeat-x;
+    background: url("../images/tabs.gif") repeat-x;
     background-position: right -35px;
     color: #181818;
     display: block;
@@ -57,7 +57,7 @@ Required by:
 }
 
 .tab-menu li.selected a {
-    background: url(../images/tabs.gif) repeat-x;
+    background: url("../images/tabs.gif") repeat-x;
     background-position: right 0;
     color: #181818;
     font-weight: bold;

src/webui/www/private/css/Window.css

@@ -42,7 +42,7 @@ Required by:
 */
 
 .mochaTitlebar {
-    background: url(../images/spacer.gif?from=fafafa&to=e5e5e5);
+    background: url("../images/spacer.gif?from=fafafa&to=e5e5e5");
     overflow: hidden;
     width: 100%;
 }
@@ -178,7 +178,7 @@ div.mochaToolbarWrapper.bottom {
 }
 
 .mochaSpinner {
-    background: url(../images/spinner.gif) no-repeat;
+    background: url("../images/spinner.gif") no-repeat;
     bottom: 7px;
     display: none;
     height: 16px;
@@ -337,7 +337,7 @@ div.mochaToolbarWrapper.bottom {
 /* Example Window Themes */
 
 #about_contentWrapper {
-    background: #e5e5e5 url(../images/logo2.gif) 3px 3px no-repeat;
+    background: #e5e5e5 url("../images/logo2.gif") 3px 3px no-repeat;
 }
 
 #builder_contentWrapper {
@@ -378,7 +378,7 @@ div.mochaToolbarWrapper.bottom {
 .mochaMinimizeButton.replaced,
 .mochaMaximizeButton.replaced,
 .mochaCloseButton.replaced {
-    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important;
+    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") !important;
 }
 
 /* iOS iframe scrolling */

src/webui/www/private/css/dynamicTable.css

@@ -78,14 +78,14 @@ tr.dynamicTableHeader {
 }
 
 .dynamicTable th.sorted {
-    background-image: url(../icons/go-up.svg);
+    background-image: url("../icons/go-up.svg");
     background-position: right;
     background-repeat: no-repeat;
     background-size: 15px;
 }
 
 .dynamicTable th.sorted.reverse {
-    background-image: url(../icons/go-down.svg);
+    background-image: url("../icons/go-down.svg");
 }
 
 .dynamicTable td img.flags {

src/webui/www/private/css/style.css

@@ -243,7 +243,7 @@ a.propButton img {
 
 .contextMenu li a.arrow-right,
 .contextMenu li a:hover.arrow-right {
-    background-image: url(../images/arrow-right.gif);
+    background-image: url("../images/arrow-right.gif");
     background-position: right center;
     background-repeat: no-repeat;
 }
@@ -290,7 +290,7 @@ a.propButton img {
 }
 
 .sliderarea {
-    background: #f2f2f2 url(../images/slider-area.gif) repeat-x;
+    background: #f2f2f2 url("../images/slider-area.gif") repeat-x;
     border: 1px solid #a3a3a3;
     border-bottom: 1px solid #ccc;
     border-left: 1px solid #ccc;
@@ -307,7 +307,7 @@ a.propButton img {
 }
 
 .sliderknob {
-    background: url(../images/knob.gif) no-repeat;
+    background: url("../images/knob.gif") no-repeat;
     cursor: pointer;
     font-size: 1px;
     height: 9px;
@@ -338,7 +338,7 @@ a.propButton img {
 }
 
 #mochaToolbar .divider {
-    background-image: url(../images/toolbox-divider.gif);
+    background-image: url("../images/toolbox-divider.gif");
     background-position: left center;
     background-repeat: no-repeat;
     padding-left: 14px;
@@ -387,7 +387,7 @@ a.propButton img {
 /* Tri-state checkbox */
 
 label.tristate {
-    background: url(../images/3-state-checkbox.gif) 0 0 no-repeat;
+    background: url("../images/3-state-checkbox.gif") 0 0 no-repeat;
     display: block;
     float: left;
     height: 13px;