|
|
(220 intermediate revisions by 3 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: 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;
| |
| }
| |
| | |
| /*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
| |
| {
| |
| 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.g_pagination
| |
| {
| |
| text-align:right;
| |
| font-family:Verdana,Arial,Helvetica,sans-serif;
| |
| }
| |
| | |
| div.g_pagination 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.g_pagination a:hover
| |
| {
| |
| background:transparent none repeat scroll 0%;
| |
| color:#666666;
| |
| font-size:100%;
| |
| margin:-0.1em -0.2em;
| |
| padding:0.1em 0.2em;
| |
| text-decoration:underline;
| |
| }
| |
| | |
| div.g_pagination span.page-sep
| |
| {
| |
| display:none;
| |
| margin:-1pt;
| |
| padding:-1pt;
| |
| }
| |
| | |
| div.g_pagination span strong
| |
| {
| |
| background-color:#4692BF;
| |
| border-color:#4692BF;
| |
| color:#FFFFFF;
| |
| border:1px solid #BFBFBF;
| |
| font-size:0.9em;
| |
| font-weight:normal;
| |
| margin:0pt 2px;
| |
| padding:0pt 2px;
| |
| } | | } |