diff options
Diffstat (limited to 'css/yaml4/add-ons/accessible-tabs/tabs.css')
| -rw-r--r-- | css/yaml4/add-ons/accessible-tabs/tabs.css | 136 |
1 files changed, 136 insertions, 0 deletions
diff --git a/css/yaml4/add-ons/accessible-tabs/tabs.css b/css/yaml4/add-ons/accessible-tabs/tabs.css new file mode 100644 index 0000000..6e88cf7 --- /dev/null +++ b/css/yaml4/add-ons/accessible-tabs/tabs.css @@ -0,0 +1,136 @@ +/** + * "Yet Another Multicolumn Layout" - YAML CSS Framework + * + * (en) Styles for Accessible-Tabs plugin for jQuery + * (de) Gestaltung des Acessible-Tabs Plugins für jQuery + * + * @copyright Copyright 2005-2012, Dirk Jesse + * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), + * YAML-CDL (http://www.yaml.de/license.html) + * @link http://www.yaml.de + * @package yaml + * @version v4.0 + * @revision $Revision: 693 $ + * @lastmodified $Date: 2012-01-29 23:53:53 +0100 (So, 29 Jan 2012) $ + */ + +@media screen, projection { + + .jquery_tabs { + margin:1.5em 0 0; + } + + .jquery_tabs ul.tabs-list { + display:table; + font-size:1em; + line-height:1.5em; + list-style-type:none; + margin: 0; + position:relative; + z-index:1; + } + + .jquery_tabs ul.tabs-list li a { + font-size:1em; + line-height: 1.5em; + padding:0.75em; + } + + .jquery_tabs .tabhead { + position:absolute; + left:-32768px; /* LTR */ + } + + .jquery_tabs .content { + border-top:1px #ccc solid; + clear:both; + padding: 0; + position:relative; + top:-1px; + margin-bottom:-1px; + } + + .jquery_tabs ul.tabs-list li { + border:0 none; + display:inline; + float:left; + margin:0 0.3em 0 0; + padding:0; + } + + .jquery_tabs ul.tabs-list li a { + background: transparent; + color:#008; + display:block; + float:left; + font-weight:normal; + margin:0; + } + + .jquery_tabs ul.tabs-list li a:focus, + .jquery_tabs ul.tabs-list li a:hover, + .jquery_tabs ul.tabs-list li a:active { + background:#eee; + border-radius: 0.2em 0.2em 0 0; + color:#000; + font-weight:normal; + outline: 0 none; + text-decoration:none; + } + + .jquery_tabs ul.tabs-list li.current a, + .jquery_tabs ul.tabs-list li.current a:focus, + .jquery_tabs ul.tabs-list li.current a:hover, + .jquery_tabs ul.tabs-list li.current a:active { + background:#fff; + border:1px #ccc solid; + border-bottom:0 none; + border-radius: 0.2em 0.2em 0 0; + color:#000; + font-weight:bold; + text-decoration:none; + } + + .jquery_tabs .current-info, + .jquery_tabs .accessibletabsanchor { + left:-999em; + position:absolute; + } + + /** + * Avoid margin collapsing to enable correct sync of all tabs + * + * @workaround + * @affected all browsers + * @css-for all browsers + * @valid yes + */ + + .jquery_tabs .tab-content { + border-bottom: 1px transparent solid; + border-top: 1px transparent solid; + *overflow:hidden; + } + + /* IE < 7 don't support transparent borders */ + * html .jquery_tabs .tab-content { + border-bottom: 1px #fff solid; + border-top: 1px #fff solid; + } + + /** + * Containing floats adjustment and stability fixes for Internet Explorer + * + * @workaround + * @affected IE 5.x/Win, IE6, IE7 + * @css-for IE 5.x/Win, IE6, IE7 + * @valid no + */ + + * html .jquery_tabs .content { z-index:-1; } + + * html .jquery_tabs { zoom:1; width:auto; position:relative; } + *+html .jquery_tabs { zoom:1; width:auto; } + + .jquery_tabs * { zoom:1; } +}
\ No newline at end of file |