pelican-elegant/yaml/add-ons/accessible-tabs/tabs.css

/**
 * "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.1
 * @revision        $Revision: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 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; }
}