to delete the old jquery-ui css framework atfirst
git-svn-id: https://svn.code.sf.net/p/xcat/code/xcat-core/trunk@4496 8638fb3e-16cb-4fca-ae20-7b5d299a9bcd
@ -1,167 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<title>Themeroller Demo</title>
|
||||
|
||||
<script src="http://ui.jquery.com/js/jquery.js"></script>
|
||||
<script src="http://ui.jquery.com/js/ui.js"></script>
|
||||
<link rel="stylesheet" href="http://ui.jquery.com/applications/themeroller/css/app_screen.css" type="text/css" media="screen" />
|
||||
<link rel="stylesheet" href="jquery-ui-themeroller.css" type="text/css" media="screen" />
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
//accordion
|
||||
$('#accordion').accordion({
|
||||
header: ".ui-accordion-header",
|
||||
clearStyle: true
|
||||
});
|
||||
|
||||
//tabs
|
||||
$('#tabs ul').tabs();
|
||||
|
||||
//datepicker
|
||||
$('#ui-datepicker').datepicker({
|
||||
changeFirstDay: false
|
||||
});
|
||||
|
||||
//slider
|
||||
$('#slider').slider({range: true});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//dialog (currently not js-driven in themeroller)
|
||||
/*
|
||||
var dOffset = $('#dialogContent').offset();
|
||||
$('#dialogContent').dialog({
|
||||
buttons: {
|
||||
'Okay': function() { },
|
||||
'Cancel': function() { }
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
window.scrollTo(0,0);
|
||||
|
||||
*/
|
||||
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="compGroupA" class="clearfix">
|
||||
|
||||
<!-- ACCORDION -->
|
||||
|
||||
|
||||
|
||||
<h2 class="demoHeaders">Accordion</h2>
|
||||
|
||||
<div id="accordion">
|
||||
<div class="ui-accordion-group">
|
||||
<h3 class="ui-accordion-header"><a href="#">Test 1</a></h3>
|
||||
<div class="ui-accordion-content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui-accordion-group">
|
||||
<h3 class="ui-accordion-header"><a href="#">Test 2</a></h3>
|
||||
<div class="ui-accordion-content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div>
|
||||
</div>
|
||||
<div class="ui-accordion-group">
|
||||
<h3 class="ui-accordion-header"><a href="#">Test 3</a></h3>
|
||||
<div class="ui-accordion-content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- TABS -->
|
||||
|
||||
|
||||
<h2 class="demoHeaders">Tabs</h2>
|
||||
|
||||
<div id="tabs">
|
||||
<ul>
|
||||
<li class="ui-tabs-nav-item"><a href="#fragment-1">First Section</a></li>
|
||||
<li class="ui-tabs-nav-item"><a href="#fragment-2">Second Section</a></li>
|
||||
<li class="ui-tabs-nav-item"><a href="#fragment-3"><span>Third Section</span></a></li>
|
||||
</ul>
|
||||
<div id="fragment-1">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
<div id="fragment-2">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
<div id="fragment-3">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div><!-- /#compGroupA -->
|
||||
|
||||
<div id="compGroupB" class="clearfix">
|
||||
|
||||
<!-- SLIDER -->
|
||||
|
||||
<h2 class="demoHeaders">Slider</h2>
|
||||
|
||||
<div id="slider">
|
||||
<div class='ui-slider-handle'></div>
|
||||
<div class='ui-slider-handle' style="left: 100px;"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Date Picker -->
|
||||
<h2 class="demoHeaders">Date Picker</h2>
|
||||
|
||||
<div id="ui-datepicker" class="clearfix"></div>
|
||||
|
||||
|
||||
|
||||
<!-- Dialog NOTE: Dialog is not generated by UI in this demo so it can be visually styled in themeroller-->
|
||||
<h2 class="demoHeaders">Dialog</h2>
|
||||
|
||||
<div class="ui-dialog ui-draggable" style="width: 30em; height: 20em; ">
|
||||
<div style="position: relative;" class="ui-dialog-container">
|
||||
<div class="ui-dialog-titlebar">
|
||||
<span class="ui-dialog-title">This is my title</span>
|
||||
<a href="#" class="ui-dialog-titlebar-close"><span>X</span></a>
|
||||
</div>
|
||||
<div class="ui-dialog-content" id="dialogContent" title="This is my title">
|
||||
<p>I'm in a dialog!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui-resizable-n ui-resizable-handle"></div>
|
||||
<div class="ui-resizable-s ui-resizable-handle"></div>
|
||||
<div class="ui-resizable-e ui-resizable-handle"></div>
|
||||
<div class="ui-resizable-w ui-resizable-handle"></div>
|
||||
<div class="ui-resizable-ne ui-resizable-handle"></div>
|
||||
<div class="ui-resizable-se ui-resizable-handle"></div>
|
||||
<div class="ui-resizable-sw ui-resizable-handle"></div>
|
||||
<div class="ui-resizable-nw ui-resizable-handle"></div>
|
||||
<div class="ui-dialog-buttonpane">
|
||||
<button>Okay</button>
|
||||
<button>Cancel</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div><!-- /#compGroupB -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
Before Width: | Height: | Size: 58 B |
Before Width: | Height: | Size: 56 B |
Before Width: | Height: | Size: 62 B |
Before Width: | Height: | Size: 64 B |
Before Width: | Height: | Size: 61 B |
Before Width: | Height: | Size: 61 B |
Before Width: | Height: | Size: 56 B |
Before Width: | Height: | Size: 61 B |
Before Width: | Height: | Size: 61 B |
Before Width: | Height: | Size: 52 B |
Before Width: | Height: | Size: 53 B |
Before Width: | Height: | Size: 53 B |
Before Width: | Height: | Size: 52 B |
Before Width: | Height: | Size: 58 B |
Before Width: | Height: | Size: 56 B |
Before Width: | Height: | Size: 62 B |
Before Width: | Height: | Size: 64 B |
Before Width: | Height: | Size: 61 B |
Before Width: | Height: | Size: 61 B |
Before Width: | Height: | Size: 56 B |
Before Width: | Height: | Size: 61 B |
Before Width: | Height: | Size: 52 B |
Before Width: | Height: | Size: 53 B |
Before Width: | Height: | Size: 53 B |
Before Width: | Height: | Size: 52 B |
Before Width: | Height: | Size: 219 B |
Before Width: | Height: | Size: 221 B |
Before Width: | Height: | Size: 214 B |
Before Width: | Height: | Size: 180 B |
Before Width: | Height: | Size: 58 B |
Before Width: | Height: | Size: 56 B |
Before Width: | Height: | Size: 62 B |
Before Width: | Height: | Size: 64 B |
Before Width: | Height: | Size: 61 B |
Before Width: | Height: | Size: 61 B |
Before Width: | Height: | Size: 56 B |
Before Width: | Height: | Size: 61 B |
Before Width: | Height: | Size: 52 B |
Before Width: | Height: | Size: 53 B |
Before Width: | Height: | Size: 53 B |
Before Width: | Height: | Size: 52 B |
@ -1,833 +0,0 @@
|
||||
/*
|
||||
* 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: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
|
||||
font-size: 1.2em;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
}
|
||||
.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 #cccccc;
|
||||
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: #e0e0e0 url(images/e0e0e0_40x100_textures_02_glass_80.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: #444444;
|
||||
background: url(images/888888_7x7_arrow_right.gif) .5em 50% no-repeat;
|
||||
}
|
||||
.ui-accordion-header a:hover {
|
||||
background: url(images/222222_7x7_arrow_right.gif) .5em 50% no-repeat;
|
||||
color: #111111;
|
||||
}
|
||||
.ui-accordion-header:hover {
|
||||
background: #d8d8d8 url(images/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
|
||||
color: #111111;
|
||||
}
|
||||
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
|
||||
background: #8ab9ff url(images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
|
||||
}
|
||||
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
|
||||
color: #000000;
|
||||
background: url(images/ffffff_7x7_arrow_down.gif) .5em 50% no-repeat;
|
||||
}
|
||||
.ui-accordion-content {
|
||||
padding: 1.5em 1.7em;
|
||||
background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
|
||||
color: #362b36;
|
||||
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: Lucida Grande, Lucida Sans, Arial, sans-serif;
|
||||
font-size: 1.2em;
|
||||
float: left;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border-right: 1px solid #cccccc;
|
||||
bottom: -1px;
|
||||
}
|
||||
.ui-tabs-nav-item {
|
||||
/*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 #cccccc;
|
||||
border-right: none;
|
||||
}
|
||||
.ui-tabs-nav-item 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: #444444;
|
||||
background: #e0e0e0 url(images/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
|
||||
}
|
||||
.ui-tabs-nav-item a:hover {
|
||||
background: #d8d8d8 url(images/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
|
||||
color: #111111;
|
||||
}
|
||||
.ui-tabs-selected {
|
||||
border-bottom-color: #8ab9ff;
|
||||
}
|
||||
.ui-tabs-selected a, .ui-tabs-selected a:hover {
|
||||
background: #8ab9ff url(images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
|
||||
color: #000000;
|
||||
}
|
||||
.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: Lucida Grande, Lucida Sans, Arial, sans-serif;
|
||||
clear:left;
|
||||
border: 1px solid #cccccc;
|
||||
background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
|
||||
color: #362b36;
|
||||
padding: 1.5em 1.7em;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.ui-tabs-hide {
|
||||
display: none;/* 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: Lucida Grande, Lucida Sans, Arial, sans-serif;
|
||||
font-size: 1.2em;
|
||||
background: #f3f3f3 url(images/f3f3f3_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: #e0e0e0 url(images/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
.ui-slider-handle:hover {
|
||||
background: #d8d8d8 url(images/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
|
||||
border: 1px solid #888888;
|
||||
}
|
||||
.ui-slider-handle-active, .ui-slider-handle-active:hover {
|
||||
background: #8ab9ff url(images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
|
||||
border: 1px solid #2694e8;
|
||||
}
|
||||
.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: #d8d8d8 url(images/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
|
||||
position: absolute;
|
||||
border: 1px solid #cccccc;
|
||||
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: Lucida Grande, Lucida Sans, Arial, sans-serif;
|
||||
font-size: 1.2em;
|
||||
background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
|
||||
color: #362b36;
|
||||
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: 13px;
|
||||
height: 13px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
|
||||
}
|
||||
.ui-resizable-sw {
|
||||
cursor: sw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
.ui-resizable-nw {
|
||||
cursor: nw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
.ui-resizable-ne {
|
||||
cursor: ne-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
.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: #444444;
|
||||
background: #e0e0e0 url(images/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
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/222222_11x11_icon_close.gif) 0 0 no-repeat;
|
||||
}
|
||||
.ui-dialog-titlebar-close:active {
|
||||
background: url(images/ffffff_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: #362b36;
|
||||
padding: 1.5em 1.7em;
|
||||
}
|
||||
.ui-dialog-buttonpane {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
border-top: 1px solid #dddddd;
|
||||
background: #f3f3f3;
|
||||
}
|
||||
.ui-dialog-buttonpane button {
|
||||
margin: .5em 0 .5em 8px;
|
||||
color: #444444;
|
||||
background: #e0e0e0 url(images/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
|
||||
font-size: 1em;
|
||||
border: 1px solid #cccccc;
|
||||
cursor: pointer;
|
||||
padding: .2em .6em .3em .6em;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
.ui-dialog-buttonpane button:hover {
|
||||
color: #111111;
|
||||
background: #d8d8d8 url(images/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
|
||||
border: 1px solid #888888;
|
||||
}
|
||||
.ui-dialog-buttonpane button:active {
|
||||
color: #000000;
|
||||
background: #8ab9ff url(images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
|
||||
border: 1px solid #2694e8;
|
||||
}
|
||||
/* 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: Lucida Grande, Lucida Sans, Arial, sans-serif;
|
||||
background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
|
||||
font-size: 1.2em;
|
||||
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: #e0e0e0 url(images/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
|
||||
}
|
||||
.ui-datepicker-next {
|
||||
left: 14.6em;
|
||||
}
|
||||
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
|
||||
background: #d8d8d8 url(images/d8d8d8_40x100_textures_02_glass_90.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 #cccccc;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ui-datepicker-next a {
|
||||
background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
|
||||
}
|
||||
.ui-datepicker-prev a:hover {
|
||||
background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
|
||||
}
|
||||
.ui-datepicker-next a:hover {
|
||||
background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
|
||||
}
|
||||
.ui-datepicker-prev a:active {
|
||||
background: url(images/ffffff_7x7_arrow_left.gif) 50% 50% no-repeat;
|
||||
}
|
||||
.ui-datepicker-next a:active {
|
||||
background: url(images/ffffff_7x7_arrow_right.gif) 50% 50% no-repeat;
|
||||
}
|
||||
.ui-datepicker-header select {
|
||||
border: 1px solid #cccccc;
|
||||
color: #444444;
|
||||
background: #e0e0e0;
|
||||
font-size: 1em;
|
||||
line-height: 1.4em;
|
||||
position: absolute;
|
||||
top: .5em;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
|
||||
background: #d8d8d8;
|
||||
}
|
||||
.ui-datepicker-header select.ui-datepicker-new-month {
|
||||
width: 7em;
|
||||
left: 2.2em;
|
||||
}
|
||||
.ui-datepicker-header select.ui-datepicker-new-year {
|
||||
width: 5em;
|
||||
left: 9.4em;
|
||||
}
|
||||
table.ui-datepicker {
|
||||
width: 15.5em;
|
||||
text-align: right;
|
||||
}
|
||||
table.ui-datepicker td a {
|
||||
padding: .1em .3em .1em 0;
|
||||
display: block;
|
||||
color: #444444;
|
||||
background: #e0e0e0 url(images/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
|
||||
cursor: pointer;
|
||||
border: 1px solid #f3f3f3;
|
||||
}
|
||||
table.ui-datepicker td a:hover {
|
||||
border: 1px solid #888888;
|
||||
color: #111111;
|
||||
background: #d8d8d8 url(images/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
|
||||
}
|
||||
table.ui-datepicker td a:active {
|
||||
border: 1px solid #2694e8;
|
||||
color: #000000;
|
||||
background: #8ab9ff url(images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
|
||||
}
|
||||
table.ui-datepicker .ui-datepicker-title-row td {
|
||||
padding: .3em 0;
|
||||
text-align: center;
|
||||
font-size: .9em;
|
||||
color: #362b36;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
table.ui-datepicker .ui-datepicker-title-row td a {
|
||||
color: #362b36;
|
||||
}
|
||||
.ui-datepicker-cover {
|
||||
display: none;
|
||||
display/**/: block;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
/* filter: mask(); */
|
||||
top: -4px;
|
||||
left: -4px;
|
||||
width: 193px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* ui-autocomplete */
|
||||
.ui-autocomplete-results {
|
||||
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
|
||||
font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
|
||||
font-size: 1.2em;
|
||||
z-index: 9999;
|
||||
}
|
||||
.ui-autocomplete-results ul, .ui-autocomplete-results li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.ui-autocomplete-results ul {
|
||||
border: 1px solid #cccccc;
|
||||
background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
|
||||
color: #362b36;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
.ui-autocomplete-results li {
|
||||
padding: .4em .5em;
|
||||
color: #444444;
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
position: relative;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
margin: 1px 0;
|
||||
}
|
||||
.ui-autocomplete-results li.ui-hover-state, .ui-autocomplete-results li.ui-active-state {
|
||||
margin: 0;
|
||||
}
|
||||
/*Paul - you could add classes for these first last states instead for ie6... */
|
||||
.ui-autocomplete-results li:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
.ui-autocomplete-results li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.ui-autocomplete-results li.ui-autocomplete-over {
|
||||
border: 1px solid #888888;
|
||||
background: #d8d8d8 url(images/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
|
||||
color: #111111 !important;
|
||||
}
|
||||
.ui-autocomplete-results li.ui-autocomplete-active {
|
||||
border: 1px solid #2694e8;
|
||||
background: #8ab9ff url(images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
|
||||
color: #000000 !important;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*UI ProgressBar */
|
||||
.ui-progressbar {
|
||||
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
|
||||
font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
|
||||
font-size: 1.2em;
|
||||
background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
|
||||
border: 1px solid #dddddd;
|
||||
position: relative;
|
||||
}
|
||||
.ui-progressbar-bar {
|
||||
background: #e0e0e0 url(images/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
border: 1px solid #cccccc;
|
||||
margin-top: -1px;
|
||||
margin-left: -1px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
.ui-progressbar-text {
|
||||
color: #444444;
|
||||
padding: .2em .5em;
|
||||
font-weight: normal;
|
||||
}
|
||||
.ui-progressbar-text-back {
|
||||
display: none;
|
||||
/* position: absolute;
|
||||
top: 1px;
|
||||
left: 0px;
|
||||
font-weight: normal;
|
||||
color:#000;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
padding-right: 1px;
|
||||
*/
|
||||
}
|
||||
.ui-progressbar-disabled {
|
||||
opacity:.5;
|
||||
/* filter:Alpha(Opacity=50); */
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*UI Colorpicker */
|
||||
.ui-colorpicker {
|
||||
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
|
||||
font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
|
||||
font-size: 1.2em;
|
||||
background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
|
||||
border: 4px solid #dddddd;
|
||||
padding: 5px;
|
||||
width: 360px;
|
||||
position: relative;
|
||||
}
|
||||
.ui-colorpicker-color {
|
||||
float: left;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.ui-colorpicker-color div { /* is this extra div needed? why not just .ui-colorpicker-color ? */
|
||||
border: 1px solid #cccccc;
|
||||
height: 150px;
|
||||
background: url(images/_x_.);
|
||||
position: relative;
|
||||
}
|
||||
.ui-colorpicker-color div div {/* shouldn't this have a class like ui-colorpicker-selector ? */
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
background: url(images/_x_.);
|
||||
position: absolute;
|
||||
border: 0;
|
||||
margin: -5px 0 0 -5px;
|
||||
float: none;
|
||||
}
|
||||
.ui-colorpicker-hue {
|
||||
border: 1px solid #cccccc;
|
||||
float: left;
|
||||
width: 17px;
|
||||
height: 150px;
|
||||
background: url(images/_x_.);
|
||||
position: relative;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.ui-colorpicker-hue div {
|
||||
background:transparent url(images/_x_.); /*this image should be themerollable*/
|
||||
height:9px;
|
||||
left:-9px;
|
||||
margin:-4px 0 0;
|
||||
position:absolute;
|
||||
width:35px;
|
||||
cursor: ns-resize;
|
||||
}
|
||||
.ui-colorpicker-new-color, .ui-colorpicker-current-color {
|
||||
float: left;
|
||||
width: 6.5em;
|
||||
height: 30px;
|
||||
border: 1px solid #cccccc;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.ui-colorpicker-current-color {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.ui-colorpicker-field, .ui-colorpicker-hex {
|
||||
position: absolute;
|
||||
width: 6em;
|
||||
}
|
||||
.ui-colorpicker-field label, .ui-colorpicker-field input,
|
||||
.ui-colorpicker-hex label, .ui-colorpicker-hex input {
|
||||
font-size: 1em;
|
||||
color: #ffffff;
|
||||
}
|
||||
.ui-colorpicker-field label, .ui-colorpicker-hex label {
|
||||
width: 1em;
|
||||
margin-right: .3em;
|
||||
}
|
||||
.ui-colorpicker-field input, .ui-colorpicker-hex input {
|
||||
border: 1px solid #cccccc;
|
||||
width: 4.6em;
|
||||
}
|
||||
.ui-colorpicker-hex {
|
||||
left: 205px;
|
||||
top: 134px;
|
||||
}
|
||||
.ui-colorpicker-rgb-r {
|
||||
top: 52px;
|
||||
left: 205px;
|
||||
}
|
||||
.ui-colorpicker-rgb-g {
|
||||
top: 78px;
|
||||
left: 205px;
|
||||
}
|
||||
.ui-colorpicker-rgb-b {
|
||||
top: 105px;
|
||||
left: 205px;
|
||||
}
|
||||
.ui-colorpicker-hsb-h {
|
||||
top: 52px;
|
||||
left: 290px;
|
||||
}
|
||||
.ui-colorpicker-hsb-s {
|
||||
top: 78px;
|
||||
left: 290px;
|
||||
}
|
||||
.ui-colorpicker-hsb-b {
|
||||
top: 105px;
|
||||
left: 290px;
|
||||
}
|
||||
|
||||
.ui-colorpicker-field label {
|
||||
font-weight: normal;
|
||||
}
|
||||
.ui-colorpicker-field span {
|
||||
width: 7px;
|
||||
background: url(images/888888_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;
|
||||
right: 5px;
|
||||
top: 0;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
}
|
||||
.ui-colorpicker-field span:hover {
|
||||
background: url(images/222222_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;
|
||||
}
|
||||
|
||||
.ui-colorpicker-submit {
|
||||
right: 14px;
|
||||
top: 134px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
Generic ThemeRoller Classes
|
||||
>> Make your jQuery Components ThemeRoller-Compatible!
|
||||
*/
|
||||
|
||||
/*component global class*/
|
||||
.ui-component {
|
||||
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
|
||||
font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
/*component content styles*/
|
||||
.ui-component-content {
|
||||
border: 1px solid #dddddd;
|
||||
background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
|
||||
color: #362b36;
|
||||
}
|
||||
.ui-component-content a {
|
||||
color: #362b36;
|
||||
text-decoration: underline;
|
||||
}
|
||||
/*component states*/
|
||||
.ui-default-state {
|
||||
border: 1px solid #cccccc;
|
||||
background: #e0e0e0 url(images/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
|
||||
font-weight: normal;
|
||||
color: #444444 !important;
|
||||
}
|
||||
.ui-default-state a {
|
||||
color: #444444;
|
||||
}
|
||||
.ui-default-state:hover, .ui-hover-state {
|
||||
border: 1px solid #888888;
|
||||
background: #d8d8d8 url(images/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
|
||||
font-weight: normal;
|
||||
color: #111111 !important;
|
||||
}
|
||||
.ui-hover-state a {
|
||||
color: #111111;
|
||||
}
|
||||
.ui-default-state:active, .ui-active-state {
|
||||
border: 1px solid #2694e8;
|
||||
background: #8ab9ff url(images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
|
||||
font-weight: normal;
|
||||
color: #000000 !important;
|
||||
outline: none;
|
||||
}
|
||||
.ui-active-state a {
|
||||
color: #000000;
|
||||
outline: none;
|
||||
}
|
||||
/*icons*/
|
||||
.ui-arrow-right-default {background: url(images/888888_7x7_arrow_right.gif) no-repeat 50% 50%;}
|
||||
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
|
||||
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/ffffff_7x7_arrow_right.gif) no-repeat 50% 50%;}
|
||||
.ui-arrow-right-content {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
|
||||
|
||||
.ui-arrow-left-default {background: url(images/888888_7x7_arrow_left.gif) no-repeat 50% 50%;}
|
||||
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
|
||||
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/ffffff_7x7_arrow_left.gif) no-repeat 50% 50%;}
|
||||
.ui-arrow-left-content {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
|
||||
|
||||
.ui-arrow-down-default {background: url(images/888888_7x7_arrow_down.gif) no-repeat 50% 50%;}
|
||||
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
|
||||
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/ffffff_7x7_arrow_down.gif) no-repeat 50% 50%;}
|
||||
.ui-arrow-down-content {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
|
||||
|
||||
.ui-arrow-up-default {background: url(images/888888_7x7_arrow_up.gif) no-repeat 50% 50%;}
|
||||
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
|
||||
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/ffffff_7x7_arrow_up.gif) no-repeat 50% 50%;}
|
||||
.ui-arrow-up-content {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
|
||||
|
||||
.ui-close-default {background: url(images/888888_11x11_icon_close.gif) no-repeat 50% 50%;}
|
||||
.ui-close-default:hover, .ui-close-hover {background: url(images/222222_11x11_icon_close.gif) no-repeat 50% 50%;}
|
||||
.ui-close-default:active, .ui-close-active {background: url(images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}
|
||||
.ui-close-content {background: url(images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}
|
||||
|
||||
.ui-folder-closed-default {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
|
||||
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/222222_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
|
||||
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/ffffff_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
|
||||
.ui-folder-closed-content {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
|
||||
|
||||
.ui-folder-open-default {background: url(images/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
|
||||
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
|
||||
.ui-folder-open-default:active, .ui-folder-open-active {background: url(images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
|
||||
.ui-folder-open-content {background: url(images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
|
||||
|
||||
.ui-doc-default {background: url(images/888888_11x11_icon_doc.gif) no-repeat 50% 50%;}
|
||||
.ui-doc-default:hover, .ui-doc-hover {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
|
||||
.ui-doc-default:active, .ui-doc-active {background: url(images/ffffff_11x11_icon_doc.gif) no-repeat 50% 50%;}
|
||||
.ui-doc-content {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
|
||||
|
||||
.ui-arrows-leftright-default {background: url(images/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
|
||||
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
|
||||
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/ffffff_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
|
||||
.ui-arrows-leftright-content {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
|
||||
|
||||
.ui-arrows-updown-default {background: url(images/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
|
||||
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
|
||||
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/ffffff_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
|
||||
.ui-arrows-updown-content {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
|
||||
|
||||
.ui-minus-default {background: url(images/888888_11x11_icon_minus.gif) no-repeat 50% 50%;}
|
||||
.ui-minus-default:hover, .ui-minus-hover {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
|
||||
.ui-minus-default:active, .ui-minus-active {background: url(images/ffffff_11x11_icon_minus.gif) no-repeat 50% 50%;}
|
||||
.ui-minus-content {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
|
||||
|
||||
.ui-plus-default {background: url(images/888888_11x11_icon_plus.gif) no-repeat 50% 50%;}
|
||||
.ui-plus-default:hover, .ui-plus-hover {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
|
||||
.ui-plus-default:active, .ui-plus-active {background: url(images/ffffff_11x11_icon_plus.gif) no-repeat 50% 50%;}
|
||||
.ui-plus-content {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
|
||||
|
||||
/*hidden elements*/
|
||||
.ui-hidden {
|
||||
display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
|
||||
}
|
||||
.ui-accessible-hidden {
|
||||
position: absolute; left: -99999999px;
|
||||
}
|
||||
/*reset styles*/
|
||||
.ui-reset {
|
||||
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
|
||||
}
|
||||
/*clearfix class*/
|
||||
.ui-clearfix:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
.ui-clearfix {display: inline-block;}
|
||||
/* Hides from IE-mac \*/
|
||||
* html .ui-clearfix {height: 1%;}
|
||||
.ui-clearfix {display: block;}
|
||||
/* End hide from IE-mac */
|
||||
|
||||
/* Note: for resizable styles, use the styles listed above in the dialog section */
|
||||
|
||||
/* added to make it so you can't close the dialog! */
|
||||
.ui-dialog-titlebar-close { display: none; }
|