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

From AniDB
Jump to navigation Jump to search
No edit summary
No edit summary
 
(207 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
{
float:right;
height:1%;
margin-left:10px;
margin-top:5px;
text-align:right;
width:auto;
}
 
div.g_pagination span
{
margin:0pt;
padding:0pt;
}
 
div.g_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.g_pagination span a:hover
{
background-color:#4692BF;
border-color:#4692BF;
color:#FFFFFF;
border:1px solid #BFBFBF;
}
 
div.g_pagination span span.page-sep
{
display:none;
}
 
div.g_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;
}
}

Latest revision as of 01:30, 17 February 2008

@import "http://static.anidb.net/css/sub-silver/sub-silver.css";

#layout-menu ul li
    margin-top: 0;
    border-top-width: 0;
    padding-top: 0;
    margin-bottom: -2px;
    border-bottom-width: 0;
    padding-bottom: 0;
}