User:Der Idiot/tab.css

From AniDB
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
@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(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;
	width: 100%;
}
#layout-tabs ul li
{
	display: inline;
	cursor: pointer;
	margin-left: 6px;
	padding: 1px 6px 1px 6px;
	border: 1px #867f6a solid;
	border-bottom: 0;
}
#layout-tabs ul li:hover,
#layout-tabs ul li.selected
{
	background-color: silver;
}
#layout-tabs ul li.selected
{
	border-bottom: 2px solid #inherit;
}

/*allignment of the icons in the comment section*/
#layout-content div.comment span.icons
{
	float: right;
}

#layout-content div.edit_icons
{
	float: right;
}

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

#layout-content div.tabbed_pane ul.tabs
{
	background-color: inherit;
	/*border: 1px solid red;*/
	padding-bottom: 0;
	border: none;
}
#layout-content div.tabbed_pane ul.tabs li
{
	padding: 2px 6px 1px 6px !important;
	background-color: #E7F1D6;
	border: 1px solid gray;
	/*border-bottom: 0;*/
	display: inline;
}

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

#layout-content div.tabbed_pane ul.tabs li.selected
{
	border: 1px solid gray;
	padding: 2px 6px 2px 6px;
	background-color: #FFFFF0;
}
#layout-content div.tabbed_pane ul.tabs li.selected
{
	border-bottom: 1px solid #FFFFF0;
}

#layout-content div.tabbed_pane > div
{
	padding: 8px !important;
	background-color: #FFFFF0;
	border: 1px solid gray;
}

.hide{
	display: none !important;
}

/*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;
}