css

by Matt on March 9th, 2010
No notes
Syntax: CSS
Show lines - Hide lines - Show in textbox - Download
.prodtabs{ clear:both; font-family:Arial, Helvetica, sans-serif; background:#fff; margin: -3px 3px 0px 3px; padding-top:0px; }
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}
 
/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
	.prodtabs ul#tabNav{ margin: 0px 0px 0px 0px; padding-left:20px; }
	.prodtabs ul#tabNav li{
		background:url(images/border_links.gif) no-repeat;
		float:left;
		display:inline;
		padding-left:16px;
		height:34px; 
	}
 
	.prodtabs ul#tabNav li.ui-tabs-selected{ position:relative; z-index:999;}
	.prodtabs ul#tabNav li.ui-tabs-selected a{ color:#e60071; font-size:15px; }
	.prodtabs ul#tabNav li a{
		background:#ebebeb url(images/grad_title.gif) repeat-x left 4px;
		float:left;
		border:1px solid #bcbcbc; position:relative;
		border-left:0; border-bottom:0;
		height:26px; 
		padding:7px 12px 0 0px;
	}
	.prodtabs ul#tabNav li a:hover{ color:#e60071; }
	.prodtabs .ui-tabs-panel{
		position:relative; z-index:10;
		padding:20px;
		border:1px solid #ffffff;
		border-top:3px solid #ececec;
		margin: -3px -3px 0px -3px;
	}
	.spacer {
	height: 20px;
	}

Leave a Reply

Note: XHTML is allowed. Your email address will never be published.

Subscribe to this comment feed via RSS