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:
margin-top: 2px; margin-top: 2px;
} }
/* Theme Specific Adjustments to Default Plugin Styles /* Theme Specific Adjustments to Default Plugin Styles
---------------------------------------------------------------- */ ---------------------------------------------------------------- */

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

@ -18,21 +18,22 @@ Required by:
/* Layout /* Layout
---------------------------------------------------------------- */ ---------------------------------------------------------------- */
html, body { html,
body {
background: #fff; background: #fff;
} }
body { body {
margin: 0; /* Required */ margin: 0; /* Required */
} }
#desktop { #desktop {
position: relative; position: relative;
min-width: 400px; /* Helps keep header content from wrapping */ min-width: 400px; /* Helps keep header content from wrapping */
height: 100%; height: 100%;
min-height: 100%; min-height: 100%;
overflow: hidden; 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 { #desktopHeader {
@ -43,7 +44,7 @@ body {
position: relative; position: relative;
height: 45px; height: 45px;
overflow: hidden; overflow: hidden;
background: #718BA6 url(../images/bg-header.gif) repeat-x; background: #718ba6 url(../images/bg-header.gif) repeat-x;
} }
#desktopTitlebar { #desktopTitlebar {
@ -104,7 +105,7 @@ body {
background: #f2f2f2; background: #f2f2f2;
/*height: 30px;*/ /*height: 30px;*/
margin: 0 0px; 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 */ /* Fixes by Chris */
/*background-color: #ccc;*/ /*background-color: #ccc;*/
height: 20px; height: 20px;
@ -118,7 +119,7 @@ body {
font-size: 12px; font-size: 12px;
} }
#desktopNavbar>ul>li { #desktopNavbar > ul > li {
float: left; float: left;
} }
@ -140,7 +141,8 @@ body {
background-color: #fff; 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-image: url(../images/arrow-right.gif);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 7px; background-position: right 7px;
@ -163,7 +165,8 @@ body {
left: -999em; 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; margin: -22px 0 0 163px;
} }
@ -191,7 +194,7 @@ body {
} }
#desktopNavbar li ul li a:hover { #desktopNavbar li ul li a:hover {
background: #6C98D9; background: #6c98d9;
color: #fff; color: #fff;
-moz-border-radius: 2px; -moz-border-radius: 2px;
} }
@ -200,16 +203,18 @@ body {
background: #fff; background: #fff;
} }
/* lists nested under hovered list items */
#desktopNavbar li:hover ul, #desktopNavbar li:hover ul,
#desktopNavbar li.ieHover ul, #desktopNavbar li.ieHover ul,
#desktopNavbar li li.ieHover ul, #desktopNavbar li li.ieHover ul,
#desktopNavbar li li li.ieHover ul, #desktopNavbar li li li.ieHover ul,
#desktopNavbar li li:hover 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; left: auto;
} }
#desktopNavbar li:hover { /* For IE7 */ /* For IE7 */
#desktopNavbar li:hover {
position: static; position: static;
} }
@ -221,7 +226,7 @@ li.divider {
#pageWrapper { #pageWrapper {
position: relative; 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-top: 1px solid #909090;
border-bottom: 1px solid #909090; border-bottom: 1px solid #909090;
/*height: 100%;*/ /*height: 100%;*/
@ -246,8 +251,6 @@ li.divider {
background: #f2f2f2; background: #f2f2f2;
} }
/* Panel Layout /* Panel Layout
---------------------------------------------------------------- */ ---------------------------------------------------------------- */
@ -256,7 +259,7 @@ li.divider {
.column { .column {
position: relative; position: relative;
float: left; float: left;
overflow: hidden; /* Required by IE6 */ overflow: hidden; /* Required by IE6 */
} }
/* Panels */ /* Panels */
@ -349,7 +352,8 @@ li.divider {
line-height: 1px; line-height: 1px;
font-size: 1px; font-size: 1px;
overflow: hidden; 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 { .columnHandle {
@ -377,7 +381,8 @@ li.divider {
.panel-header-toolbox { .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; background: url(../images/toolbox-divider.gif) repeat-y;
padding-left: 8px; padding-left: 8px;
} }

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

@ -24,10 +24,11 @@ Required by:
background-color: #e5e5e5; background-color: #e5e5e5;
} }
.mocha.isFocused {} .mocha.isFocused {
}
.mochaOverlay { .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; top: 0;
left: 0; left: 0;
} }
@ -63,7 +64,7 @@ Required by:
} }
.mochaToolbarWrapper { .mochaToolbarWrapper {
width: 100%; /* For IE */ width: 100%; /* For IE */
position: relative; position: relative;
height: 29px; height: 29px;
background: #f1f1f1; background: #f1f1f1;
@ -77,7 +78,7 @@ div.mochaToolbarWrapper.bottom {
} }
.mochaToolbar { .mochaToolbar {
width: 100%; /* For IE */ width: 100%; /* For IE */
border-top: 1px solid #fff; border-top: 1px solid #fff;
} }
@ -86,7 +87,8 @@ div.mochaToolbarWrapper.bottom {
border-bottom: 1px solid #dadada; 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; font-size: 12px;
overflow: auto; overflow: auto;
background: #fff; background: #fff;
@ -102,24 +104,26 @@ div.mochaToolbarWrapper.bottom {
width: 3px; width: 3px;
height: 3px; height: 3px;
z-index: 2; 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; overflow: hidden;
font-size: 1px; /* For IE6 */ font-size: 1px; /* For IE6 */
} }
.mocha .corner { /* Corner resize handles */ /* Corner resize handles */
.mocha .corner {
width: 10px; width: 10px;
height: 10px; height: 10px;
background: #f00; background: #f00;
} }
.mocha .cornerSE { /* Bottom right resize handle */ /* Bottom right resize handle */
.mocha .cornerSE {
width: 20px; width: 20px;
height: 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 { .mochaCanvasHeader {
@ -158,7 +162,9 @@ div.mochaToolbarWrapper.bottom {
2. Replcac the background-color with a background-image for each button. 2. Replcac the background-color with a background-image for each button.
*/ */
.mochaMinimizeButton, .mochaMaximizeButton, .mochaCloseButton { .mochaMinimizeButton,
.mochaMaximizeButton,
.mochaCloseButton {
float: right; float: right;
width: 14px; width: 14px;
height: 14px; height: 14px;
@ -217,8 +223,8 @@ div.mochaToolbarWrapper.bottom {
left: 0; left: 0;
width: 100%; width: 100%;
background: #000; 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; opacity: 0;
-moz-opacity: 0; -moz-opacity: 0;
z-index: 10000; z-index: 10000;
@ -231,8 +237,8 @@ div.mochaToolbarWrapper.bottom {
top: 0; top: 0;
left: 0; left: 0;
width: 100%; 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; opacity: 0;
-moz-opacity: 0; -moz-opacity: 0;
z-index: 9999; 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. */ /* 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; background-color: transparent !important;
} }
@ -269,8 +278,10 @@ div.mochaToolbarWrapper.bottom {
overflow: hidden; overflow: hidden;
} }
.windowClosed .mochaContentBorder, .windowClosed .mochaToolbarWrapper, .windowClosed .mochaContentBorder,
.windowClosed .mochaTitlebar, .windowClosed .mochaControls, .windowClosed .mochaToolbarWrapper,
.windowClosed .mochaTitlebar,
.windowClosed .mochaControls,
.windowClosed .mochaCanvasControls { .windowClosed .mochaCanvasControls {
position: absolute; position: absolute;
top: 0; top: 0;
@ -315,9 +326,9 @@ div.mochaToolbarWrapper.bottom {
} }
.mocha.notification .mochaTitlebar { .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; -moz-opacity: 0;
} }

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

Loading…
Cancel
Save