User:Der Idiot/tab.css: Difference between revisions

Revision as of 18:43, 7 January 2008

@import "http://static.anidb.net/css/sub-silver/sub-silver.css";

/* sub-silver emu */
#layout-content
{
	border: none;
	padding: 0;
	background: none;
}
#layout-main
{
	border: 1px #98AAB1 solid;
	padding: 1em;
	padding-bottom: 0;
	background: #FBFBFB url(http://static.anidb.net/css/sub-silver/images/sub-bg-layout2.gif) repeat-x;
}
/* sub-silver emu end */


/*tab-styling*/
#layout-tabs
{
	margin: 0;
	display: block;
}

#layout-tabs ul
{
	display: inline;
	border: none;
	background-color: inherit;
}
#layout-tabs ul li
{
	display: inline;
	margin: 0 0 0 6px;
	padding: 0;
}
#layout-tabs ul li a
{
	padding: 1px 6px 1px 6px;
	border-bottom: 0;
}

/*color.css*/
#layout-tabs ul li a,
#layout-tabs ul li.g_odd a
{
	border: 1px #98AAB1 solid;
	background-color: #F4F4F4;
}
#layout-tabs ul li a:hover
{
	background-color: white;
}
#layout-tabs ul li.selected a
{
	background-color: #E5E5E5;
	border-bottom: 1px #E5E5E5 double;
}

/*allignment of the icons in the comment section*/
#layout-content div.comment
{
	/*padding: 2px 0 2px 0;*/
	line-height: 1.4;
}
#layout-content div.comment span.icons
{
	float: right;
}
#layout-content div.comment span.stamp span.icons
{
	float: left;
}

/*more tab styling, tab-pane to be precise*/

#layout-content div.tabbed_pane,
#layout-content div.tabbed_pane div.pane,
#layout-content div.tabbed_pane div.pane table
{
	width: 100%;
}

#layout-content div.tabbed_pane ul.tabs
{
	background-color: inherit;
	border: none;
	margin: 0 0 0 6px;
}
#layout-content div.tabbed_pane ul.tabs li
{
	cursor: pointer;
	display: inline;
	padding: 1px 6px 1px 6px;
	border-bottom: 0;
	border: 1px #98AAB1 solid;
	background-color: #E5E5E5;
}

#layout-content div.tabbed_pane ul.tabs li:hover
{
	background-color: white;
}

#layout-content div.tabbed_pane ul.tabs li.selected
{
	padding: 1px 6px 1px 6px;
}
#layout-content div.tabbed_pane ul.tabs li.selected
{
	background-color: #F4F4F4;
	border-bottom: 1px #F4F4F4 double;
}

#layout-content div.tabbed_pane > div
{
	border: 1px #98AAB1 solid;
	background-color: #F4F4F4;
	//padding: 8px;
}

#layout-content div.tabbed_pane div.hide
{
	display: none;
}

#layout-content div.tabbed_pane div.pane table
{
	border-top: none;
}

#layout-content div.tabbed_pane div.pane ul
{
	border: none;
}

#layout-content div.tabbed_pane div.pane ul li ul li
{
	border: 1px #d1d7dc solid;
}


/*infobox*/

#layout-content div.block
{
	width: 100%;
	display: table;
}
#layout-content div.block div.image
{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	width: 40%;
}
#layout-content div.block div.data
{
	width: 60%;
}
#layout-content div.block div.data > div
{
	display: table;
}
#layout-content div.block + div.desc
{
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 2em;
}

/*somewhat of a personal fix to get rid of the retarded boxes around icons when shifting the text to the left out of the screen - works fine in opera and FF. IE breaks badly*/
*.i_icon
{
	text-indent: 0px;
	overflow: hidden;
	line-height: 500px;
}

caption
{
	width: 100%;
}