|
|
| (365 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| @import "http://static.anidb.net/css/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: right;
| |
| }
| |
| | |
| /*more tab styling, tab-pane to be precise*/
| |
| | |
| #layout-content div.tabbed_pane div.pane
| |
| {
| |
| 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;
| |
| }
| |
| | |
| | |
| /*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;
| |
| } | | } |