|
/* |
|
* jQuery UI screen structure and presentation |
|
* This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI |
|
* Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com |
|
* Visit ThemeRoller.com |
|
*/ |
|
|
|
/* |
|
* Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size. |
|
* As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px. |
|
* body {font-size: 62.5%;} |
|
*/ |
|
|
|
|
|
|
|
/*UI accordion*/ |
|
.ui-accordion { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
font-family: Verdana, Arial, sans-serif; |
|
font-size: 1.1em; |
|
border-bottom: 1px solid #d3d3d3; |
|
} |
|
.ui-accordion-group { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
border: 1px solid #d3d3d3; |
|
border-bottom: none; |
|
} |
|
.ui-accordion-header { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
cursor: pointer; |
|
background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; |
|
} |
|
.ui-accordion-header a { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
display: block; |
|
font-size: 1em; |
|
font-weight: normal; |
|
text-decoration: none; |
|
padding: .5em .5em .5em 1.7em; |
|
color: #555555; |
|
background: url(images/888888_7x7_arrow_right.gif) .5em 50% no-repeat; |
|
} |
|
.ui-accordion-header a:hover { |
|
background: url(images/454545_7x7_arrow_right.gif) .5em 50% no-repeat; |
|
color: #212121; |
|
} |
|
.ui-accordion-header:hover { |
|
background: #ffa20a url(images/ffa20a_40x100_textures_05_inset_soft_75.png) 0 50% repeat-x; |
|
color: #212121; |
|
} |
|
.selected .ui-accordion-header, .selected .ui-accordion-header:hover { |
|
background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; |
|
} |
|
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover { |
|
color: #222222; |
|
background: url(images/222222_7x7_arrow_down.gif) .5em 50% no-repeat; |
|
} |
|
.ui-accordion-content { |
|
padding: 1.5em 1.7em; |
|
background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x; |
|
color: #222222; |
|
font-size: 1em; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*UI tabs*/ |
|
.ui-tabs-nav { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
font-family: Verdana, Arial, sans-serif; |
|
font-size: 1.1em; |
|
float: left; |
|
position: relative; |
|
z-index: 1; |
|
border-right: 1px solid #d3d3d3; |
|
bottom: -1px; |
|
} |
|
.ui-tabs-nav li { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
float: left; |
|
border: 1px solid #d3d3d3; |
|
border-right: none; |
|
} |
|
.ui-tabs-nav li a { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
float: left; |
|
font-size: 1em; |
|
font-weight: normal; |
|
text-decoration: none; |
|
padding: .5em 1.7em; |
|
color: #555555; |
|
background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; |
|
} |
|
.ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active { /* order: LVHFA */ |
|
background: #ffa20a url(images/ffa20a_40x100_textures_05_inset_soft_75.png) 0 50% repeat-x; |
|
color: #212121; |
|
} |
|
.ui-tabs-nav li.ui-tabs-selected { |
|
border-bottom-color: #ffffff; |
|
} |
|
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover, |
|
.ui-tabs-nav li.ui-tabs-selected a:focus, .ui-tabs-nav li.ui-tabs-selected a:active { |
|
background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; |
|
color: #222222; |
|
} |
|
.ui-tabs-panel { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
font-family: Verdana, Arial, sans-serif; |
|
clear:left; |
|
border: 1px solid #d3d3d3; |
|
background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x; |
|
color: #222222; |
|
padding: 1.5em 1.7em; |
|
font-size: 1.1em; |
|
min-width: 0; /* => IE7 trigger hasLayout (while maintaining valid CSS) to prevent margins pushed here from preceding elements */ |
|
} |
|
* html .ui-tabs-panel { |
|
display: inline-block; /* => IE6 trigger hasLayout (while maintaining valid CSS) in IE6 to prevent margins pushed here from preceding elements */ |
|
} |
|
.ui-tabs-hide { |
|
display: none !important/*for accessible hiding: position: absolute; left: -99999999px;*/; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*slider*/ |
|
.ui-slider { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
font-family: Verdana, Arial, sans-serif; |
|
font-size: 1.1em; |
|
background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x; |
|
border: 1px solid #dddddd; |
|
height: .8em; |
|
position: relative; |
|
} |
|
.ui-slider-handle { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
position: absolute; |
|
z-index: 2; |
|
top: -3px; |
|
width: 1.2em; |
|
height: 1.2em; |
|
background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; |
|
border: 1px solid #d3d3d3; |
|
} |
|
.ui-slider-handle:hover { |
|
background: #ffa20a url(images/ffa20a_40x100_textures_05_inset_soft_75.png) 0 50% repeat-x; |
|
border: 1px solid #999999; |
|
} |
|
.ui-slider-handle-active, .ui-slider-handle-active:hover { |
|
background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; |
|
border: 1px solid #dddddd; |
|
} |
|
.ui-slider-range { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
height: .8em; |
|
background: #ffa20a url(images/ffa20a_40x100_textures_05_inset_soft_75.png) 0 50% repeat-x; |
|
position: absolute; |
|
border: 1px solid #d3d3d3; |
|
border-left: 0; |
|
border-right: 0; |
|
top: -1px; |
|
z-index: 1; |
|
opacity:.7; |
|
filter:Alpha(Opacity=70); |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
/*dialog*/ |
|
.ui-dialog { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
font-family: Verdana, Arial, sans-serif; |
|
font-size: 1.1em; |
|
background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x; |
|
color: #222222; |
|
border: 4px solid #dddddd; |
|
position: relative; |
|
} |
|
.ui-resizable-handle { |
|
position: absolute; |
|
font-size: 0.1px; |
|
z-index: 99999; |
|
} |
|
.ui-resizable .ui-resizable-handle { |
|
display: block; |
|
} |
|
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */ |
|
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */ |
|
.ui-resizable-n { |
|
cursor: n-resize; |
|
height: 7px; |
|
width: 100%; |
|
top: -5px; |
|
left: 0px; |
|
} |
|
.ui-resizable-s { |
|
cursor: s-resize; |
|
height: 7px; |
|
width: 100%; |
|
bottom: -5px; |
|
left: 0px; |
|
} |
|
.ui-resizable-e { |
|
cursor: e-resize; |
|
width: 7px; |
|
right: -5px; |
|
top: 0px; |
|
height: 100%; |
|
} |
|
.ui-resizable-w { |
|
cursor: w-resize; |
|
width: 7px; |
|
left: -5px; |
|
top: 0px; |
|
height: 100%; |
|
} |
|
.ui-resizable-se { |
|
cursor: se-resize; |
|
width: 18px; |
|
height: 18px; |
|
right: -5px; |
|
bottom: -5px; |
|
background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0; |
|
} |
|
.ui-resizable-sw { |
|
cursor: sw-resize; |
|
width: 9px; |
|
height: 9px; |
|
left: -5px; |
|
bottom: -5px; |
|
} |
|
.ui-resizable-nw { |
|
cursor: nw-resize; |
|
width: 9px; |
|
height: 9px; |
|
left: -5px; |
|
top: -5px; |
|
} |
|
.ui-resizable-ne { |
|
cursor: ne-resize; |
|
width: 9px; |
|
height: 9px; |
|
right: -5px; |
|
top: -5px; |
|
} |
|
.ui-dialog-titlebar { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
padding: .5em 1.5em .5em 1em; |
|
color: #555555; |
|
background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; |
|
border-bottom: 1px solid #d3d3d3; |
|
font-size: 1em; |
|
font-weight: normal; |
|
position: relative; |
|
} |
|
.ui-dialog-title {} |
|
.ui-dialog-titlebar-close { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
background: url(images/888888_11x11_icon_close.gif) 0 0 no-repeat; |
|
position: absolute; |
|
right: 8px; |
|
top: .7em; |
|
width: 11px; |
|
height: 11px; |
|
z-index: 100; |
|
} |
|
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover { |
|
background: url(images/454545_11x11_icon_close.gif) 0 0 no-repeat; |
|
} |
|
.ui-dialog-titlebar-close:active { |
|
background: url(images/222222_11x11_icon_close.gif) 0 0 no-repeat; |
|
} |
|
.ui-dialog-titlebar-close span { |
|
display: none; |
|
} |
|
.ui-dialog-content { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
color: #222222; |
|
padding: 1.5em 1.7em; |
|
} |
|
.ui-dialog-buttonpane { |
|
position: absolute; |
|
bottom: 0; |
|
width: 100%; |
|
text-align: left; |
|
border-top: 1px solid #dddddd; |
|
background: #ffffff; |
|
} |
|
.ui-dialog-buttonpane button { |
|
margin: .5em 0 .5em 8px; |
|
color: #555555; |
|
background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; |
|
font-size: 1em; |
|
border: 1px solid #d3d3d3; |
|
cursor: pointer; |
|
padding: .2em .6em .3em .6em; |
|
line-height: 1.4em; |
|
} |
|
.ui-dialog-buttonpane button:hover { |
|
color: #212121; |
|
background: #ffa20a url(images/ffa20a_40x100_textures_05_inset_soft_75.png) 0 50% repeat-x; |
|
border: 1px solid #999999; |
|
} |
|
.ui-dialog-buttonpane button:active { |
|
color: #222222; |
|
background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; |
|
border: 1px solid #dddddd; |
|
} |
|
/* This file skins dialog */ |
|
.ui-dialog.ui-draggable .ui-dialog-titlebar, |
|
.ui-dialog.ui-draggable .ui-dialog-titlebar { |
|
cursor: move; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*datepicker*/ |
|
/* Main Style Sheet for jQuery UI date picker */ |
|
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div { |
|
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
font-family: Verdana, Arial, sans-serif; |
|
background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x; |
|
font-size: 1.1em; |
|
border: 4px solid #dddddd; |
|
width: 15.5em; |
|
padding: 2.5em .5em .5em .5em; |
|
position: relative; |
|
} |
|
.ui-datepicker-div, #ui-datepicker-div { |
|
z-index: 9999; /*must have*/ |
|
display: none; |
|
} |
|
.ui-datepicker-inline { |
|
float: left; |
|
display: block; |
|
} |
|
.ui-datepicker-control { |
|
display: none; |
|
} |
|
.ui-datepicker-current { |
|
display: none; |
|
} |
|
.ui-datepicker-next, .ui-datepicker-prev { |
|
position: absolute; |
|
left: .5em; |
|
top: .5em; |
|
background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; |
|
} |
|
.ui-datepicker-next { |
|
left: 14.6em; |
|
} |
|
.ui-datepicker-next:hover, .ui-datepicker-prev:hover { |
|
background: #ffa20a url(images/ffa20a_40x100_textures_05_inset_soft_75.png) 0 50% repeat-x; |
|
} |
|
.ui-datepicker-next a, .ui-datepicker-prev a { |
|
text-indent: -999999px; |
|
width: 1.3em; |
|
height: 1.4em; |
|
display: block; |
|
font-size: 1em; |
|
background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat; |
|
border: 1px solid #d3d3d3; |
|
cursor: pointer; |
|
} |
|
.ui-datepicker-next a { |
|
background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat; |
|
} |
|
.ui-datepicker-prev a:hover { |