Browse Source

Format CSS code with prettier

adaptive-webui-19844
Chocobo1 4 years ago
parent
commit
65bdc4cf43
No known key found for this signature in database
GPG Key ID: 210D9C873253A68C
  1. 1
      src/webui/www/private/css/Core.css
  2. 41
      src/webui/www/private/css/Layout.css
  3. 61
      src/webui/www/private/css/Window.css
  4. 38
      src/webui/www/private/css/style.css

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

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

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

@ -18,21 +18,22 @@ Required by: @@ -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 { @@ -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 { @@ -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 { @@ -118,7 +119,7 @@ body {
font-size: 12px;
}
#desktopNavbar>ul>li {
#desktopNavbar > ul > li {
float: left;
}
@ -140,7 +141,8 @@ body { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -246,8 +251,6 @@ li.divider {
background: #f2f2f2;
}
/* Panel Layout
---------------------------------------------------------------- */
@ -256,7 +259,7 @@ li.divider { @@ -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 { @@ -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 { @@ -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;
}

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

@ -24,10 +24,11 @@ Required by: @@ -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: @@ -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 { @@ -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 { @@ -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 { @@ -102,24 +104,26 @@ div.mochaToolbarWrapper.bottom {
width: 3px;
height: 3px;
z-index: 2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
opacity: .0;
-moz-opacity: .0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
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 { @@ -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 { @@ -217,8 +223,8 @@ div.mochaToolbarWrapper.bottom {
left: 0;
width: 100%;
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
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 { @@ -231,8 +237,8 @@ div.mochaToolbarWrapper.bottom {
top: 0;
left: 0;
width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
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 { @@ -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,
.mochaMaximizeButton.replaced, .mochaCloseButton.replaced {
.mocha.replaced,
.mochaTitlebar.replaced,
.mochaMinimizeButton.replaced,
.mochaMaximizeButton.replaced,
.mochaCloseButton.replaced {
background-color: transparent !important;
}
@ -269,8 +278,10 @@ div.mochaToolbarWrapper.bottom { @@ -269,8 +278,10 @@ div.mochaToolbarWrapper.bottom {
overflow: hidden;
}
.windowClosed .mochaContentBorder, .windowClosed .mochaToolbarWrapper,
.windowClosed .mochaTitlebar, .windowClosed .mochaControls,
.windowClosed .mochaContentBorder,
.windowClosed .mochaToolbarWrapper,
.windowClosed .mochaTitlebar,
.windowClosed .mochaControls,
.windowClosed .mochaCanvasControls {
position: absolute;
top: 0;
@ -315,9 +326,9 @@ div.mochaToolbarWrapper.bottom { @@ -315,9 +326,9 @@ div.mochaToolbarWrapper.bottom {
}
.mocha.notification .mochaTitlebar {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
opacity: .0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
opacity: 0;
-moz-opacity: 0;
}

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

@ -2,7 +2,9 @@ @@ -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 { @@ -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 { @@ -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 { @@ -148,12 +152,12 @@ hr {
}
.selectedFilter {
background-color: #415A8D;
color: #FFFFFF;
background-color: #415a8d;
color: #ffffff;
}
.selectedFilter a {
color: #FFFFFF;
color: #ffffff;
}
#properties {
@ -236,7 +240,8 @@ a.propButton img { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -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 { @@ -582,7 +590,9 @@ td.statusBarSeparator {
/* Search tab */
#SearchPanel, #SearchPanel_wrapper, #SearchPanel_pad {
#SearchPanel,
#SearchPanel_wrapper,
#SearchPanel_pad {
height: inherit;
}

Loading…
Cancel
Save