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

From AniDB
Jump to navigation Jump to search
Line 193: Line 193:
  
 
/*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*/
 
/*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
+
/**.i_icon
 
{
 
{
 
text-indent: 0px;
 
text-indent: 0px;
 
overflow: hidden;
 
overflow: hidden;
 
line-height: 500px;
 
line-height: 500px;
}
+
}*/
 
 
/*table header*/
 
 
 
*.i_arrow_up
 
{
 
background-image: url(http://static.anidb.net/css/icons/test/arrow_up.gif);
 
}
 
 
 
*.i_arrow_down
 
{
 
background-image: url(http://static.anidb.net/css/icons/test/arrow_down.gif);
 
}
 
 
 
*.i_arrow_inactive
 
{
 
background-image: url(http://static.anidb.net/css/icons/test/arrow_inactive.gif);
 
}
 
  
 
div.g_section div.icons
 
div.g_section div.icons
Line 296: Line 279:
 
div.pagination
 
div.pagination
 
{
 
{
float:right;
+
float: right;
text-align:right;
 
 
width:auto;
 
width:auto;
 
margin-top: 3px;
 
margin-top: 3px;
Line 340: Line 322:
 
}
 
}
  
div.buttons
+
div.topic_actions
 +
{
 +
height: 25px;
 +
}
 +
div.cmt_all div.topic_actions div.buttons a
 +
{
 +
float: left;
 +
}
 +
 
 +
*.i_icon span
 +
{
 +
display: none;
 +
}
 +
 
 +
*.i_arrow_up
 +
{
 +
background-image: url(http://static.anidb.net/css/icons/test/arrow_up.gif);
 +
}
 +
 
 +
*.i_arrow_down
 +
{
 +
background-image: url(http://static.anidb.net/css/icons/test/arrow_down.gif);
 +
}
 +
 
 +
*.i_arrow_inactive
 
{
 
{
float:left;
+
background-image: url(http://static.anidb.net/css/icons/test/arrow_inactive.gif);
 
}
 
}
  
 
*.i_comment_add
 
*.i_comment_add
 
{
 
{
height:25px;
+
width: 96px;
width:100px;
+
height: 25px;
 +
margin 5px;
 
background:transparent none no-repeat scroll 0pt;
 
background:transparent none no-repeat scroll 0pt;
 
background-image: url(http://static.anidb.net/css/icons/test/comment_add_inactive.png);
 
background-image: url(http://static.anidb.net/css/icons/test/comment_add_inactive.png);
Line 355: Line 362:
 
*.i_comment_add:hover
 
*.i_comment_add:hover
 
{
 
{
background:transparent none no-repeat scroll 0pt;
 
 
background-image: url(http://static.anidb.net/css/icons/test/comment_add_active.png);
 
background-image: url(http://static.anidb.net/css/icons/test/comment_add_active.png);
 
}
 
}

Revision as of 11:54, 26 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
{
	width: 96%;
}
#layout-content div.tabbed_pane div.pane ul,
#layout-content div.tabbed_pane div.pane div table
{
	width: 100%;
	display: table;
}
#layout-content div.tabbed_pane div.pane
{
	min-height: 400px;
}
#layout-content div.tabbed_pane div.pane.hide
{
	display: none;
}
#layout-content div.tabbed_pane ul.tabs li.selected
{
	padding: 1px 6px 1px 6px;
}
#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
{
	background: #FFFFFF;
	border-bottom: 1px #fefefe double;
}

#layout-content div.tabbed_pane div.pane
{
	border: 1px #98AAB1 solid;
	background: #E5E5E5 url(http://static.anidb.net/css/sub-silver/images/sub-bg-body.gif) repeat-x;
}

#layout-content div.tabbed_pane div.pane > *
{
	border: 1px solid orange;
}
#layout-content div.tabbed_pane div.pane table,
#layout-content div.tabbed_pane div.pane ul,
#layout-content div.tabbed_pane div.pane ul li
{
	background: inherit;
}

#layout-content div.tabbed_pane div.pane ul
{
	background: #fefefe url(http://static.anidb.net/css/sub-silver/images/sub-bg-body.gif) repeat-x;
	/*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
{
	display: table-cell;
	width: 60%;
	height: 100%;
}
#layout-content div.block div.data > div
{
	display: table;
	height: 100%;
}
#layout-content div.block + div.desc
{
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 2em;
}

h4,
caption
{
	cursor: pointer;
	width: 100%;
}

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

div.g_section div.icons
{
	float: right;
}

div.g_section th a
{
	margin-right: 15px;
	color: inherit;
}


/*schedule */
div.schedule table
{
	width: 100%;
}

div.schedule a.promo_only
{
	color: red;
}

div.japan_time
{
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
}

td.order_button
{
	text-align: center;
}

/*generic navibar*/
#layout-content div.g_navlist
{
	margin: 0 auto;
	padding: 0.3em;
	text-align: left;
	margin-bottom: 1em;
	float: left;
	border: 1px #d1d7dc solid;
	background-color: #f4f4f4;
}

#layout-content div.g_navlist span.here
{
	font-style: italic;
}

#layout-content div.g_navlist span.navelements
{
	display: inline;
	list-style: none outside;
	text-align: center;
}

#layout-content div.g_navlist span.navelements span
{
	padding: 0.3em;
}

/*profile*/
#layout-content div.preferences
{
	width: 100%;
}

/*mydb files*/
tr.undumped td.id
{
	font-weight: bold;
}

/*pagination*/
div.pagination
{
	float: right;
	width:auto;
	margin-top: 3px;
}

div.pagination span
{
	margin:0pt;
	padding:0pt;
}

div.pagination span a
{
	border:1px solid #BABABA;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.5em;
	margin:0pt 2px;
	padding:0pt 2px;
	text-decoration:none;
	background-color:#ECEDEE;
	border-color:#B4BAC0;
	color:#5C758C;
}

div.pagination span span.page-sep
{
	display:none;
}

div.pagination span a:hover,
div.pagination span strong
{
	background-color:#4692BF;
	border-color:#4692BF;
	color:#FFFFFF;
	border:1px solid #BFBFBF;
	font-size:0.9em;
	font-weight:normal;
	padding:0pt 2px;
	margin:0pt 2px;
}

div.topic_actions
{
	height: 25px;
}
div.cmt_all div.topic_actions div.buttons a
{
	float: left;
}

*.i_icon span
{
	display: none;
}

*.i_arrow_up
{
	background-image: url(http://static.anidb.net/css/icons/test/arrow_up.gif);
}

*.i_arrow_down
{
	background-image: url(http://static.anidb.net/css/icons/test/arrow_down.gif);
}

*.i_arrow_inactive
{
	background-image: url(http://static.anidb.net/css/icons/test/arrow_inactive.gif);
}

*.i_comment_add
{
	width: 96px;
	height: 25px;
	margin 5px;
	background:transparent none no-repeat scroll 0pt;
	background-image: url(http://static.anidb.net/css/icons/test/comment_add_inactive.png);
}

*.i_comment_add:hover
{
	background-image: url(http://static.anidb.net/css/icons/test/comment_add_active.png);
}