library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

set svn:eol-style to native

Browse Source
This commit is contained in:
Richard Worth 2008-12-05 20:19:46 +00:00
parent d8841a752b
commit 485e8fdb1f
20 changed files with 1148 additions and 1148 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
AUTHORS.txt
View File

@ -1,26 +1,26 @@
jQuery UI Authors (http://ui.jquery.com/about)
This software consists of voluntary contributions made by many
individuals. For exact contribution history, see the revision history
and logs, available at http://jquery-ui.googlecode.com/svn/
Brandon Aaron
Paul Bakaus (paulbakaus.com)
David Bolter
Chi Cheng (cloudream@gmail.com)
Maggie Costello
Aaron Eisenberger (aaronchi@gmail.com)
Ariel Flesler
Scott González
Marc Grabanski (m@marcgrabanski.com)
Klaus Hartl (stilbuero.de)
Scott Jehl
Cody Lindley
Eduardo Lundgren
Todd Parker
John Resig
Patty Toland
Ca-Phun Ung (yelotofu.com)
Keith Wood (kbwood@virginbroadband.com.au)
Richard D. Worth (rdworth.org)
Jörn Zaefferer
jQuery UI Authors (http://ui.jquery.com/about)
This software consists of voluntary contributions made by many
individuals. For exact contribution history, see the revision history
and logs, available at http://jquery-ui.googlecode.com/svn/
Brandon Aaron
Paul Bakaus (paulbakaus.com)
David Bolter
Chi Cheng (cloudream@gmail.com)
Maggie Costello
Aaron Eisenberger (aaronchi@gmail.com)
Ariel Flesler
Scott González
Marc Grabanski (m@marcgrabanski.com)
Klaus Hartl (stilbuero.de)
Scott Jehl
Cody Lindley
Eduardo Lundgren
Todd Parker
John Resig
Patty Toland
Ca-Phun Ung (yelotofu.com)
Keith Wood (kbwood@virginbroadband.com.au)
Richard D. Worth (rdworth.org)
Jörn Zaefferer

64
tests/static/accordion.html
View File

@ -1,32 +1,32 @@
<!doctype html>
<html>
<head>
<title>jQuery UI Accordion Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
</head>
<body>
<h1>jQuery UI Accordion Static Markup Test Page</h1>
<div class="ui-accordion ui-widget ui-helper-reset">
<div class="ui-accordion-group selected">
<h3 class="ui-accordion-header ui-helper-reset ui-state-active ui-corner-top" tabindex="0"><span class="ui-icon ui-icon-circle-minus"></span><a href="#">Test 1</a></h3>
<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px;">
<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 ui-helper-reset ui-state-default ui-corner-all" tabindex="0"><span class="ui-icon ui-icon-circle-plus"></span><a href="#">Test 2</a></h3>
<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px; display: none;">
<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 ui-helper-reset ui-state-default ui-corner-all" tabindex="0"><span class="ui-icon ui-icon-circle-plus"></span><a href="#">Test 3</a></h3>
<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px; display: none;">
<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>
</body>
</html>
<!doctype html>
<html>
<head>
<title>jQuery UI Accordion Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
</head>
<body>
<h1>jQuery UI Accordion Static Markup Test Page</h1>
<div class="ui-accordion ui-widget ui-helper-reset">
<div class="ui-accordion-group selected">
<h3 class="ui-accordion-header ui-helper-reset ui-state-active ui-corner-top" tabindex="0"><span class="ui-icon ui-icon-circle-minus"></span><a href="#">Test 1</a></h3>
<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px;">
<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 ui-helper-reset ui-state-default ui-corner-all" tabindex="0"><span class="ui-icon ui-icon-circle-plus"></span><a href="#">Test 2</a></h3>
<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px; display: none;">
<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 ui-helper-reset ui-state-default ui-corner-all" tabindex="0"><span class="ui-icon ui-icon-circle-plus"></span><a href="#">Test 3</a></h3>
<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px; display: none;">
<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>
</body>
</html>

74
tests/static/all.html
View File

@ -1,37 +1,37 @@
<!doctype html>
<html>
<head>
<title>jQuery UI Static Markup Test Page</title>
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
<style type="text/css">
dd.plugin { margin-top: 0.3em; margin-bottom: 1em; }
</style>
</head>
<body>
<dl id="plugins">
</dl>
<script type="text/javascript">
var plugins = $("#plugins");
$("accordion datepicker dialog progressbar slider tabs".split(" ")).each(function() {
var pluginName = this;
var url = pluginName + ".html";
$('<dt><a href="' + url + '">' + url + '</a></dt>').appendTo(plugins);
$('<dd class="plugin"></dd>').load(url, function() {
var plugin = $(this).find(".ui-" + pluginName).remove();
$(this).empty().append(plugin);
}).appendTo(plugins);
});
</script>
</body>
</html>
<!doctype html>
<html>
<head>
<title>jQuery UI Static Markup Test Page</title>
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
<style type="text/css">
dd.plugin { margin-top: 0.3em; margin-bottom: 1em; }
</style>
</head>
<body>
<dl id="plugins">
</dl>
<script type="text/javascript">
var plugins = $("#plugins");
$("accordion datepicker dialog progressbar slider tabs".split(" ")).each(function() {
var pluginName = this;
var url = pluginName + ".html";
$('<dt><a href="' + url + '">' + url + '</a></dt>').appendTo(plugins);
$('<dd class="plugin"></dd>').load(url, function() {
var plugin = $(this).find(".ui-" + pluginName).remove();
$(this).empty().append(plugin);
}).appendTo(plugins);
});
</script>
</body>
</html>

898
tests/static/datepicker.html
View File

@ -1,449 +1,449 @@
<!doctype html>
<html>
<head>
<title>jQuery UI Datepicker Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
</head>
<body>
<h1>jQuery UI Datepicker Static Markup Test Page</h1>
<!-- Datepicker with read only month/year -->
<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
<a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
<a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
<div class="ui-datepicker-title">
<span class="ui-datepicker-month">December</span>
<span class="ui-datepicker-year">2008</span>
</div>
</div>
<table class="ui-datepicker-calendar">
<thead>
<tr>
<th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
<th><span title="Monday">Mo</span></th>
<th><span title="Tuesday">Tu</span></th>
<th><span title="Wednesday">We</span></th>
<th><span title="Thursday">Th</span></th>
<th><span title="Friday">Fr</span></th>
<th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class=""><a href="#" class="ui-state-default">1</a></td>
<td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
<td class=""><a href="#" class="ui-state-default">3</a></td>
<td class=""><a href="#" class="ui-state-default">4</a></td>
<td class=""><a href="#" class="ui-state-default">5</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
<td class=""><a href="#" class="ui-state-default">8</a></td>
<td class=""><a href="#" class="ui-state-default">9</a></td>
<td class=""><a href="#" class="ui-state-default">10</a></td>
<td class=""><a href="#" class="ui-state-default">11</a></td>
<td class=""><a href="#" class="ui-state-default">12</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
<td class=""><a href="#" class="ui-state-default">15</a></td>
<td class=""><a href="#" class="ui-state-default">16</a></td>
<td class=""><a href="#" class="ui-state-default">17</a></td>
<td class=""><a href="#" class="ui-state-default">18</a></td>
<td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
<td class=""><a href="#" class="ui-state-default">22</a></td>
<td class=""><a href="#" class="ui-state-default">23</a></td>
<td class=""><a href="#" class="ui-state-default">24</a></td>
<td class=""><a href="#" class="ui-state-default">25</a></td>
<td class=""><a href="#" class="ui-state-default">26</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
<td class=""><a href="#" class="ui-state-default">29</a></td>
<td class=""><a href="#" class="ui-state-default">30</a></td>
<td class=""><a href="#" class="ui-state-default">31</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td></tr>
</tbody>
</table>
</div>
<!-- Datepicker with 1 combined select
<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
<a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
<a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
<div class="ui-datepicker-title">
<select class="ui-datepicker-month-year">
<optgroup name="2007">
<option value="2007_0">January 2007</option>
<option value="2007_1">February 2007</option>
<option value="2007_2">March 2007</option>
<option value="2007_3">April 2007</option>
<option value="2007_4">May 2007</option>
<option value="2007_5">June 2007</option>
<option value="2007_6">July 2007</option>
<option value="2007_7">August 2007</option>
<option value="2007_8">September 2007</option>
<option value="2007_9">October 2007</option>
<option value="2007_10">November 2007</option>
<option value="2007_11">December 2007</option>
</optgroup>
<optgroup name="2008">
<option value="2008_0">January 2008</option>
<option value="2008_1">February 2008</option>
<option value="2008_2">March 2008</option>
<option value="2008_3">April 2008</option>
<option value="2008_4">May 2008</option>
<option value="2008_5">June 2008</option>
<option value="2008_6">July 2008</option>
<option value="2008_7">August 2008</option>
<option value="2008_8">September 2008</option>
<option value="2008_9">October 2008</option>
<option value="2008_10">November 2008</option>
<option selected="selected" value="2008_11">December 2008</option>
</optgroup>
<optgroup name="2009">
<option value="2009_0">January 2009</option>
<option value="2009_1">February 2009</option>
<option value="2009_2">March 2009</option>
<option value="2009_3">April 2009</option>
<option value="2009_4">May 2009</option>
<option value="2009_5">June 2009</option>
<option value="2009_6">July 2009</option>
<option value="2009_7">August 2009</option>
<option value="2009_8">September 2009</option>
<option value="2009_9">October 2009</option>
<option value="2009_10">November 2009</option>
<option value="2009_11">December 2009</option>
</optgroup>
<optgroup name="2010">
<option value="2010_0">January 2010</option>
<option value="2010_1">February 2010</option>
<option value="2010_2">March 2010</option>
<option value="2010_3">April 2010</option>
<option value="2010_4">May 2010</option>
<option value="2010_5">June 2010</option>
<option value="2010_6">July 2010</option>
<option value="2010_7">August 2010</option>
<option value="2010_8">September 2010</option>
<option value="2010_9">October 2010</option>
<option value="2010_10">November 2010</option>
<option value="2010_11">December 2010</option>
</optgroup>
</select>
</div>
</div>
<table class="ui-datepicker-calendar">
<thead>
<tr>
<th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
<th><span title="Monday">Mo</span></th>
<th><span title="Tuesday">Tu</span></th>
<th><span title="Wednesday">We</span></th>
<th><span title="Thursday">Th</span></th>
<th><span title="Friday">Fr</span></th>
<th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class=""><a href="#" class="ui-state-default">1</a></td>
<td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
<td class=""><a href="#" class="ui-state-default">3</a></td>
<td class=""><a href="#" class="ui-state-default">4</a></td>
<td class=""><a href="#" class="ui-state-default">5</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
<td class=""><a href="#" class="ui-state-default">8</a></td>
<td class=""><a href="#" class="ui-state-default">9</a></td>
<td class=""><a href="#" class="ui-state-default">10</a></td>
<td class=""><a href="#" class="ui-state-default">11</a></td>
<td class=""><a href="#" class="ui-state-default">12</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
<td class=""><a href="#" class="ui-state-default">15</a></td>
<td class=""><a href="#" class="ui-state-default">16</a></td>
<td class=""><a href="#" class="ui-state-default">17</a></td>
<td class=""><a href="#" class="ui-state-default">18</a></td>
<td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
<td class=""><a href="#" class="ui-state-default">22</a></td>
<td class=""><a href="#" class="ui-state-default">23</a></td>
<td class=""><a href="#" class="ui-state-default">24</a></td>
<td class=""><a href="#" class="ui-state-default">25</a></td>
<td class=""><a href="#" class="ui-state-default">26</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
<td class=""><a href="#" class="ui-state-default">29</a></td>
<td class=""><a href="#" class="ui-state-default">30</a></td>
<td class=""><a href="#" class="ui-state-default">31</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td></tr>
</tbody>
</table>
</div>
-->
<!-- Datepicker with 2 selects
<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
<a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
<a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
<div class="ui-datepicker-title">
<select class="ui-datepicker-month">
<option value="0">Jan</option>
<option value="1">Feb</option>
<option value="2">Mar</option>
<option value="3">Apr</option>
<option value="4">May</option>
<option value="5">Jun</option>
<option value="6">Jul</option>
<option value="7">Aug</option>
<option value="8">Sep</option>
<option value="9">Oct</option>
<option value="10">Nov</option>
<option value="11" selected="selected">Dec</option>
</select>
<select class="ui-datepicker-year">
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008" selected="selected">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
</select>
</div>
</div>
<table class="ui-datepicker-calendar">
<thead>
<tr>
<th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
<th><span title="Monday">Mo</span></th>
<th><span title="Tuesday">Tu</span></th>
<th><span title="Wednesday">We</span></th>
<th><span title="Thursday">Th</span></th>
<th><span title="Friday">Fr</span></th>
<th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class=""><a href="#" class="ui-state-default">1</a></td>
<td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
<td class=""><a href="#" class="ui-state-default">3</a></td>
<td class=""><a href="#" class="ui-state-default">4</a></td>
<td class=""><a href="#" class="ui-state-default">5</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
<td class=""><a href="#" class="ui-state-default">8</a></td>
<td class=""><a href="#" class="ui-state-default">9</a></td>
<td class=""><a href="#" class="ui-state-default">10</a></td>
<td class=""><a href="#" class="ui-state-default">11</a></td>
<td class=""><a href="#" class="ui-state-default">12</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
<td class=""><a href="#" class="ui-state-default">15</a></td>
<td class=""><a href="#" class="ui-state-default">16</a></td>
<td class=""><a href="#" class="ui-state-default">17</a></td>
<td class=""><a href="#" class="ui-state-default">18</a></td>
<td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
<td class=""><a href="#" class="ui-state-default">22</a></td>
<td class=""><a href="#" class="ui-state-default">23</a></td>
<td class=""><a href="#" class="ui-state-default">24</a></td>
<td class=""><a href="#" class="ui-state-default">25</a></td>
<td class=""><a href="#" class="ui-state-default">26</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
<td class=""><a href="#" class="ui-state-default">29</a></td>
<td class=""><a href="#" class="ui-state-default">30</a></td>
<td class=""><a href="#" class="ui-state-default">31</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td></tr>
</tbody>
</table>
</div>
-->
<!-- Datepicker with button bar
<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
<a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
<a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
<div class="ui-datepicker-title">
<select class="ui-datepicker-month">
<option value="0">Jan</option>
<option value="1">Feb</option>
<option value="2">Mar</option>
<option value="3">Apr</option>
<option value="4">May</option>
<option value="5">Jun</option>
<option value="6">Jul</option>
<option value="7">Aug</option>
<option value="8">Sep</option>
<option value="9">Oct</option>
<option value="10">Nov</option>
<option value="11" selected="selected">Dec</option>
</select>
<select class="ui-datepicker-year">
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008" selected="selected">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
</select>
</div>
</div>
<table class="ui-datepicker-calendar">
<thead>
<tr>
<th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
<th><span title="Monday">Mo</span></th>
<th><span title="Tuesday">Tu</span></th>
<th><span title="Wednesday">We</span></th>
<th><span title="Thursday">Th</span></th>
<th><span title="Friday">Fr</span></th>
<th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class=""><a href="#" class="ui-state-default">1</a></td>
<td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
<td class=""><a href="#" class="ui-state-default">3</a></td>
<td class=""><a href="#" class="ui-state-default">4</a></td>
<td class=""><a href="#" class="ui-state-default">5</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
<td class=""><a href="#" class="ui-state-default">8</a></td>
<td class=""><a href="#" class="ui-state-default">9</a></td>
<td class=""><a href="#" class="ui-state-default">10</a></td>
<td class=""><a href="#" class="ui-state-default">11</a></td>
<td class=""><a href="#" class="ui-state-default">12</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
<td class=""><a href="#" class="ui-state-default">15</a></td>
<td class=""><a href="#" class="ui-state-default">16</a></td>
<td class=""><a href="#" class="ui-state-default">17</a></td>
<td class=""><a href="#" class="ui-state-default">18</a></td>
<td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
<td class=""><a href="#" class="ui-state-default">22</a></td>
<td class=""><a href="#" class="ui-state-default">23</a></td>
<td class=""><a href="#" class="ui-state-default">24</a></td>
<td class=""><a href="#" class="ui-state-default">25</a></td>
<td class=""><a href="#" class="ui-state-default">26</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
<td class=""><a href="#" class="ui-state-default">29</a></td>
<td class=""><a href="#" class="ui-state-default">30</a></td>
<td class=""><a href="#" class="ui-state-default">31</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td></tr>
</tbody>
</table>
<div class="ui-datepicker-buttonpane ui-widget-content">
<button class="ui-state-default ui-priority-primary ui-corner-all">Done</button>
<button class="ui-state-default ui-priority-secondary ui-corner-all">Today</button>
</div>
</div>
-->
</body>
</html>
<!doctype html>
<html>
<head>
<title>jQuery UI Datepicker Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
</head>
<body>
<h1>jQuery UI Datepicker Static Markup Test Page</h1>
<!-- Datepicker with read only month/year -->
<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
<a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
<a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
<div class="ui-datepicker-title">
<span class="ui-datepicker-month">December</span>
<span class="ui-datepicker-year">2008</span>
</div>
</div>
<table class="ui-datepicker-calendar">
<thead>
<tr>
<th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
<th><span title="Monday">Mo</span></th>
<th><span title="Tuesday">Tu</span></th>
<th><span title="Wednesday">We</span></th>
<th><span title="Thursday">Th</span></th>
<th><span title="Friday">Fr</span></th>
<th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class=""><a href="#" class="ui-state-default">1</a></td>
<td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
<td class=""><a href="#" class="ui-state-default">3</a></td>
<td class=""><a href="#" class="ui-state-default">4</a></td>
<td class=""><a href="#" class="ui-state-default">5</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
<td class=""><a href="#" class="ui-state-default">8</a></td>
<td class=""><a href="#" class="ui-state-default">9</a></td>
<td class=""><a href="#" class="ui-state-default">10</a></td>
<td class=""><a href="#" class="ui-state-default">11</a></td>
<td class=""><a href="#" class="ui-state-default">12</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
<td class=""><a href="#" class="ui-state-default">15</a></td>
<td class=""><a href="#" class="ui-state-default">16</a></td>
<td class=""><a href="#" class="ui-state-default">17</a></td>
<td class=""><a href="#" class="ui-state-default">18</a></td>
<td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
<td class=""><a href="#" class="ui-state-default">22</a></td>
<td class=""><a href="#" class="ui-state-default">23</a></td>
<td class=""><a href="#" class="ui-state-default">24</a></td>
<td class=""><a href="#" class="ui-state-default">25</a></td>
<td class=""><a href="#" class="ui-state-default">26</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
<td class=""><a href="#" class="ui-state-default">29</a></td>
<td class=""><a href="#" class="ui-state-default">30</a></td>
<td class=""><a href="#" class="ui-state-default">31</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td></tr>
</tbody>
</table>
</div>
<!-- Datepicker with 1 combined select
<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
<a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
<a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
<div class="ui-datepicker-title">
<select class="ui-datepicker-month-year">
<optgroup name="2007">
<option value="2007_0">January 2007</option>
<option value="2007_1">February 2007</option>
<option value="2007_2">March 2007</option>
<option value="2007_3">April 2007</option>
<option value="2007_4">May 2007</option>
<option value="2007_5">June 2007</option>
<option value="2007_6">July 2007</option>
<option value="2007_7">August 2007</option>
<option value="2007_8">September 2007</option>
<option value="2007_9">October 2007</option>
<option value="2007_10">November 2007</option>
<option value="2007_11">December 2007</option>
</optgroup>
<optgroup name="2008">
<option value="2008_0">January 2008</option>
<option value="2008_1">February 2008</option>
<option value="2008_2">March 2008</option>
<option value="2008_3">April 2008</option>
<option value="2008_4">May 2008</option>
<option value="2008_5">June 2008</option>
<option value="2008_6">July 2008</option>
<option value="2008_7">August 2008</option>
<option value="2008_8">September 2008</option>
<option value="2008_9">October 2008</option>
<option value="2008_10">November 2008</option>
<option selected="selected" value="2008_11">December 2008</option>
</optgroup>
<optgroup name="2009">
<option value="2009_0">January 2009</option>
<option value="2009_1">February 2009</option>
<option value="2009_2">March 2009</option>
<option value="2009_3">April 2009</option>
<option value="2009_4">May 2009</option>
<option value="2009_5">June 2009</option>
<option value="2009_6">July 2009</option>
<option value="2009_7">August 2009</option>
<option value="2009_8">September 2009</option>
<option value="2009_9">October 2009</option>
<option value="2009_10">November 2009</option>
<option value="2009_11">December 2009</option>
</optgroup>
<optgroup name="2010">
<option value="2010_0">January 2010</option>
<option value="2010_1">February 2010</option>
<option value="2010_2">March 2010</option>
<option value="2010_3">April 2010</option>
<option value="2010_4">May 2010</option>
<option value="2010_5">June 2010</option>
<option value="2010_6">July 2010</option>
<option value="2010_7">August 2010</option>
<option value="2010_8">September 2010</option>
<option value="2010_9">October 2010</option>
<option value="2010_10">November 2010</option>
<option value="2010_11">December 2010</option>
</optgroup>
</select>
</div>
</div>
<table class="ui-datepicker-calendar">
<thead>
<tr>
<th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
<th><span title="Monday">Mo</span></th>
<th><span title="Tuesday">Tu</span></th>
<th><span title="Wednesday">We</span></th>
<th><span title="Thursday">Th</span></th>
<th><span title="Friday">Fr</span></th>
<th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class=""><a href="#" class="ui-state-default">1</a></td>
<td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
<td class=""><a href="#" class="ui-state-default">3</a></td>
<td class=""><a href="#" class="ui-state-default">4</a></td>
<td class=""><a href="#" class="ui-state-default">5</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
<td class=""><a href="#" class="ui-state-default">8</a></td>
<td class=""><a href="#" class="ui-state-default">9</a></td>
<td class=""><a href="#" class="ui-state-default">10</a></td>
<td class=""><a href="#" class="ui-state-default">11</a></td>
<td class=""><a href="#" class="ui-state-default">12</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
<td class=""><a href="#" class="ui-state-default">15</a></td>
<td class=""><a href="#" class="ui-state-default">16</a></td>
<td class=""><a href="#" class="ui-state-default">17</a></td>
<td class=""><a href="#" class="ui-state-default">18</a></td>
<td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
<td class=""><a href="#" class="ui-state-default">22</a></td>
<td class=""><a href="#" class="ui-state-default">23</a></td>
<td class=""><a href="#" class="ui-state-default">24</a></td>
<td class=""><a href="#" class="ui-state-default">25</a></td>
<td class=""><a href="#" class="ui-state-default">26</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
<td class=""><a href="#" class="ui-state-default">29</a></td>
<td class=""><a href="#" class="ui-state-default">30</a></td>
<td class=""><a href="#" class="ui-state-default">31</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td></tr>
</tbody>
</table>
</div>
-->
<!-- Datepicker with 2 selects
<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
<a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
<a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
<div class="ui-datepicker-title">
<select class="ui-datepicker-month">
<option value="0">Jan</option>
<option value="1">Feb</option>
<option value="2">Mar</option>
<option value="3">Apr</option>
<option value="4">May</option>
<option value="5">Jun</option>
<option value="6">Jul</option>
<option value="7">Aug</option>
<option value="8">Sep</option>
<option value="9">Oct</option>
<option value="10">Nov</option>
<option value="11" selected="selected">Dec</option>
</select>
<select class="ui-datepicker-year">
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008" selected="selected">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
</select>
</div>
</div>
<table class="ui-datepicker-calendar">
<thead>
<tr>
<th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
<th><span title="Monday">Mo</span></th>
<th><span title="Tuesday">Tu</span></th>
<th><span title="Wednesday">We</span></th>
<th><span title="Thursday">Th</span></th>
<th><span title="Friday">Fr</span></th>
<th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class=""><a href="#" class="ui-state-default">1</a></td>
<td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
<td class=""><a href="#" class="ui-state-default">3</a></td>
<td class=""><a href="#" class="ui-state-default">4</a></td>
<td class=""><a href="#" class="ui-state-default">5</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
<td class=""><a href="#" class="ui-state-default">8</a></td>
<td class=""><a href="#" class="ui-state-default">9</a></td>
<td class=""><a href="#" class="ui-state-default">10</a></td>
<td class=""><a href="#" class="ui-state-default">11</a></td>
<td class=""><a href="#" class="ui-state-default">12</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
<td class=""><a href="#" class="ui-state-default">15</a></td>
<td class=""><a href="#" class="ui-state-default">16</a></td>
<td class=""><a href="#" class="ui-state-default">17</a></td>
<td class=""><a href="#" class="ui-state-default">18</a></td>
<td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
<td class=""><a href="#" class="ui-state-default">22</a></td>
<td class=""><a href="#" class="ui-state-default">23</a></td>
<td class=""><a href="#" class="ui-state-default">24</a></td>
<td class=""><a href="#" class="ui-state-default">25</a></td>
<td class=""><a href="#" class="ui-state-default">26</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
<td class=""><a href="#" class="ui-state-default">29</a></td>
<td class=""><a href="#" class="ui-state-default">30</a></td>
<td class=""><a href="#" class="ui-state-default">31</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td></tr>
</tbody>
</table>
</div>
-->
<!-- Datepicker with button bar
<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
<a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
<a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
<div class="ui-datepicker-title">
<select class="ui-datepicker-month">
<option value="0">Jan</option>
<option value="1">Feb</option>
<option value="2">Mar</option>
<option value="3">Apr</option>
<option value="4">May</option>
<option value="5">Jun</option>
<option value="6">Jul</option>
<option value="7">Aug</option>
<option value="8">Sep</option>
<option value="9">Oct</option>
<option value="10">Nov</option>
<option value="11" selected="selected">Dec</option>
</select>
<select class="ui-datepicker-year">
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008" selected="selected">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
</select>
</div>
</div>
<table class="ui-datepicker-calendar">
<thead>
<tr>
<th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
<th><span title="Monday">Mo</span></th>
<th><span title="Tuesday">Tu</span></th>
<th><span title="Wednesday">We</span></th>
<th><span title="Thursday">Th</span></th>
<th><span title="Friday">Fr</span></th>
<th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class=""><a href="#" class="ui-state-default">1</a></td>
<td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
<td class=""><a href="#" class="ui-state-default">3</a></td>
<td class=""><a href="#" class="ui-state-default">4</a></td>
<td class=""><a href="#" class="ui-state-default">5</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
<td class=""><a href="#" class="ui-state-default">8</a></td>
<td class=""><a href="#" class="ui-state-default">9</a></td>
<td class=""><a href="#" class="ui-state-default">10</a></td>
<td class=""><a href="#" class="ui-state-default">11</a></td>
<td class=""><a href="#" class="ui-state-default">12</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
<td class=""><a href="#" class="ui-state-default">15</a></td>
<td class=""><a href="#" class="ui-state-default">16</a></td>
<td class=""><a href="#" class="ui-state-default">17</a></td>
<td class=""><a href="#" class="ui-state-default">18</a></td>
<td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
<td class=""><a href="#" class="ui-state-default">22</a></td>
<td class=""><a href="#" class="ui-state-default">23</a></td>
<td class=""><a href="#" class="ui-state-default">24</a></td>
<td class=""><a href="#" class="ui-state-default">25</a></td>
<td class=""><a href="#" class="ui-state-default">26</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
<td class=""><a href="#" class="ui-state-default">29</a></td>
<td class=""><a href="#" class="ui-state-default">30</a></td>
<td class=""><a href="#" class="ui-state-default">31</a></td>
<td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
</td></tr>
</tbody>
</table>
<div class="ui-datepicker-buttonpane ui-widget-content">
<button class="ui-state-default ui-priority-primary ui-corner-all">Done</button>
<button class="ui-state-default ui-priority-secondary ui-corner-all">Today</button>
</div>
</div>
-->
</body>
</html>

70
tests/static/dialog.html
View File

@ -1,35 +1,35 @@
<!doctype html>
<html>
<head>
<title>jQuery UI Dialog Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
</head>
<body>
<h1>jQuery UI Dialog Static Markup Test Page</h1>
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all">
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<span class="ui-dialog-title">This is my title</span>
<a href="#" class="ui-dialog-titlebar-close ui-corner-all" title="Close"><span class="ui-icon ui-icon-closethick">Close</span></a>
</div>
<div class="ui-dialog-content ui-widget-content" style="height: 13em;">
<p>I'm in a dialog!</p>
</div>
<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
<button class="ui-state-default ui-priority-primary ui-corner-all">Primary</button>
<button class="ui-state-default ui-priority-secondary ui-corner-all">Secondary</button>
<button class="ui-state-default ui-state-disabled ui-corner-all">Disabled</button>
</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 ui-icon ui-icon-grip-diagonal-se"></div>
<div class="ui-resizable-sw ui-resizable-handle"></div>
<div class="ui-resizable-nw ui-resizable-handle"></div>
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<title>jQuery UI Dialog Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
</head>
<body>
<h1>jQuery UI Dialog Static Markup Test Page</h1>
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all">
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<span class="ui-dialog-title">This is my title</span>
<a href="#" class="ui-dialog-titlebar-close ui-corner-all" title="Close"><span class="ui-icon ui-icon-closethick">Close</span></a>
</div>
<div class="ui-dialog-content ui-widget-content" style="height: 13em;">
<p>I'm in a dialog!</p>
</div>
<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
<button class="ui-state-default ui-priority-primary ui-corner-all">Primary</button>
<button class="ui-state-default ui-priority-secondary ui-corner-all">Secondary</button>
<button class="ui-state-default ui-state-disabled ui-corner-all">Disabled</button>
</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 ui-icon ui-icon-grip-diagonal-se"></div>
<div class="ui-resizable-sw ui-resizable-handle"></div>
<div class="ui-resizable-nw ui-resizable-handle"></div>
</div>
</body>
</html>

34
tests/static/progressbar.html
View File

@ -1,17 +1,17 @@
<!doctype html>
<html>
<head>
<title>jQuery UI Progressbar Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
</head>
<body>
<h1>jQuery UI Progressbar Static Markup Test Page</h1>
<div class="ui-progressbar ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="13">
<div class="ui-progressbar-label">13% Completed</div>
<div class="ui-progressbar-value ui-state-default ui-corner-left" style="width: 13%;"><span class="ui-progressbar-label">13% Completed</span></div>
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<title>jQuery UI Progressbar Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
</head>
<body>
<h1>jQuery UI Progressbar Static Markup Test Page</h1>
<div class="ui-progressbar ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="13">
<div class="ui-progressbar-label">13% Completed</div>
<div class="ui-progressbar-value ui-state-default ui-corner-left" style="width: 13%;"><span class="ui-progressbar-label">13% Completed</span></div>
</div>
</body>
</html>

58
tests/static/slider.html
View File

@ -1,29 +1,29 @@
<!doctype html>
<html>
<head>
<title>jQuery UI Slider Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
</head>
<body>
<h1>jQuery UI Slider Static Markup Test Page</h1>
<div class="ui-slider ui-widget ui-widget-content ui-corner-all">
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 15%;"></a>
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 30%;"></a>
<div class="ui-slider-range ui-state-default" style="position: absolute; left: 15%; width: 15%;"/>
</div>
<!-- vertical
<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all" style="height: 100px;">
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 15%;"></a>
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 60%;"></a>
<div class="ui-slider-range ui-state-default" style="position: absolute; top: 15%; height: 45%;"/>
</div>
-->
</body>
</html>
<!doctype html>
<html>
<head>
<title>jQuery UI Slider Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
</head>
<body>
<h1>jQuery UI Slider Static Markup Test Page</h1>
<div class="ui-slider ui-widget ui-widget-content ui-corner-all">
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 15%;"></a>
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 30%;"></a>
<div class="ui-slider-range ui-state-default" style="position: absolute; left: 15%; width: 15%;"/>
</div>
<!-- vertical
<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all" style="height: 100px;">
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 15%;"></a>
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 60%;"></a>
<div class="ui-slider-range ui-state-default" style="position: absolute; top: 15%; height: 45%;"/>
</div>
-->
</body>
</html>

60
tests/static/tabs.html
View File

@ -1,30 +1,30 @@
<!doctype html>
<html>
<head>
<title>jQuery UI Tabs Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
</head>
<body>
<h1>jQuery UI Tabs Static Markup Test Page</h1>
<div class="ui-tabs ui-widget">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-top">
<li class="ui-tabs-selected ui-state-active ui-corner-top"><a href="#fragment-1">First Section</a></li>
<li class="ui-state-default ui-corner-top"><a href="#fragment-2">Second Section</span></a></li>
<li class="ui-state-default ui-corner-top"><a href="#fragment-3">Third Section</a></li>
<!-- disabled tab <li class="ui-state-default ui-state-disabled ui-corner-top"><a href="#fragment-3">Disabled Section</a></li>-->
</ul>
<div id="fragment-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
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.
</div>
<div id="fragment-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
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.
</div>
<div id="fragment-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
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.
</div>
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<title>jQuery UI Tabs Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
</head>
<body>
<h1>jQuery UI Tabs Static Markup Test Page</h1>
<div class="ui-tabs ui-widget">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-top">
<li class="ui-tabs-selected ui-state-active ui-corner-top"><a href="#fragment-1">First Section</a></li>
<li class="ui-state-default ui-corner-top"><a href="#fragment-2">Second Section</span></a></li>
<li class="ui-state-default ui-corner-top"><a href="#fragment-3">Third Section</a></li>
<!-- disabled tab <li class="ui-state-default ui-state-disabled ui-corner-top"><a href="#fragment-3">Disabled Section</a></li>-->
</ul>
<div id="fragment-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
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.
</div>
<div id="fragment-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
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.
</div>
<div id="fragment-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
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.
</div>
</div>
</body>
</html>

8
tests/testsuite.css
View File

@ -1,4 +1,4 @@
@import url("qunit/testsuite.css");
html { border: 0; }
.xerror, .error, .ui-tabs-hide { display: none }
#main { position: absolute; top: -10000px; left: -10000px; }
@import url("qunit/testsuite.css");
html { border: 0; }
.xerror, .error, .ui-tabs-hide { display: none }
#main { position: absolute; top: -10000px; left: -10000px; }

20
tests/testsuite.js
View File

@ -1,10 +1,10 @@
$(function() {
$('body').prepend(
'<h1 id="header">' + document.title + '</h1>' +
'<h2 id="banner"></h2>' +
'<h2 id="userAgent"></h2>' +
'<ol id="tests"></ol>'
);
});
$(function() {
$('body').prepend(
'<h1 id="header">' + document.title + '</h1>' +
'<h2 id="banner"></h2>' +
'<h2 id="userAgent"></h2>' +
'<ol id="tests"></ol>'
);
});

316
tests/visual/draggable.scroll.html
View File

@ -1,158 +1,158 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="../../jquery-1.2.6.js" type="text/javascript" charset="utf-8"></script>
<script src="../../ui/ui.core.js" type="text/javascript" charset="utf-8"></script>
<script src="../../ui/ui.draggable.js" type="text/javascript" charset="utf-8"></script>
<script src="../../ui/ui.sortable.js" type="text/javascript" charset="utf-8"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jQuery UI Draggable Visual Test</title>
</head>
<body>
<style>
.draggable {
width:100px;
height:100px;
background-color:green;
color: #fff;
padding: 5px;
margin: 5px;
border: 5px solid red;
}
.container {
width: 500px;
height: 200px;
border: 5px solid black;
padding: 5px;
margin: 5px;
float: left;
background: #fff;
}
.enlarge {
width: 1000px;
height: 1000px;
}
</style>
<script language="JavaScript">
<!--
$(function(){
$(".draggable").draggable({
//helper: 'clone',
drag: function(e, ui) {
//console.log(ui.helper.offset());
},
scroll:true
//containment:"parent"
});
});
//-->
</script>
<div class='container' style="overflow:scroll;">
<div class='draggable'>(Broken in IE)</div>
<div class='enlarge'></div>
</div>
<div class='container' style="overflow:scroll; position: relative;">
<div class='draggable'></div>
<div class='enlarge'></div>
</div>
<div class='container' style="overflow:scroll;">
<div class='draggable' style='position: absolute;top:0px;left:1000px;'>Absolute</div>
<div class='enlarge'></div>
</div>
<div class='container' style="overflow:scroll; position: relative;">
<div class='draggable' style='position: absolute;'>Absolute</div>
<div class='enlarge'></div>
</div>
<div class='container' style="overflow:scroll;">
<div class='draggable' style='position: fixed;'>Fixed</div>
<div class='enlarge'></div>
</div>
<div class='container' style="overflow:scroll; position: relative;">
<div class='draggable' style='position: fixed;'>Fixed</div>
<div class='enlarge'></div>
</div>
<!-- Relative draggable with two containers -->
<div class='container' style="overflow:scroll; position: relative;">
<div class='container'>
<div class='draggable'>Relative</div>
<div class='enlarge'></div>
</div>
</div>
<div class='container' style="overflow:scroll; position: relative;">
<div class='container' style='position: relative;'>
<div class='draggable'>Relative</div>
<div class='enlarge'></div>
</div>
</div>
<div class='container' style="position: relative;">
<div class='container' style='overflow: scroll;'>
<div class='draggable'>Relative (Broken in IE)</div>
<div class='enlarge'></div>
</div>
</div>
<div class='container' style="position: relative;">
<div class='container' style='position: relative; overflow: scroll;'>
<div class='draggable'>Relative</div>
<div class='enlarge'></div>
</div>
</div>
<!-- Absolute draggable with two containers -->
<div class='container' style="overflow:scroll; position: relative;">
<div class='container'>
<div class='draggable' style='position: absolute;'>Absolute</div>
<div class='enlarge'></div>
</div>
</div>
<div class='container' style="overflow:scroll; position: relative;">
<div class='container' style='position: relative;'>
<div class='draggable' style='position: absolute;'>Absolute</div>
<div class='enlarge'></div>
</div>
</div>
<div class='container' style="position: relative;">
<div class='container' style='overflow: scroll;'>
<div class='draggable' style='position: absolute;top:0px;left:0px;'>Absolute</div>
<div class='enlarge'></div>
</div>
</div>
<div class='container' style="position: relative;">
<div class='container' style='position: relative; overflow: scroll;'>
<div class='draggable' style='position: absolute;'>Absolute</div>
<div class='enlarge'></div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="../../jquery-1.2.6.js" type="text/javascript" charset="utf-8"></script>
<script src="../../ui/ui.core.js" type="text/javascript" charset="utf-8"></script>
<script src="../../ui/ui.draggable.js" type="text/javascript" charset="utf-8"></script>
<script src="../../ui/ui.sortable.js" type="text/javascript" charset="utf-8"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jQuery UI Draggable Visual Test</title>
</head>
<body>
<style>
.draggable {
width:100px;
height:100px;
background-color:green;
color: #fff;
padding: 5px;
margin: 5px;
border: 5px solid red;
}
.container {
width: 500px;
height: 200px;
border: 5px solid black;
padding: 5px;
margin: 5px;
float: left;
background: #fff;
}
.enlarge {
width: 1000px;
height: 1000px;
}
</style>
<script language="JavaScript">
<!--
$(function(){
$(".draggable").draggable({
//helper: 'clone',
drag: function(e, ui) {
//console.log(ui.helper.offset());
},
scroll:true
//containment:"parent"
});
});
//-->
</script>
<div class='container' style="overflow:scroll;">
<div class='draggable'>(Broken in IE)</div>
<div class='enlarge'></div>
</div>
<div class='container' style="overflow:scroll; position: relative;">
<div class='draggable'></div>
<div class='enlarge'></div>
</div>
<div class='container' style="overflow:scroll;">
<div class='draggable' style='position: absolute;top:0px;left:1000px;'>Absolute</div>
<div class='enlarge'></div>
</div>
<div class='container' style="overflow:scroll; position: relative;">
<div class='draggable' style='position: absolute;'>Absolute</div>
<div class='enlarge'></div>
</div>
<div class='container' style="overflow:scroll;">
<div class='draggable' style='position: fixed;'>Fixed</div>
<div class='enlarge'></div>
</div>
<div class='container' style="overflow:scroll; position: relative;">
<div class='draggable' style='position: fixed;'>Fixed</div>
<div class='enlarge'></div>
</div>
<!-- Relative draggable with two containers -->
<div class='container' style="overflow:scroll; position: relative;">
<div class='container'>
<div class='draggable'>Relative</div>
<div class='enlarge'></div>
</div>
</div>
<div class='container' style="overflow:scroll; position: relative;">
<div class='container' style='position: relative;'>
<div class='draggable'>Relative</div>
<div class='enlarge'></div>
</div>
</div>
<div class='container' style="position: relative;">
<div class='container' style='overflow: scroll;'>
<div class='draggable'>Relative (Broken in IE)</div>
<div class='enlarge'></div>
</div>
</div>
<div class='container' style="position: relative;">
<div class='container' style='position: relative; overflow: scroll;'>
<div class='draggable'>Relative</div>
<div class='enlarge'></div>
</div>
</div>
<!-- Absolute draggable with two containers -->
<div class='container' style="overflow:scroll; position: relative;">
<div class='container'>
<div class='draggable' style='position: absolute;'>Absolute</div>
<div class='enlarge'></div>
</div>
</div>
<div class='container' style="overflow:scroll; position: relative;">
<div class='container' style='position: relative;'>
<div class='draggable' style='position: absolute;'>Absolute</div>
<div class='enlarge'></div>
</div>
</div>
<div class='container' style="position: relative;">
<div class='container' style='overflow: scroll;'>
<div class='draggable' style='position: absolute;top:0px;left:0px;'>Absolute</div>
<div class='enlarge'></div>
</div>
</div>
<div class='container' style="position: relative;">
<div class='container' style='position: relative; overflow: scroll;'>
<div class='draggable' style='position: absolute;'>Absolute</div>
<div class='enlarge'></div>
</div>
</div>
</body>
</html>

16
themes/base/ui.accordion.css
View File

@ -1,9 +1,9 @@
/* Accordion
----------------------------------*/
.ui-accordion-group {margin-bottom: 1px;}
.ui-accordion-header { cursor: pointer; position: relative; }
.selected .ui-accordion-header { border-bottom: 0; }
.ui-accordion .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion-header .ui { border-bottom: 0; }
/* Accordion
----------------------------------*/
.ui-accordion-group {margin-bottom: 1px;}
.ui-accordion-header { cursor: pointer; position: relative; }
.selected .ui-accordion-header { border-bottom: 0; }
.ui-accordion .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion-header .ui { border-bottom: 0; }
.ui-accordion-content { padding: 1.5em 2.2em; border-top: 0; }

16
themes/base/ui.all.css
View File

@ -1,8 +1,8 @@
@import "ui.core.css";
@import "ui.accordion.css";
@import "ui.datepicker.css";
@import "ui.dialog.css";
@import "ui.progressbar.css";
@import "ui.resizable.css";
@import "ui.slider.css";
@import "ui.tabs.css";
@import "ui.core.css";
@import "ui.accordion.css";
@import "ui.datepicker.css";
@import "ui.dialog.css";
@import "ui.progressbar.css";
@import "ui.resizable.css";
@import "ui.slider.css";
@import "ui.tabs.css";

480
themes/base/ui.core.css
View File

@ -1,240 +1,240 @@
/*
* jQuery UI CSS Framework
* Copyright (c) 2008 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://themeroller.com/
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; display: block; }
* html .ui-helper-clearfix { height: 1%; }
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana, Arial, sans-serif/*ffDefault*/; font-size: 1.1em/*fsDefault*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*borderColorHeader*/; background: #cccccc/*bgColorHeader*/ url(images/cccccc_40x100_textures_03_highlight_soft_75.png)/*bgImgUrlHeader*/ 0 50% repeat-x; color: #222222/*fcHeader*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*fcHeader*/; }
.ui-widget-content { border: 1px solid #aaaaaa/*borderColorContent*/; background: #ffffff/*bgColorContent*/ url(images/ffffff_40x100_textures_02_glass_75.png)/*bgImgUrlContent*/ 0 0/*bgContentYPos*/ repeat-x/*bgContentRepeat*/; color: #222222/*fcContent*/; }
.ui-widget-content a { color: #222222/*fcContent*/; }
.ui-widget-overlay { border: 4px solid #aaaaaa/*borderColorContent*/; }
/* Interaction states
----------------------------------*/
.ui-state-default { border: 1px solid #d3d3d3/*borderColorDefault*/; background: #e6e6e6/*bgColorDefault*/ url(images/e6e6e6_40x100_textures_02_glass_75.png)/*bgImgUrlDefault*/ 0 50% repeat-x; font-weight: normal/*fwDefault*/; color: #555555/*fcDefault*/ !important; }
.ui-state-default a { color: #555555/*fcDefault*/; text-decoration: none; }
.ui-state-hover { border: 1px solid #999999/*borderColorHover*/; background: #dadada/*bgColorHover*/ url(images/dadada_40x100_textures_02_glass_75.png)/*bgImgUrlHover*/ 0 50% repeat-x; font-weight: normal/*fwDefault*/; color: #212121/*fcHover*/ !important; }
.ui-state-hover a { color: #212121/*fcHover*/; text-decoration: none; }
.ui-state-active { border: 1px solid #aaaaaa/*borderColorActive*/; background: #ffffff/*bgColorActive*/ url(images/ffffff_40x100_textures_02_glass_65.png)/*bgImgUrlActive*/ 0 50% repeat-x; font-weight: normal/*fwDefault*/; color: #212121/*fcActive*/ !important; outline: none; }
.ui-state-active a { color: #212121/*fcActive*/; outline: none; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight {border: 1px solid #fcefa1/*borderColorHighlight*/; background: #fbf9ee/*bgColorHighlight*/ url(images/fbf9ee_40x100_textures_02_glass_55.png)/*bgImgUrlHighlight*/ 0 50% repeat-x; color: #363636/*fcHighlight*/ !important; }
.ui-state-error {border: 1px solid #cd0a0a/*borderColorError*/; background: #fef1ec/*bgColorError*/ url(images/fef1ec_40x100_textures_05_inset_soft_95.png)/*bgImgUrlError*/ 0 50% repeat-x; color: #cd0a0a/*fcError*/ !important; }
.ui-state-error-text { color: #cd0a0a/*fcError*/ !important; }
.ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); cursor: default !important; background-image: none !important; }
.ui-priority-primary { font-weight: bold; }
.ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; display: inline-block; text-indent: -99999px; overflow: hidden; background-image: url(images/222222_256x240_icons_icons.png)/*iconsContent*/; background-repeat: no-repeat; }
.ui-widget-content .ui-icon {background-image: url(images/222222_256x240_icons_icons.png)/*iconsContent*/; }
.ui-widget-header .ui-icon {background-image: url(images/222222_256x240_icons_icons.png)/*iconsHeader*/; }
.ui-state-default .ui-icon { background-image: url(images/888888_256x240_icons_icons.png)/*iconsDefault*/; }
.ui-state-hover .ui-icon {background-image: url(images/454545_256x240_icons_icons.png)/*iconsHover*/; }
.ui-state-active .ui-icon {background-image: url(images/454545_256x240_icons_icons.png)/*iconsActive*/; }
.ui-state-highlight .ui-icon {background-image: url(images/2e83ff_256x240_icons_icons.png)/*iconsHighlight*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/cd0a0a_256x240_icons_icons.png)/*iconsError*/; }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calculator { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calendar { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
.ui-corner-tl { -moz-border-radius-topleft: 4px/*cornerRadius*/; -webkit-border-top-left-radius: 4px/*cornerRadius*/; border-top-left-radius: 4px/*cornerRadius*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*cornerRadius*/; -webkit-border-top-right-radius: 4px/*cornerRadius*/; border-top-right-radius: 4px/*cornerRadius*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*cornerRadius*/; -webkit-border-bottom-left-radius: 4px/*cornerRadius*/; border-bottom-left-radius: 4px/*cornerRadius*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*cornerRadius*/; -webkit-border-bottom-right-radius: 4px/*cornerRadius*/; border-bottom-right-radius: 4px/*cornerRadius*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*cornerRadius*/; -webkit-border-top-left-radius: 4px/*cornerRadius*/; border-top-left-radius: 4px/*cornerRadius*/;-moz-border-radius-topright: 4px/*cornerRadius*/; -webkit-border-top-right-radius: 4px/*cornerRadius*/; border-top-right-radius: 4px/*cornerRadius*/;}
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*cornerRadius*/; -webkit-border-bottom-left-radius: 4px/*cornerRadius*/; border-bottom-left-radius: 4px/*cornerRadius*/; -moz-border-radius-bottomright: 4px/*cornerRadius*/; -webkit-border-bottom-right-radius: 4px/*cornerRadius*/; border-bottom-right-radius: 4px/*cornerRadius*/;}
.ui-corner-right { -moz-border-radius-topright: 4px/*cornerRadius*/; -webkit-border-top-right-radius: 4px/*cornerRadius*/; border-top-right-radius: 4px/*cornerRadius*/; -moz-border-radius-bottomright: 4px/*cornerRadius*/; -webkit-border-bottom-right-radius: 4px/*cornerRadius*/; border-bottom-right-radius: 4px/*cornerRadius*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*cornerRadius*/; -webkit-border-top-left-radius: 4px/*cornerRadius*/; border-top-left-radius: 4px/*cornerRadius*/; -moz-border-radius-bottomleft: 4px/*cornerRadius*/; -webkit-border-bottom-left-radius: 4px/*cornerRadius*/; border-bottom-left-radius: 4px/*cornerRadius*/; }
.ui-corner-all { -moz-border-radius: 4px/*cornerRadius*/; -webkit-border-radius: 4px/*cornerRadius*/; border-radius: 4px/*cornerRadius*/;}
/*
* jQuery UI CSS Framework
* Copyright (c) 2008 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://themeroller.com/
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; display: block; }
* html .ui-helper-clearfix { height: 1%; }
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana, Arial, sans-serif/*ffDefault*/; font-size: 1.1em/*fsDefault*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*borderColorHeader*/; background: #cccccc/*bgColorHeader*/ url(images/cccccc_40x100_textures_03_highlight_soft_75.png)/*bgImgUrlHeader*/ 0 50% repeat-x; color: #222222/*fcHeader*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*fcHeader*/; }
.ui-widget-content { border: 1px solid #aaaaaa/*borderColorContent*/; background: #ffffff/*bgColorContent*/ url(images/ffffff_40x100_textures_02_glass_75.png)/*bgImgUrlContent*/ 0 0/*bgContentYPos*/ repeat-x/*bgContentRepeat*/; color: #222222/*fcContent*/; }
.ui-widget-content a { color: #222222/*fcContent*/; }
.ui-widget-overlay { border: 4px solid #aaaaaa/*borderColorContent*/; }
/* Interaction states
----------------------------------*/
.ui-state-default { border: 1px solid #d3d3d3/*borderColorDefault*/; background: #e6e6e6/*bgColorDefault*/ url(images/e6e6e6_40x100_textures_02_glass_75.png)/*bgImgUrlDefault*/ 0 50% repeat-x; font-weight: normal/*fwDefault*/; color: #555555/*fcDefault*/ !important; }
.ui-state-default a { color: #555555/*fcDefault*/; text-decoration: none; }
.ui-state-hover { border: 1px solid #999999/*borderColorHover*/; background: #dadada/*bgColorHover*/ url(images/dadada_40x100_textures_02_glass_75.png)/*bgImgUrlHover*/ 0 50% repeat-x; font-weight: normal/*fwDefault*/; color: #212121/*fcHover*/ !important; }
.ui-state-hover a { color: #212121/*fcHover*/; text-decoration: none; }
.ui-state-active { border: 1px solid #aaaaaa/*borderColorActive*/; background: #ffffff/*bgColorActive*/ url(images/ffffff_40x100_textures_02_glass_65.png)/*bgImgUrlActive*/ 0 50% repeat-x; font-weight: normal/*fwDefault*/; color: #212121/*fcActive*/ !important; outline: none; }
.ui-state-active a { color: #212121/*fcActive*/; outline: none; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight {border: 1px solid #fcefa1/*borderColorHighlight*/; background: #fbf9ee/*bgColorHighlight*/ url(images/fbf9ee_40x100_textures_02_glass_55.png)/*bgImgUrlHighlight*/ 0 50% repeat-x; color: #363636/*fcHighlight*/ !important; }
.ui-state-error {border: 1px solid #cd0a0a/*borderColorError*/; background: #fef1ec/*bgColorError*/ url(images/fef1ec_40x100_textures_05_inset_soft_95.png)/*bgImgUrlError*/ 0 50% repeat-x; color: #cd0a0a/*fcError*/ !important; }
.ui-state-error-text { color: #cd0a0a/*fcError*/ !important; }
.ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); cursor: default !important; background-image: none !important; }
.ui-priority-primary { font-weight: bold; }
.ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; display: inline-block; text-indent: -99999px; overflow: hidden; background-image: url(images/222222_256x240_icons_icons.png)/*iconsContent*/; background-repeat: no-repeat; }
.ui-widget-content .ui-icon {background-image: url(images/222222_256x240_icons_icons.png)/*iconsContent*/; }
.ui-widget-header .ui-icon {background-image: url(images/222222_256x240_icons_icons.png)/*iconsHeader*/; }
.ui-state-default .ui-icon { background-image: url(images/888888_256x240_icons_icons.png)/*iconsDefault*/; }
.ui-state-hover .ui-icon {background-image: url(images/454545_256x240_icons_icons.png)/*iconsHover*/; }
.ui-state-active .ui-icon {background-image: url(images/454545_256x240_icons_icons.png)/*iconsActive*/; }
.ui-state-highlight .ui-icon {background-image: url(images/2e83ff_256x240_icons_icons.png)/*iconsHighlight*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/cd0a0a_256x240_icons_icons.png)/*iconsError*/; }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calculator { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calendar { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
.ui-corner-tl { -moz-border-radius-topleft: 4px/*cornerRadius*/; -webkit-border-top-left-radius: 4px/*cornerRadius*/; border-top-left-radius: 4px/*cornerRadius*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*cornerRadius*/; -webkit-border-top-right-radius: 4px/*cornerRadius*/; border-top-right-radius: 4px/*cornerRadius*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*cornerRadius*/; -webkit-border-bottom-left-radius: 4px/*cornerRadius*/; border-bottom-left-radius: 4px/*cornerRadius*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*cornerRadius*/; -webkit-border-bottom-right-radius: 4px/*cornerRadius*/; border-bottom-right-radius: 4px/*cornerRadius*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*cornerRadius*/; -webkit-border-top-left-radius: 4px/*cornerRadius*/; border-top-left-radius: 4px/*cornerRadius*/;-moz-border-radius-topright: 4px/*cornerRadius*/; -webkit-border-top-right-radius: 4px/*cornerRadius*/; border-top-right-radius: 4px/*cornerRadius*/;}
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*cornerRadius*/; -webkit-border-bottom-left-radius: 4px/*cornerRadius*/; border-bottom-left-radius: 4px/*cornerRadius*/; -moz-border-radius-bottomright: 4px/*cornerRadius*/; -webkit-border-bottom-right-radius: 4px/*cornerRadius*/; border-bottom-right-radius: 4px/*cornerRadius*/;}
.ui-corner-right { -moz-border-radius-topright: 4px/*cornerRadius*/; -webkit-border-top-right-radius: 4px/*cornerRadius*/; border-top-right-radius: 4px/*cornerRadius*/; -moz-border-radius-bottomright: 4px/*cornerRadius*/; -webkit-border-bottom-right-radius: 4px/*cornerRadius*/; border-bottom-right-radius: 4px/*cornerRadius*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*cornerRadius*/; -webkit-border-top-left-radius: 4px/*cornerRadius*/; border-top-left-radius: 4px/*cornerRadius*/; -moz-border-radius-bottomleft: 4px/*cornerRadius*/; -webkit-border-bottom-left-radius: 4px/*cornerRadius*/; border-bottom-left-radius: 4px/*cornerRadius*/; }
.ui-corner-all { -moz-border-radius: 4px/*cornerRadius*/; -webkit-border-radius: 4px/*cornerRadius*/; border-radius: 4px/*cornerRadius*/;}

38
themes/base/ui.datepicker.css
View File

@ -1,20 +1,20 @@
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em; }
.ui-datepicker-header { padding: .1em; }
.ui-datepicker-prev, .ui-datepicker-next { width: 1.8em; height: 1.8em; position: relative; margin: 1px; }
.ui-datepicker-prev:hover, .ui-datepicker-next:hover {margin: 0;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker-prev { float: left; }
.ui-datepicker-next { float: right; }
.ui-datepicker-title { margin: 0 .3em; line-height: 1.8em; text-align: center; width: 12em; float: left; }
.ui-datepicker-title select {float: left; margin-top: .2em;}
.ui-datepicker select.ui-datepicker-month-year {width: 12em;}
.ui-datepicker select.ui-datepicker-month, select.ui-datepicker-year {width: 5.7em;}
.ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker-today a { background-image: none; }
.ui-datepicker-buttonpane { background-image: none; margin: .5em 0 0 0; padding: .3em 0; border-left: 0; border-right: 0; border-bottom: 0; }
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em; }
.ui-datepicker-header { padding: .1em; }
.ui-datepicker-prev, .ui-datepicker-next { width: 1.8em; height: 1.8em; position: relative; margin: 1px; }
.ui-datepicker-prev:hover, .ui-datepicker-next:hover {margin: 0;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker-prev { float: left; }
.ui-datepicker-next { float: right; }
.ui-datepicker-title { margin: 0 .3em; line-height: 1.8em; text-align: center; width: 12em; float: left; }
.ui-datepicker-title select {float: left; margin-top: .2em;}
.ui-datepicker select.ui-datepicker-month-year {width: 12em;}
.ui-datepicker select.ui-datepicker-month, select.ui-datepicker-year {width: 5.7em;}
.ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker-today a { background-image: none; }
.ui-datepicker-buttonpane { background-image: none; margin: .5em 0 0 0; padding: .3em 0; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; }

24
themes/base/ui.dialog.css
View File

@ -1,13 +1,13 @@
/* Dialog
----------------------------------*/
.ui-dialog {position: relative; padding: .2em; }
.ui-dialog-titlebar { padding: .5em .3em .3em 1em; border-top: 0; border-left: 0; border-right: 0; }
.ui-dialog-title { float: left; margin: 2px 0; }
.ui-dialog-titlebar-close { float: right; width: 19px; margin: -.2em 0 0 0; padding: 1px; height: 18px; }
.ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog-titlebar-close:hover { padding: 0; }
.ui-dialog-content {border: 0; padding: .5em 1em; background: none; }
.ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
/* Dialog
----------------------------------*/
.ui-dialog {position: relative; padding: .2em; }
.ui-dialog-titlebar { padding: .5em .3em .3em 1em; border-top: 0; border-left: 0; border-right: 0; }
.ui-dialog-title { float: left; margin: 2px 0; }
.ui-dialog-titlebar-close { float: right; width: 19px; margin: -.2em 0 0 0; padding: 1px; height: 18px; }
.ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog-titlebar-close:hover { padding: 0; }
.ui-dialog-content {border: 0; padding: .5em 1em; background: none; }
.ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

10
themes/base/ui.progressbar.css
View File

@ -1,6 +1,6 @@
/* Progressbar
----------------------------------*/
.ui-progressbar { position: relative; }
.ui-progressbar-label {position: absolute; top: 0; left: 0; padding: .4em .5em; border: 0; background: none; }
.ui-progressbar-value { position: relative; margin: -1px; padding: .4em .5em; overflow: hidden; font-weight: normal !important; white-space: nowrap; }
/* Progressbar
----------------------------------*/
.ui-progressbar { position: relative; }
.ui-progressbar-label {position: absolute; top: 0; left: 0; padding: .4em .5em; border: 0; background: none; }
.ui-progressbar-value { position: relative; margin: -1px; padding: .4em .5em; overflow: hidden; font-weight: normal !important; white-space: nowrap; }
.ui-progressbar-value .ui-progressbar-label { position: static; padding: 0; top: auto; left: auto; }

24
themes/base/ui.resizable.css
View File

@ -1,13 +1,13 @@
/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.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: 7px; height: 7px; right: -5px; bottom: -5px; }
.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; }
/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.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: 7px; height: 7px; right: -5px; bottom: -5px; }
.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;}

14
themes/base/ui.slider.css
View File

@ -1,8 +1,8 @@
/* Slider
----------------------------------*/
.ui-slider { height: .8em; position: relative; }
.ui-slider-handle { position: absolute;z-index: 2;top: -.3em;width: 1.2em;height: 1.2em; }
.ui-slider-range { height: .8em;position: absolute;border-left: 0;border-right: 0;top: -1px;z-index: 1;opacity:.7;filter:Alpha(Opacity=70); }
.ui-slider-vertical { height: auto; width: .8em; }
.ui-slider-vertical .ui-slider-handle { top: auto; left: -.3em; }
/* Slider
----------------------------------*/
.ui-slider { height: .8em; position: relative; }
.ui-slider-handle { position: absolute;z-index: 2;top: -.3em;width: 1.2em;height: 1.2em; }
.ui-slider-range { height: .8em;position: absolute;border-left: 0;border-right: 0;top: -1px;z-index: 1;opacity:.7;filter:Alpha(Opacity=70); }
.ui-slider-vertical { height: auto; width: .8em; }
.ui-slider-vertical .ui-slider-handle { top: auto; left: -.3em; }
.ui-slider-vertical .ui-slider-range { height: auto; width: .8em; border-left: 1px; border-right: 1px; border-top: 0; border-bottom: 0; top: auto; left: 0; }

20
themes/base/ui.tabs.css
View File

@ -1,11 +1,11 @@
/* Tabs
----------------------------------*/
.ui-tabs-nav { padding: .2em .2em 0 .2em; border-bottom: 0; bottom: -1px; position: relative; }
.ui-tabs-nav li { float: left; border-bottom: 0; margin-right: .1em; margin-bottom: 0; padding: 0; }
.ui-tabs-nav li.ui-tabs-selected { position: relative; z-index: 10; }
.ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; position: relative; }
.ui-tabs-nav li.ui-tabs-selected a { padding-bottom: .6em; }
.ui-tabs-panel { clear:left; padding: 1em 1.6em; display: block; }
.ui-tabs-hide { display: none !important; }
.ui-tabs-nav li a.ui-has-icon { text-indent: 1em; }
/* Tabs
----------------------------------*/
.ui-tabs-nav { padding: .2em .2em 0 .2em; border-bottom: 0; bottom: -1px; position: relative; }
.ui-tabs-nav li { float: left; border-bottom: 0; margin-right: .1em; margin-bottom: 0; padding: 0; }
.ui-tabs-nav li.ui-tabs-selected { position: relative; z-index: 10; }
.ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; position: relative; }
.ui-tabs-nav li.ui-tabs-selected a { padding-bottom: .6em; }
.ui-tabs-panel { clear:left; padding: 1em 1.6em; display: block; }
.ui-tabs-hide { display: none !important; }
.ui-tabs-nav li a.ui-has-icon { text-indent: 1em; }
.ui-tabs-nav li a .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: .5em; }