Format CSS code with prettier

src/webui/www/private/css/Core.css

@@ -43,7 +43,6 @@ Notes:
     margin-top: 2px;
 }
 
-
 /* Theme Specific Adjustments to Default Plugin Styles
 ---------------------------------------------------------------- */
 

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

@@ -18,21 +18,22 @@ Required by:
 /* Layout
 ---------------------------------------------------------------- */
 
-html, body {
+html,
+body {
     background: #fff;
 }
 
 body {
-    margin: 0;  /* Required */
+    margin: 0; /* Required */
 }
 
 #desktop {
     position: relative;
-    min-width: 400px;  /* Helps keep header content from wrapping */
+    min-width: 400px; /* Helps keep header content from wrapping */
     height: 100%;
     min-height: 100%;
     overflow: hidden;
-    cursor: default;  /* Fix for issue in IE7. IE7 wants to use the I-bar text cursor */
+    cursor: default; /* Fix for issue in IE7. IE7 wants to use the I-bar text cursor */
 }
 
 #desktopHeader {
@@ -43,7 +44,7 @@ body {
     position: relative;
     height: 45px;
     overflow: hidden;
-    background: #718BA6 url(../images/bg-header.gif) repeat-x;
+    background: #718ba6 url(../images/bg-header.gif) repeat-x;
 }
 
 #desktopTitlebar {
@@ -104,7 +105,7 @@ body {
     background: #f2f2f2;
     /*height: 30px;*/
     margin: 0 0px;
-    overflow: hidden;  /* Remove this line if you want the menu to be backward compatible with Firefox 2 */
+    overflow: hidden; /* Remove this line if you want the menu to be backward compatible with Firefox 2 */
     /* Fixes by Chris */
     /*background-color: #ccc;*/
     height: 20px;
@@ -118,7 +119,7 @@ body {
     font-size: 12px;
 }
 
-#desktopNavbar>ul>li {
+#desktopNavbar > ul > li {
     float: left;
 }
 
@@ -140,7 +141,8 @@ body {
     background-color: #fff;
 }
 
-#desktopNavbar ul li a.arrow-right, #desktopNavbar ul li a:hover.arrow-right {
+#desktopNavbar ul li a.arrow-right,
+#desktopNavbar ul li a:hover.arrow-right {
     background-image: url(../images/arrow-right.gif);
     background-repeat: no-repeat;
     background-position: right 7px;
@@ -163,7 +165,8 @@ body {
     left: -999em;
 }
 
-#desktopNavbar li ul ul {  /* third-and-above-level lists */
+#desktopNavbar li ul ul {
+    /* third-and-above-level lists */
     margin: -22px 0 0 163px;
 }
 
@@ -191,7 +194,7 @@ body {
 }
 
 #desktopNavbar li ul li a:hover {
-    background: #6C98D9;
+    background: #6c98d9;
     color: #fff;
     -moz-border-radius: 2px;
 }
@@ -200,16 +203,18 @@ body {
     background: #fff;
 }
 
+/* lists nested under hovered list items */
 #desktopNavbar li:hover ul,
 #desktopNavbar li.ieHover ul,
 #desktopNavbar li li.ieHover ul,
 #desktopNavbar li li li.ieHover ul,
 #desktopNavbar li li:hover ul,
-#desktopNavbar li li li:hover ul {  /* lists nested under hovered list items */
+#desktopNavbar li li li:hover ul {
     left: auto;
 }
 
-#desktopNavbar li:hover {  /* For IE7 */
+/* For IE7 */
+#desktopNavbar li:hover {
     position: static;
 }
 
