User:Der Idiot/tab.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
m (Reverted edits by Der Idiot (Talk); changed back to last version by Fahrenheit) |
||
Line 89: | Line 89: | ||
#layout-content div.tabbed_pane div.pane | #layout-content div.tabbed_pane div.pane | ||
{ | { | ||
min-height: 400px; | min-height: 400px;*/ | ||
} | } | ||
#layout-content div.tabbed_pane div.pane.hide | #layout-content div.tabbed_pane div.pane.hide | ||
Line 183: | Line 183: | ||
margin-left: 2em; | margin-left: 2em; | ||
margin-right: 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*/ | /*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 | ||
{ | { | ||
text-indent: 0px; | text-indent: 0px; | ||
overflow: hidden; | overflow: hidden; | ||
line-height: 500px; | line-height: 500px; | ||
} | }*/ | ||
h4, | |||
caption | |||
{ | { | ||
cursor: pointer; | |||
width: 100%; | width: 100%; | ||
} | } |
Revision as of 20:20, 25 January 2008
@import "http://static.anidb.net/css/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; } /*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; }*/ h4, caption { cursor: pointer; width: 100%; }