|
|
@ -6,21 +6,21 @@ Theme: Default |
|
|
|
|
|
|
|
|
|
|
|
Copyright: |
|
|
|
Copyright: |
|
|
|
Copyright (c) 2007-2009 Greg Houston, <http://greghoustondesign.com/>. |
|
|
|
Copyright (c) 2007-2009 Greg Houston, <http://greghoustondesign.com/>. |
|
|
|
|
|
|
|
|
|
|
|
License: |
|
|
|
License: |
|
|
|
MIT-style license. |
|
|
|
MIT-style license. |
|
|
|
|
|
|
|
|
|
|
|
Required by: |
|
|
|
Required by: |
|
|
|
Layout.js |
|
|
|
Layout.js |
|
|
|
|
|
|
|
|
|
|
|
*/ |
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
|
|
/* Layout |
|
|
|
/* Layout |
|
|
|
---------------------------------------------------------------- */ |
|
|
|
---------------------------------------------------------------- */ |
|
|
|
|
|
|
|
|
|
|
|
html, body { |
|
|
|
html, body { |
|
|
|
background: #fff; |
|
|
|
background: #fff; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
body { |
|
|
|
body { |
|
|
|
margin: 0; /* Required */ |
|
|
|
margin: 0; /* Required */ |
|
|
@ -40,7 +40,7 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopTitlebarWrapper { |
|
|
|
#desktopTitlebarWrapper { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
height: 45px; |
|
|
|
height: 45px; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
background: #718BA6 url(../images/skin/bg-header.gif) repeat-x; |
|
|
|
background: #718BA6 url(../images/skin/bg-header.gif) repeat-x; |
|
|
@ -64,10 +64,10 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopTitlebar h2.tagline { |
|
|
|
#desktopTitlebar h2.tagline { |
|
|
|
padding: 7px 0 0 0; |
|
|
|
padding: 7px 0 0 0; |
|
|
|
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
|
|
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
|
|
font-size: 10px; |
|
|
|
font-size: 10px; |
|
|
|
color: #d4dce4; |
|
|
|
color: #d4dce4; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
text-transform: uppercase; |
|
|
|
text-transform: uppercase; |
|
|
@ -111,7 +111,7 @@ body { |
|
|
|
border-bottom: 1px solid #3f3f3f; |
|
|
|
border-bottom: 1px solid #3f3f3f; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar ul { |
|
|
|
#desktopNavbar ul { |
|
|
|
padding: 0; |
|
|
|
padding: 0; |
|
|
|
margin: 0; |
|
|
|
margin: 0; |
|
|
|
list-style: none; |
|
|
|
list-style: none; |
|
|
@ -124,8 +124,8 @@ body { |
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar a { |
|
|
|
#desktopNavbar a { |
|
|
|
display: block; |
|
|
|
display: block; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar ul li a { |
|
|
|
#desktopNavbar ul li a { |
|
|
|
/*padding: 6px 10px 6px 10px;*/ |
|
|
|
/*padding: 6px 10px 6px 10px;*/ |
|
|
|
color: #333; |
|
|
|
color: #333; |
|
|
@ -143,8 +143,8 @@ body { |
|
|
|
#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/skin/arrow-right.gif); |
|
|
|
background-image: url(../images/skin/arrow-right.gif); |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-position: right 7px; |
|
|
|
background-position: right 7px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar li ul { |
|
|
|
#desktopNavbar li ul { |
|
|
|
border: 1px solid #3f3f3f; |
|
|
|
border: 1px solid #3f3f3f; |
|
|
@ -192,7 +192,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; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#desktopNavbar li ul li a:hover .check { |
|
|
|
#desktopNavbar li ul li a:hover .check { |
|
|
@ -214,9 +214,9 @@ body { |
|
|
|
|
|
|
|
|
|
|
|
li.divider { |
|
|
|
li.divider { |
|
|
|
margin-top: 2px; |
|
|
|
margin-top: 2px; |
|
|
|
padding-top: 3px; |
|
|
|
padding-top: 3px; |
|
|
|
border-top: 1px solid #ebebeb; |
|
|
|
border-top: 1px solid #ebebeb; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#pageWrapper { |
|
|
|
#pageWrapper { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
@ -253,7 +253,7 @@ li.divider { |
|
|
|
/* Columns */ |
|
|
|
/* Columns */ |
|
|
|
|
|
|
|
|
|
|
|
.column { |
|
|
|
.column { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
float: left; |
|
|
|
float: left; |
|
|
|
overflow: hidden; /* Required by IE6 */ |
|
|
|
overflow: hidden; /* Required by IE6 */ |
|
|
|
} |
|
|
|
} |
|
|
@ -263,45 +263,45 @@ li.divider { |
|
|
|
.panel { |
|
|
|
.panel { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
overflow: auto; |
|
|
|
overflow: auto; |
|
|
|
background: #f8f8f8; |
|
|
|
background: #f8f8f8; |
|
|
|
border-bottom: 1px solid #b9b9b9; |
|
|
|
border-bottom: 1px solid #b9b9b9; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.panelWrapper.collapsed .panel-header { |
|
|
|
.panelWrapper.collapsed .panel-header { |
|
|
|
border-bottom: 0; |
|
|
|
border-bottom: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.panelAlt { |
|
|
|
.panelAlt { |
|
|
|
background: #f2f2f2; |
|
|
|
background: #f2f2f2; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.bottomPanel { |
|
|
|
.bottomPanel { |
|
|
|
border-bottom: 0; |
|
|
|
border-bottom: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.pad { |
|
|
|
.pad { |
|
|
|
padding: 8px; |
|
|
|
padding: 8px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#mainPanel { |
|
|
|
#mainPanel { |
|
|
|
background: #fff; |
|
|
|
background: #fff; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.panel-header { |
|
|
|
.panel-header { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
background: #f1f1f1 url(../images/skin/bg-panel-header.gif) repeat-x; |
|
|
|
background: #f1f1f1 url(../images/skin/bg-panel-header.gif) repeat-x; |
|
|
|
height: 30px; |
|
|
|
height: 30px; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
border-bottom: 1px solid #d3d3d3; |
|
|
|
border-bottom: 1px solid #d3d3d3; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.panel-headerContent { |
|
|
|
.panel-headerContent { |
|
|
|
padding-top: 2px; |
|
|
|
padding-top: 2px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.panel-headerContent.tabs { |
|
|
|
.panel-headerContent.tabs { |
|
|
|
background: url(../images/skin/tabs.gif) repeat-x; |
|
|
|
background: url(../images/skin/tabs.gif) repeat-x; |
|
|
|
background-position: left -68px; |
|
|
|
background-position: left -68px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.panel-header h2 { |
|
|
|
.panel-header h2 { |
|
|
@ -327,7 +327,7 @@ li.divider { |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Column and Panel Handles */ |
|
|
|
/* Column and Panel Handles */ |
|
|
|
|
|
|
|
|
|
|
|
.horizontalHandle { |
|
|
|
.horizontalHandle { |
|
|
|
height: 4px; |
|
|
|
height: 4px; |
|
|
@ -338,10 +338,10 @@ li.divider { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.horizontalHandle.detached .handleIcon { |
|
|
|
.horizontalHandle.detached .handleIcon { |
|
|
|
background: transparent; |
|
|
|
background: transparent; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.horizontalHandle .handleIcon { |
|
|
|
.horizontalHandle .handleIcon { |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
height: 4px; |
|
|
|
height: 4px; |
|
|
|
line-height: 1px; |
|
|
|
line-height: 1px; |
|
|
@ -351,7 +351,7 @@ li.divider { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.columnHandle { |
|
|
|
.columnHandle { |
|
|
|
min-height: 10px; |
|
|
|
min-height: 10px; |
|
|
|
float: left; |
|
|
|
float: left; |
|
|
|
width: 4px; |
|
|
|
width: 4px; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
@ -405,7 +405,7 @@ div.toolbox.divider { /* Have to specify div here for IE6's sake */ |
|
|
|
|
|
|
|
|
|
|
|
.iconWrapper:hover { |
|
|
|
.iconWrapper:hover { |
|
|
|
border: 1px solid #a0a0a0; |
|
|
|
border: 1px solid #a0a0a0; |
|
|
|
-moz-border-radius: 3px; |
|
|
|
-moz-border-radius: 3px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#spinnerWrapper { |
|
|
|
#spinnerWrapper { |
|
|
@ -428,6 +428,6 @@ div.toolbox.divider { /* Have to specify div here for IE6's sake */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
td.speedLabel { |
|
|
|
td.speedLabel { |
|
|
|
cursor:pointer; |
|
|
|
cursor: pointer; |
|
|
|
min-width: 18em; |
|
|
|
min-width: 18em; |
|
|
|
} |
|
|
|
} |
|
|
|