|
|
| Line 1: |
Line 1: |
| @import "http://static.anidb.net/css-dev/sub-silver/sub-silver.css"; | | @import "http://static.anidb.net/css-dev/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*/ | | /*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 |
| Line 200: |
Line 8: |
| }*/ | | }*/ |
|
| |
|
| div.g_section div.icons
| | /*fix for the list table header color - see animelist for instance*/ |
| {
| |
| float: right;
| |
| }
| |
| | |
| div.g_section th a | | div.g_section th a |
| { | | { |
| margin-right: 15px;
| |
| color: inherit; | | 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);
| |
| }
| |
|
| |
| /*awards*/
| |
| #layout-content div.layout-main div.awards
| |
| {
| |
| overflow: auto;
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| }
| |
|
| |
| *.i_award
| |
| {
| |
| width: 300px;
| |
| height: 50px;
| |
| float:left;
| |
| } | | } |
|
| |
|