@@ -221,7 +226,7 @@ li.divider {
 
 #pageWrapper {
     position: relative;
-    overflow: hidden;  /* This can be set to hidden or auto */
+    overflow: hidden; /* This can be set to hidden or auto */
     border-top: 1px solid #909090;
     border-bottom: 1px solid #909090;
     /*height: 100%;*/
@@ -246,8 +251,6 @@ li.divider {
     background: #f2f2f2;
 }
 
-
-
 /* Panel Layout
 ---------------------------------------------------------------- */
 
@@ -256,7 +259,7 @@ li.divider {
 .column {
     position: relative;
     float: left;
-    overflow: hidden;  /* Required by IE6 */
+    overflow: hidden; /* Required by IE6 */
 }
 
 /* Panels */
@@ -349,7 +352,8 @@ li.divider {
     line-height: 1px;
     font-size: 1px;
     overflow: hidden;
-    background: url(../images/handle-icon-horizontal.gif) center center no-repeat;
+    background: url(../images/handle-icon-horizontal.gif) center center
+        no-repeat;
 }
 
 .columnHandle {
@@ -377,7 +381,8 @@ li.divider {
 .panel-header-toolbox {
 }
 
-div.toolbox.divider {  /* Have to specify div here for IE6's sake */
+/* Have to specify div here for IE6's sake */
+div.toolbox.divider {
     background: url(../images/toolbox-divider.gif) repeat-y;
     padding-left: 8px;
 }

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

@@ -24,10 +24,11 @@ Required by:
     background-color: #e5e5e5;
 }
 
-.mocha.isFocused {}
+.mocha.isFocused {
+}
 
 .mochaOverlay {
-    position: absolute;  /* This is also set in theme.js in order to make theme transitions smoother */
+    position: absolute; /* This is also set in theme.js in order to make theme transitions smoother */
     top: 0;
     left: 0;
 }
@@ -63,7 +64,7 @@ Required by:
 }
 
 .mochaToolbarWrapper {
-    width: 100%;  /* For IE */
+    width: 100%; /* For IE */
     position: relative;
     height: 29px;
     background: #f1f1f1;
@@ -77,7 +78,7 @@ div.mochaToolbarWrapper.bottom {
 }
 
 .mochaToolbar {
-    width: 100%;  /* For IE */
+    width: 100%; /* For IE */
     border-top: 1px solid #fff;
 }
 
@@ -86,7 +87,8 @@ div.mochaToolbarWrapper.bottom {
     border-bottom: 1px solid #dadada;
 }
 
-.mochaContentWrapper {  /* Has a fixed height and scrollbars if required. */
+/* Has a fixed height and scrollbars if required. */
+.mochaContentWrapper {
     font-size: 12px;
     overflow: auto;
     background: #fff;
@@ -102,24 +104,26 @@ div.mochaToolbarWrapper.bottom {
     width: 3px;
     height: 3px;
     z-index: 2;
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  /* IE8 */
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
-    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* IE6 and 7*/
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
-    opacity: .0;
+    opacity: 0;
-    -moz-opacity: .0;
+    -moz-opacity: 0;
     overflow: hidden;
-    font-size: 1px;  /* For IE6 */
+    font-size: 1px; /* For IE6 */
 }
 
-.mocha .corner {  /* Corner resize handles */
+/* Corner resize handles */
+.mocha .corner {
     width: 10px;
     height: 10px;
     background: #f00;
 }
 
-.mocha .cornerSE {  /* Bottom right resize handle */
+/* Bottom right resize handle */
+.mocha .cornerSE {
     width: 20px;
     height: 20px;
-    background: #fefefe;  /* This is the color of the visible resize handle */
+    background: #fefefe; /* This is the color of the visible resize handle */
 }
 
 .mochaCanvasHeader {
@@ -158,7 +162,9 @@ div.mochaToolbarWrapper.bottom {
 	2. Replcac the background-color with a background-image for each button.
 
 */
-.mochaMinimizeButton, .mochaMaximizeButton, .mochaCloseButton {
+.mochaMinimizeButton,
+.mochaMaximizeButton,
+.mochaCloseButton {
     float: right;
     width: 14px;
     height: 14px;
@@ -217,8 +223,8 @@ div.mochaToolbarWrapper.bottom {
     left: 0;
     width: 100%;
     background: #000;
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  /* IE8 */
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
-    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* IE6 and 7*/
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
     opacity: 0;
     -moz-opacity: 0;
     z-index: 10000;
@@ -231,8 +237,8 @@ div.mochaToolbarWrapper.bottom {
     top: 0;
     left: 0;
     width: 100%;
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  /* IE8 */
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
-    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* IE6 and 7*/
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
     opacity: 0;
     -moz-opacity: 0;
     z-index: 9999;
@@ -254,8 +260,11 @@ div.mochaToolbarWrapper.bottom {
 
 /* The replaced class is used internally when converting CSS values to Canvas. These classes should not be removed. */
 
-.mocha.replaced, .mochaTitlebar.replaced, .mochaMinimizeButton.replaced,
+.mocha.replaced,
-.mochaMaximizeButton.replaced, .mochaCloseButton.replaced {
+.mochaTitlebar.replaced,
+.mochaMinimizeButton.replaced,
+.mochaMaximizeButton.replaced,
+.mochaCloseButton.replaced {
     background-color: transparent !important;
 }
 
@@ -269,8 +278,10 @@ div.mochaToolbarWrapper.bottom {
     overflow: hidden;
 }
 
-.windowClosed .mochaContentBorder, .windowClosed .mochaToolbarWrapper,
+.windowClosed .mochaContentBorder,
-.windowClosed .mochaTitlebar, .windowClosed .mochaControls,
+.windowClosed .mochaToolbarWrapper,
+.windowClosed .mochaTitlebar,
+.windowClosed .mochaControls,
 .windowClosed .mochaCanvasControls {
     position: absolute;
     top: 0;
@@ -315,9 +326,9 @@ div.mochaToolbarWrapper.bottom {
 }
 
 .mocha.notification .mochaTitlebar {
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  /* IE8 */
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
-    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* IE6 and 7*/
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
-    opacity: .0;
+    opacity: 0;
     -moz-opacity: 0;
 }
 

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

@@ -2,7 +2,9 @@
 
 /*ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,object,iframe { margin: 0; padding: 0; }*/
 
-a img, :link img, :visited img {
+a img,
+:link img,
+:visited img {
     border: none;
 }
 
@@ -33,7 +35,9 @@ body {
 
 /* Typography */
 
-h2, h3, h4 {
+h2,
+h3,
+h4 {
     margin: 0;
     padding: 0 0 5px 0;
     font-size: 12px;
@@ -100,7 +104,7 @@ pre {
     background-color: #f6f6f6;
     color: #006600;
     display: block;
-    font-family: 'Courier New', Courier, monospace;
+    font-family: "Courier New", Courier, monospace;
     font-size: 11px;
     max-height: 250px;
     overflow: auto;
@@ -148,12 +152,12 @@ hr {
 }
 
 .selectedFilter {
-    background-color: #415A8D;
+    background-color: #415a8d;
-    color: #FFFFFF;
+    color: #ffffff;
 }
 
 .selectedFilter a {
-    color: #FFFFFF;
+    color: #ffffff;
 }
 
 #properties {
@@ -236,7 +240,8 @@ a.propButton img {
     position: relative;
 }
 
-.contextMenu li a.arrow-right, .contextMenu li a:hover.arrow-right {
+.contextMenu li a.arrow-right,
+.contextMenu li a:hover.arrow-right {
     background-image: url(../images/arrow-right.gif);
     background-repeat: no-repeat;
     background-position: right center;
@@ -247,7 +252,8 @@ a.propButton img {
 .contextMenu li li.ieHover ul,
 .contextMenu li li li.ieHover ul,
 .contextMenu li li:hover ul,
-.contextMenu li li li:hover ul {  /* lists nested under hovered list items */
+.contextMenu li li li:hover ul {
+    /* lists nested under hovered list items */
     left: auto;
 }
 
@@ -258,7 +264,7 @@ a.propButton img {
     -ms-interpolation-mode: bicubic;
 }
 
-.contextMenu li input[type=checkbox] {
+.contextMenu li input[type="checkbox"] {
     position: relative;
     top: 3px;
 }
@@ -384,7 +390,7 @@ label.tristate {
     display: block;
     float: left;
     height: 13px;
-    margin: .15em 8px 5px 0px;
+    margin: 0.15em 8px 5px 0px;
     overflow: hidden;
     text-indent: -999em;
     width: 13px;
@@ -514,7 +520,8 @@ td.generalLabel {
     border-collapse: collapse;
 }
 
-#watched_folders_tab td, #watched_folders_tab th {
+#watched_folders_tab td,
+#watched_folders_tab th {
     padding: 2px 4px;
     border: 1px solid black;
 }
@@ -546,7 +553,8 @@ td.generalLabel {
     border: none;
 }
 
-.select-watched-folder-editable select:focus, .select-editable input:focus {
+.select-watched-folder-editable select:focus,
+.select-editable input:focus {
     outline: none;
 }
 
@@ -569,7 +577,7 @@ td.generalLabel {
 
 td.statusBarSeparator {
     width: 22px;
-    background-image: url('../images/toolbox-divider.gif');
+    background-image: url("../images/toolbox-divider.gif");
     background-repeat: no-repeat;
     background-position: center 1px;
     background-size: 2px 18px;
@@ -582,7 +590,9 @@ td.statusBarSeparator {
 
 /* Search tab */
 
-#SearchPanel, #SearchPanel_wrapper, #SearchPanel_pad {
+#SearchPanel,
+#SearchPanel_wrapper,
+#SearchPanel_pad {
     height: inherit;
 }