|
|
@ -18,11 +18,6 @@ Required by: |
|
|
|
/* Layout |
|
|
|
/* Layout |
|
|
|
---------------------------------------------------------------- */ |
|
|
|
---------------------------------------------------------------- */ |
|
|
|
|
|
|
|
|
|
|
|
html, |
|
|
|
|
|
|
|
body { |
|
|
|
|
|
|
|
background: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
body { |
|
|
|
body { |
|
|
|
margin: 0; /* Required */ |
|
|
|
margin: 0; /* Required */ |
|
|
|
} |
|
|
|
} |
|
|
@ -36,12 +31,7 @@ body { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopHeader { |
|
|
|
|
|
|
|
background: #f2f2f2; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#desktopTitlebarWrapper { |
|
|
|
#desktopTitlebarWrapper { |
|
|
|
background: #718ba6 url("../images/bg-header.gif") repeat-x; |
|
|
|
|
|
|
|
height: 45px; |
|
|
|
height: 45px; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
@ -55,7 +45,6 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopTitlebar h1.applicationTitle { |
|
|
|
#desktopTitlebar h1.applicationTitle { |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
display: none; |
|
|
|
display: none; |
|
|
|
font-size: 20px; |
|
|
|
font-size: 20px; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
@ -65,7 +54,6 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopTitlebar h2.tagline { |
|
|
|
#desktopTitlebar h2.tagline { |
|
|
|
color: #d4dce4; |
|
|
|
|
|
|
|
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
|
|
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
|
|
font-size: 10px; |
|
|
|
font-size: 10px; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
@ -75,12 +63,10 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopTitlebar h2.tagline .taglineEm { |
|
|
|
#desktopTitlebar h2.tagline .taglineEm { |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#topNav { |
|
|
|
#topNav { |
|
|
|
color: #d4dce4; |
|
|
|
|
|
|
|
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
|
|
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
|
|
font-size: 10px; |
|
|
|
font-size: 10px; |
|
|
|
padding: 13px 10px 0 0; |
|
|
|
padding: 13px 10px 0 0; |
|
|
@ -91,7 +77,6 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#topNav a { |
|
|
|
#topNav a { |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
font-weight: normal; |
|
|
|
font-weight: normal; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -101,11 +86,12 @@ body { |
|
|
|
|
|
|
|
|
|
|
|
/* Navbar */ |
|
|
|
/* Navbar */ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#Filters_pad { |
|
|
|
|
|
|
|
padding: 0 1px!important; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar { |
|
|
|
#desktopNavbar { |
|
|
|
background: #f2f2f2; |
|
|
|
background-color: var(--color-background-default); |
|
|
|
/*background-color: #ccc;*/ |
|
|
|
|
|
|
|
border-bottom: 1px solid #3f3f3f; |
|
|
|
|
|
|
|
height: 20px; |
|
|
|
|
|
|
|
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 */ |
|
|
|
} |
|
|
|
} |
|
|
@ -126,14 +112,14 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar ul li a { |
|
|
|
#desktopNavbar ul li a { |
|
|
|
color: #333; |
|
|
|
color: var(--color-text-default); |
|
|
|
font-weight: normal; |
|
|
|
font-weight: normal; |
|
|
|
padding: 2px 10px 6px; |
|
|
|
padding: 4px 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar ul li a:hover { |
|
|
|
#desktopNavbar ul li a:hover { |
|
|
|
background-color: #fff; |
|
|
|
background-color: var(--color-background-blue); |
|
|
|
color: #333; |
|
|
|
color: var(--color-text-white); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar ul li a.arrow-right, |
|
|
|
#desktopNavbar ul li a.arrow-right, |
|
|
@ -144,10 +130,9 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar li ul { |
|
|
|
#desktopNavbar li ul { |
|
|
|
background: #fff url("../images/bg-dropdown.gif") repeat-y; |
|
|
|
background-color: var(--color-background-default); |
|
|
|
border: 1px solid #3f3f3f; |
|
|
|
border: 1px solid var(--color-border-default); |
|
|
|
left: -999em; |
|
|
|
left: -999em; |
|
|
|
margin-top: -6px; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
z-index: 8000; |
|
|
|
z-index: 8000; |
|
|
|
} |
|
|
|
} |
|
|
@ -165,7 +150,6 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar li ul li .check { |
|
|
|
#desktopNavbar li ul li .check { |
|
|
|
background: #555; |
|
|
|
|
|
|
|
font-size: 1px; |
|
|
|
font-size: 1px; |
|
|
|
height: 5px; |
|
|
|
height: 5px; |
|
|
|
left: 6px; |
|
|
|
left: 6px; |
|
|
@ -177,21 +161,16 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar li ul li a { |
|
|
|
#desktopNavbar li ul li a { |
|
|
|
color: #3f3f3f; |
|
|
|
color: var(--color-text-default); |
|
|
|
font-weight: normal; |
|
|
|
font-weight: normal; |
|
|
|
min-width: 120px; |
|
|
|
min-width: 120px; |
|
|
|
padding: 1px 10px 1px 20px; |
|
|
|
padding: 4px 10px 4px 25px; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar li ul li a:hover { |
|
|
|
#desktopNavbar li ul li a:hover { |
|
|
|
background: #6c98d9; |
|
|
|
background-color: var(--color-background-blue); |
|
|
|
border-radius: 2px; |
|
|
|
color: var(--color-text-white); |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar li ul li a:hover .check { |
|
|
|
|
|
|
|
background: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* lists nested under hovered list items */ |
|
|
|
/* lists nested under hovered list items */ |
|
|
@ -210,14 +189,14 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
li.divider { |
|
|
|
li.divider { |
|
|
|
border-top: 1px solid #ebebeb; |
|
|
|
border-top: 1px solid var(--color-border-default); |
|
|
|
margin-top: 2px; |
|
|
|
margin-top: 2px; |
|
|
|
padding-top: 3px; |
|
|
|
padding-top: 3px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#pageWrapper { |
|
|
|
#pageWrapper { |
|
|
|
border-bottom: 1px solid #909090; |
|
|
|
border-bottom: 1px solid var(--color-border-default); |
|
|
|
border-top: 1px solid #909090; |
|
|
|
border-top: 1px solid var(--color-border-default); |
|
|
|
overflow: hidden; /* This can be set to hidden or auto */ |
|
|
|
overflow: hidden; /* This can be set to hidden or auto */ |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
/*height: 100%;*/ |
|
|
|
/*height: 100%;*/ |
|
|
@ -235,7 +214,6 @@ li.divider { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopFooter { |
|
|
|
#desktopFooter { |
|
|
|
background: #f2f2f2; |
|
|
|
|
|
|
|
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
|
|
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
|
|
font-size: 11px; |
|
|
|
font-size: 11px; |
|
|
|
height: 24px; |
|
|
|
height: 24px; |
|
|
@ -256,8 +234,7 @@ li.divider { |
|
|
|
/* Panels */ |
|
|
|
/* Panels */ |
|
|
|
|
|
|
|
|
|
|
|
.panel { |
|
|
|
.panel { |
|
|
|
background: #f8f8f8; |
|
|
|
border-bottom: 1px solid var(--color-border-default); |
|
|
|
border-bottom: 1px solid #b9b9b9; |
|
|
|
|
|
|
|
overflow: auto; |
|
|
|
overflow: auto; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
@ -266,10 +243,6 @@ li.divider { |
|
|
|
border-bottom: 0; |
|
|
|
border-bottom: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.panelAlt { |
|
|
|
|
|
|
|
background: #f2f2f2; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.bottomPanel { |
|
|
|
.bottomPanel { |
|
|
|
border-bottom: 0; |
|
|
|
border-bottom: 0; |
|
|
|
} |
|
|
|
} |
|
|
@ -278,14 +251,8 @@ li.divider { |
|
|
|
padding: 8px; |
|
|
|
padding: 8px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#mainPanel { |
|
|
|
|
|
|
|
background: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.panel-header { |
|
|
|
.panel-header { |
|
|
|
background: #f1f1f1 url("../images/bg-panel-header.gif") repeat-x; |
|
|
|
border-bottom: 1px solid var(--color-border-default); |
|
|
|
border-bottom: 1px solid #d3d3d3; |
|
|
|
|
|
|
|
height: 30px; |
|
|
|
|
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
@ -294,13 +261,7 @@ li.divider { |
|
|
|
padding-top: 2px; |
|
|
|
padding-top: 2px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.panel-headerContent.tabs { |
|
|
|
|
|
|
|
background: url("../images/tabs.gif") repeat-x; |
|
|
|
|
|
|
|
background-position: left -68px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.panel-header h2 { |
|
|
|
.panel-header h2 { |
|
|
|
color: #333; |
|
|
|
|
|
|
|
display: inline-block; |
|
|
|
display: inline-block; |
|
|
|
font-size: 12px; |
|
|
|
font-size: 12px; |
|
|
|
height: 22px; |
|
|
|
height: 22px; |
|
|
@ -326,7 +287,6 @@ li.divider { |
|
|
|
/* Column and Panel Handles */ |
|
|
|
/* Column and Panel Handles */ |
|
|
|
|
|
|
|
|
|
|
|
.horizontalHandle { |
|
|
|
.horizontalHandle { |
|
|
|
background: #eee url("../images/bg-handle-horizontal.gif") repeat-x; |
|
|
|
|
|
|
|
font-size: 1px; |
|
|
|
font-size: 1px; |
|
|
|
height: 4px; |
|
|
|
height: 4px; |
|
|
|
line-height: 1px; |
|
|
|
line-height: 1px; |
|
|
@ -348,8 +308,9 @@ li.divider { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.columnHandle { |
|
|
|
.columnHandle { |
|
|
|
background: #c3c3c3 url("../images/handle-icon.gif") center center no-repeat; |
|
|
|
background: url("../images/handle-icon.gif") center center no-repeat; |
|
|
|
border: 1px solid #909090; |
|
|
|
/*border: 1px solid #909090;*/ |
|
|
|
|
|
|
|
border: 1px solid var(--color-border-default); |
|
|
|
border-bottom: 0; |
|
|
|
border-bottom: 0; |
|
|
|
border-top: 0; |
|
|
|
border-top: 0; |
|
|
|
float: left; |
|
|
|
float: left; |
|
|
|