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

Changed tabs container padding slightly to match dialog and datepicker's design.

Browse Source
This commit is contained in:
Scott Jehl 2008-12-08 15:59:03 +00:00
parent 7d006a1c17
commit 547c989e22
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
tests/static/tabs.html
View File

@ -8,8 +8,8 @@
<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">
<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<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>

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

@ -1,11 +1,12 @@
/* Tabs
----------------------------------*/
.ui-tabs {padding: .2em;}
.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-panel { clear:left; padding: 1em 1.4em; display: block; border: 0; }
.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; }