Blame Identity/Webenv/App/Moin/Css/tabs.css

f2e824
/* CentOS Cascading Style Sheet
f2e824
 * -----------------------------------------------
f2e824
 * File		: tabs.css
f2e824
 * Category	: root / common / miscellaneous
f2e824
 * Theme	: Modern
f2e824
 * Description	: CSS definitions used to build the CentOS common
f2e824
 *  		  visual style for tabs.
f2e824
 * -----------------------------------------------
f2e824
 * Author	: CentOS Artwork SIG
f2e824
 * License	: GPL (http://www.fsf.org/licensing/licenses/gpl.txt)
f2e824
 * -----------------------------------------------
f2e824
 */
f2e824
f2e824
f2e824
/* Tabs (Style 1): Two Rounded Borders
f2e824
-----------------------------------------------*/
f2e824
f2e824
div#page-header div.tabs1 a:link, 
f2e824
div#page-footer div.tabs1 a:link { 
f2e824
	text-decoration: none; 
f2e824
	color: #FFF; 
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 a:hover, 
f2e824
div#page-footer div.tabs1 a:hover { 
f2e824
	text-decoration: underline; 
f2e824
	color: #FFF; 
f2e824
	} 
f2e824
f2e824
div#page-header div.tabs1 a:active, 
f2e824
div#page-footer div.tabs1 a:active { 
f2e824
	text-decoration: none; 
f2e824
	color: #FFF; } 
f2e824
f2e824
div#page-header div.tabs1 a:visited, 
f2e824
div#page-footer div.tabs1 a:visited { 
f2e824
	text-decoration: none; 
f2e824
	color: #FFF; 
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 a:visited:hover,
f2e824
div#page-footer div.tabs1 a:visited:hover { 
f2e824
	text-decoration: underline; 
f2e824
	color: #FFF; 
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1,
f2e824
div#page-footer div.tabs1 {
f2e824
	margin: 0;
f2e824
	padding: 0;
f2e824
	float: right;
f2e824
	margin-right: 5px;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 a,
f2e824
div#page-footer div.tabs1 a {
f2e824
	float: left;
f2e824
	font-weight: bold;
f2e824
	margin-right: 5px;
f2e824
	padding: 0px 8px 0 0px;
f2e824
	text-transform: uppercase;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 a span,
f2e824
div#page-footer div.tabs1 a span {
f2e824
	float: left;
f2e824
	font-size: x-small;
f2e824
	padding: 5px 0px 3px 8px;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 span:hover a,
f2e824
div#page-header div.tabs1 span:hover a,
f2e824
div#page-footer div.tabs1 span:hover a,
f2e824
div#page-footer div.tabs1 span:hover a,
f2e824
div#page-header div.tabs1 span:hover a span,
f2e824
div#page-footer div.tabs1 span:hover a span {
f2e824
	color: #FFF;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 span.current a,
f2e824
div#page-header div.tabs1 span.current a:hover,
f2e824
div#page-footer div.tabs1 span.current a,
f2e824
div#page-footer div.tabs1 span.current a:hover,
f2e824
div#page-header div.tabs1 span.current a span,
f2e824
div#page-header div.tabs1 span.current a span,
f2e824
div#page-footer div.tabs1 span.current a:hover span,
f2e824
div#page-footer div.tabs1 span.current a:hover span {
f2e824
	color: #000;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 span.download a,
f2e824
div#page-header div.tabs1 span.download a:hover,
f2e824
div#page-footer div.tabs1 span.download a,
f2e824
div#page-footer div.tabs1 span.download a:hover {
f2e824
	color: #FFF;
f2e824
	margin-left: 20px;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 span.download a span,
f2e824
div#page-header div.tabs1 span.download a:hover span,
f2e824
div#page-footer div.tabs1 span.download a span,
f2e824
div#page-footer div.tabs1 span.download a:hover span {
f2e824
	color: #FFF;
f2e824
	}
f2e824
f2e824
/* */
f2e824
f2e824
div#page-header div.tabs1 a {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% 0px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 a span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 0;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 span.current a,
f2e824
div#page-header div.tabs1 span.current a:hover {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -50px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 span.current a span,
f2e824
div#page-header div.tabs1 span.current a:hover span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -50px;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 span:hover a {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -25px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 span:hover a span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -25px;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 span.download a,
f2e824
div#page-header div.tabs1 span.download a:hover {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -75px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs1 span.download a span,
f2e824
div#page-header div.tabs1 span.download a:hover span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -75px;
f2e824
	}
