|  |   | 
| (144 intermediate revisions by 3 users not shown) | 
| Line 1: | Line 1: | 
|  | @import "http://static.anidb.net/css-dev/sub-silver/sub-silver.css"; |  | @import "http://static.anidb.net/css/sub-silver/sub-silver.css"; | 
|  | 
 |  | 
 | 
|  | /* sub-silver emu */
 |  | #layout-menu ul li | 
|  | #layout-content
 |  |     margin-top: 0; | 
|  | {
 |  |     border-top-width: 0; | 
|  | 	border: none;
 |  |     padding-top: 0; | 
|  | 	padding: 0;
 |  |     margin-bottom: -2px; | 
|  | 	background: none;
 |  |     border-bottom-width: 0; | 
|  | }
 |  |     padding-bottom: 0; | 
|  | #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: 00 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: 0auto;
 |  | 
|  | 	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);
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | /*awards*/
 |  | 
|  | #layout-content div.layout-main div.awards
 |  | 
|  | {
 |  | 
|  | 	overflow: auto;
 |  | 
|  | 	margin-left: auto;
 |  | 
|  | 	margin-right: auto;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | *.i_award
 |  | 
|  | {
 |  | 
|  | 	width: 300px;
 |  | 
|  | 	height: 50px;
 |  | 
|  | 	float:left;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | /*review test thing*/
 |  | 
|  | div.animeatt_reviews div.review div.body
 |  | 
|  | {
 |  | 
|  | 	border: 1px #98AAB1 solid;
 |  | 
|  | 	padding: 0;
 |  | 
|  | 	background: #FBFBFB url(http://static.anidb.net/css/sub-silver/images/sub-bg-layout2.gif) repeat-x;
 |  | 
|  | } |  | } |