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 Packages Projects Releases Wiki Activity

Added new jQuery UI CSS Framework (/themes/base) and matching static markup test pages. Thanks scottjehl :)

Browse Source
This commit is contained in:
Richard Worth 2008-12-05 20:16:37 +00:00
parent 31a11f073d
commit d8841a752b
28 changed files with 957 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
tests/static/accordion.html Normal file
View File

@ -0,0 +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>

37
tests/static/all.html Normal file
View File

@ -0,0 +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>

449
tests/static/datepicker.html Normal file
View File

@ -0,0 +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>

35
tests/static/dialog.html Normal file
View File

@ -0,0 +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>

17
tests/static/progressbar.html Normal file
View File

@ -0,0 +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>

29
tests/static/slider.html Normal file
View File

@ -0,0 +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>

30
tests/static/tabs.html Normal file
View File

@ -0,0 +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>

BIN
themes/base/images/222222_256x240_icons_icons.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
themes/base/images/2e83ff_256x240_icons_icons.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
themes/base/images/454545_256x240_icons_icons.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
themes/base/images/888888_256x240_icons_icons.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
themes/base/images/cccccc_40x100_textures_03_highlight_soft_75.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 214 B

BIN
themes/base/images/cd0a0a_256x240_icons_icons.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
themes/base/images/dadada_40x100_textures_02_glass_75.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 214 B

BIN
themes/base/images/e6e6e6_40x100_textures_02_glass_75.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 211 B

BIN
themes/base/images/fbf9ee_40x100_textures_02_glass_55.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 229 B

BIN
themes/base/images/fef1ec_40x100_textures_05_inset_soft_95.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 242 B

BIN
themes/base/images/ffffff_40x100_textures_02_glass_65.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 207 B

BIN
themes/base/images/ffffff_40x100_textures_02_glass_75.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 222 B

9
themes/base/ui.accordion.css Normal file
View File

@ -0,0 +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; }
.ui-accordion-content { padding: 1.5em 2.2em; border-top: 0; }

8
themes/base/ui.all.css Normal file
View File

@ -0,0 +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";

240
themes/base/ui.core.css Normal file
View File

@ -0,0 +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*/;}

20
themes/base/ui.datepicker.css Normal file
View File

@ -0,0 +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; }
.ui-datepicker-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; }

13
themes/base/ui.dialog.css Normal file
View File

@ -0,0 +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; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

6
themes/base/ui.progressbar.css Normal file
View File

@ -0,0 +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; }
.ui-progressbar-value .ui-progressbar-label { position: static; padding: 0; top: auto; left: auto; }

13
themes/base/ui.resizable.css Normal file
View File

@ -0,0 +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; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

8
themes/base/ui.slider.css Normal file
View File

@ -0,0 +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; }
.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; }

11
themes/base/ui.tabs.css Normal file
View File

@ -0,0 +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; }
.ui-tabs-nav li a .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: .5em; }