f2e824
f2e824
/* */
f2e824
f2e824
div#page-footer div.tabs1 {
f2e824
	margin-top: 29px;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs1 a {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% 0px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs1 a span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 0;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs1 span.current a,
f2e824
div#page-footer div.tabs1 span.current a:hover { 
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -50px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs1 span.current a span,
f2e824
div#page-footer div.tabs1 span.current a:hover span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -50px;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs2 span.current a,
f2e824
div#page-footer div.tabs2 span.current a:hover { 
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -125px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs1 span:hover a {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -25px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs1 span:hover a span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -25px;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs1 span.download a,
f2e824
div#page-footer div.tabs1 span.download a:hover { 
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -75px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs1 span.download a span,
f2e824
div#page-footer div.tabs1 span.download a:hover span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -75px;
f2e824
	}
f2e824
f2e824
/* Tabs (Style 2): Two Rounded Borders
f2e824
-----------------------------------------------*/
f2e824
f2e824
div#page-header div.tabs2,
f2e824
div#page-footer div.tabs2 {
f2e824
	margin-left: 20px;
f2e824
	padding: 0;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs2 a,
f2e824
div#page-footer div.tabs2 a {
f2e824
	color: #628eca;
f2e824
	float: left;
f2e824
	font-weight: bold;
f2e824
	margin-right: 3px;
f2e824
	padding: 0px 8px 0 0px;
f2e824
	text-decoration: none;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs2 span.current a,
f2e824
div#page-header div.tabs2 span.current a:hover,
f2e824
div#page-footer div.tabs2 span.current a,
f2e824
div#page-footer div.tabs2 span.current a:hover {
f2e824
	color: #FFF;
f2e824
	text-decoration: none;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs2 span.current a span,
f2e824
div#page-header div.tabs2 span.current a:hover span,
f2e824
div#page-footer div.tabs2 span.current a span,
f2e824
div#page-footer div.tabs2 span.current a:hover span {
f2e824
	color: #FFF;
f2e824
	text-decoration: none;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs2 a span,
f2e824
div#page-footer div.tabs2 a span {
f2e824
	float: left;
f2e824
	padding: 5px 0px 3px 8px;
f2e824
	}
f2e824
f2e824
/* */
f2e824
f2e824
div#page-header div.tabs2 a {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -100px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs2 a span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -100px;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs2 span.current a,
f2e824
div#page-header div.tabs2 span.current a:hover {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -150px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs2 span.current a span,
f2e824
div#page-header div.tabs2 span.current a:hover span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -150px;
f2e824
	}
f2e824
f2e824
div#page-header div.subtabs2 span.current a,
f2e824
div#page-header div.subtabs2 span.current a:hover {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -150px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs2 span:hover a {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -125px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-header div.tabs2 span:hover a span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -125px;
f2e824
	}
f2e824
f2e824
/* */
f2e824
f2e824
div#page-footer div.tabs2 a {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -100px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs2 a span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -100px;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs2 span.current a,
f2e824
div#page-footer div.tabs2 span.current a:hover { 
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -150px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs2 span.current a span,
f2e824
div#page-footer div.tabs2 span.current a:hover span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -150px;
f2e824
	}
f2e824
f2e824
div#page-footer div.subtabs2 span.current a,
f2e824
div#page-footer div.subtabs2 span.current a:hover { 
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -150px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs2 span:hover a {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -125px no-repeat;
f2e824
	}
f2e824
f2e824
div#page-footer div.tabs2 span:hover a span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -125px;
f2e824
	}
f2e824
f2e824
/* Tabs (Style 3): 4 Rounded Borders
f2e824
-----------------------------------------------*/
f2e824
f2e824
div#page-body div.tabs3 {
f2e824
	float: right;
f2e824
	}
f2e824
f2e824
div#page-body div.tabs3 ul {
f2e824
	margin: 0;
f2e824
	padding: 0;
f2e824
	}
f2e824
f2e824
div#page-body div.tabs3 a {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% 0 no-repeat;
f2e824
	color: #628eca;
f2e824
	font-weight: bold;
f2e824
	float: left;
f2e824
	margin-right: 3px;
f2e824
	padding: 0px 7px 0 0px;
f2e824
	font-size: 10px;
f2e824
	}
f2e824
f2e824
div#page-body div.tabs3 a span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 0 no-repeat;
f2e824
	float: left;
f2e824
	padding: 5px 0px 3px 8px;
f2e824
	}
f2e824
f2e824
div#page-body div.tabs3 span:hover a {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100%  -25px no-repeat;
f2e824
	text-decoration: none;
f2e824
	}
f2e824
f2e824
div#page-body div.tabs3 span:hover a span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 -25px;
f2e824
	}
f2e824
f2e824
div#page-body div.tabs3 span.current a,
f2e824
div#page-body div.tabs3 span.current a:hover { 
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% -50px no-repeat;
f2e824
	color: #FFF;
f2e824
	text-decoration: none;
f2e824
	}
f2e824
f2e824
div#page-body div.tabs3 span.current a,
f2e824
div#page-body div.tabs3 span.current a:hover { 
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% -50px no-repeat;
f2e824
	text-decoration: none;
f2e824
	}
f2e824
f2e824
div#page-body div.tabs3 span.current a span,
f2e824
div#page-body div.tabs3 span.current a:hover span {
f2e824
	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 -50px;
f2e824
	color: #FFF;
f2e824
	text-decoration: none;
f2e824
	}
f2e824