MediaWiki:Wikia.css

/* common.css copied over for compatibility with new Wikia skin */ /***** CSS placed here will be applied to all skins on the entire site. *****/

/* Forum formatting -Algorithm & -Splaka */ .forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* Universal box styles. -Dantman */ .box.headnote { display: block; font-style: italic; font-size: 12px; margin: -10px 5px 10px 25px; padding: 0px; border-collapse: collapse; } .box.footnote { display: block; font-style: italic; font-size: 12px; margin: 10px 5px -10px 25px; padding: 0px; border-collapse: collapse; } .box.headbox { clear: both; margin: -10px auto 10px auto; border-collapse: collapse; } .box.fillnotice { width: 100%; height: 100%; clear: both; margin: 0px; padding: 0px; border-collapse: collapse; } .box.message { width: 90%; margin: 0px auto 10px auto; border-collapse: collapse; } .box.block { clear: both; } .box.block, .box.block-noclear { margin: 0.5em auto; border-collapse: collapse; } .box.groupblock { width: 90%; clear: both; margin: 15px auto 5px auto; padding: 5px; } .box.groupblock td { text-align: center; } .box.descriptionbox { width: 100%; clear: both; margin: 0.5em auto; border-collapse: collapse; } .box.descriptionbox .mainheader { font-size: 125%; text-align: center; } .box.descriptionbox th { text-align: left; padding: 5px; } .box.descriptionbox td { text-align: left; padding: 2px 5px; } .box.nav { margin: 5px; padding: 1px; border-spacing: 1px; } .box.trinav { width: 100%; margin: 5px; padding: 0px; border-spacing: 0px; } .box.trinav > tbody > tr > td, .box.trinav > tbody > tr > th { width: 33%; padding: 5px; } .box.table { margin: 1em 1em 1em 0; border-collapse: collapse; } .box.table > tbody > tr > td, .box.table > tbody > tr > th { padding: 0.2em; } .box.table > tbody > tr > th.mainheader { text-align: center; font-size: 110%; } .box.navtable { margin: 1em 1em 1em 0; border-collapse: seperate; } .box.navtable > tbody > tr > td, .box.table > tbody > tr > th { padding: 0.2em; } .box.titleicons { display: table; position: absolute; top: 0em; right: 0.5em; float: right; padding: 0.2em 0em 0.09em 0em; font-size: 188%; white-space: nowrap; border-collapse: collapse; }

/*Infobox*/ .box.info, .box.infobox { margin: 0px 5px; padding: 0px; width: 300px; border-spacing: 0px; border-collapse: collapse; font-size: 85%; } .box.infotable { margin: 0px; padding: 0px; width: 100%; border-spacing: 0px; border-collapse: collapse; font-size: 85%; } .box.infotable td { vertical-align: top; } } .box.info.float-left-clear, .box.infobox.float-left-clear { margin: 0px 5px 0px 0px; } .box.info.float-right-clear, .box.infobox.float-right-clear { margin: 0px 0px 0px 5px; } .box.info caption, .box.infobox caption { font-size: larger; margin-left: inherit; } .box.info td, .box.infobox td, .box.infotable .sub-infotable td { width: 100; vertical-align: top; } .box.info th, .box.infobox th, .box.infotable .sub-infotable th { width: auto; min-width: 35%; max-width: 50%; text-align: left; font-size: 90%; vertical-align: top; padding: 2px; } .box.infotable .sub-infotable th { min-width: 20%; max-width: 50%; } .box.info .mainheader, .box.infobox .mainheader, .box.infotable .mainheader { text-align: center; font-weight: bold; font-size: 100%; } .box.info .lightheader, .box.infobox .lightheader { font-weight: normal; } .title { display: block; } .title.english { font-size: 100%; font-weight: bold; } .title.kanji { font-size: 95%; font-style: italic; } .title.romaji, .title.romanji { font-style: italic; font-size: 95%; } .title.romaji:before, .title.romanji:before { content: '('; } .title.romaji:after, .title.romanji:after { content: ')'; } .box.infotable .maintitle, .box.infotable .subtitle { display: block; font-size: 1.75em; line-height: 1.25em; } .box.infotable .maintitle { font-size: 2em; line-height: 1em; } .box.infotable .ref { font-weight: normal; float: right; margin-left: -100%; } .box.info .imagecell, .box.infobox .imagecell { text-align: center; } .box.infotable .imagecell { width: auto; } .box.infotable .infocell { width: 100%; } .box.info .imagecell, .box.info .imagecell a, .box.info .imagecell p, .box.info .imagecell img, .box.info .clearcell, .box.info p, .box.infobox .imagecell, .box.infobox .imagecell a, .box.infobox .imagecell p, .box.infobox .imagecell img, .box.infobox .clearcell, .box.infobox p, .box.infotable .imagecell, .box.infotable .imagecell a, .box.infotable .imagecell p, .box.infotable .imagecell img, .box.infotable .clearcell, .box.infotable p { margin: 0px; padding: 0px; } .box.info table, .box.infobox table, .box.infotable table { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; } .box.info .imagecell .thumb, .box.infobox .imagecell .thumb, .box.infotable .imagecell .thumb { border: 0px !important; margin: 0px !important; padding: 0px !important; float: none; clear: none; } .box.info .imagecell .thumb .thumbinner, .box.infobox .imagecell .thumb .thumbinner, .box.infotable .imagecell .thumb .thumbinner { border: 0px !important; margin: 0px !important; padding: 0px !important; } .box.info.bordered .borderless, .box.info.bordered .borderless td, .box.info.bordered .borderless th, .box.infobox.bordered .borderless, .box.infobox.bordered .borderless td, .box.infobox.bordered .borderless th, .box.infotable.bordered .borderless, .box.infotable.bordered .borderless td, .box.infotable.bordered .borderless th { border-width: 0px; } .box .edit-infobox { float: right; margin-left: -100%; font-weight: normal; }

/* Layout modification */ .box.padded td, .box.padded th { padding: 5px !important; } .nopadding { padding: 0px !important; } .nomargin, .nomargin td, .nomargin th { margin: 0px !important; } .nomargin > p, .nopadding > p { margin: 0px !important; }

/* Headerboxes (On inside of nav type boxes) */ .box.bordered.type-help .head-top, .box.bordered.type-help .head-bottom, .box.bordered.type-help .head-left, .box.bordered.type-help .head-right { background: #EEEEAA !important; border: 0px solid #AAAA33; }

.box.bordered.nav .head-top { border-bottom-width: 1px; } .box.bordered.nav .head-botom { border-top-width: 1px; } .box.bordered.nav .head-left { border-right-width: 1px; } .box.bordered.nav .head-right { border-left-width: 1px; }

/* Needed base attributes */ .box.bordered { border-width: 1px; border-style: solid; } .box.headbordered > tbody > tr > th { border-width: 1px; border-style: solid; } .box.innerbordered > tbody > tr > td, .box.innerbordered > tbody > tr > th { border-width: 1px; border-style: solid; }

/* Border Mods */ .box.border-heavy { border-width: 3px !important; }

/* Box Sizing */ .fill-horiz { width: 100%; } .fill-vert { height: 100%; } .half-horiz { width: 50%; } .half-vert { height: 50%; } .quarter-horiz { width: 25%; } .quarter-vert { height: 25%; } .fill-td td { width: 100%; } .fill-th th { width: 100%; } .fill-horiz-important { width: 100% !important; }

/* Small Cells holding only single icons */ .cell-icon-25 { margin: 0px; padding: 0px; width: 25px; height: 25px; } .cell-icon-35 { margin: 0px; padding: 0px; width: 35px; height: 35px; } .cell-icon-64 { margin: 0px; padding: 0px; width: 64px; height: 64px; } .cell-icon-125 { margin: 0px; padding: 0px; width: 125px; height: 125px; }

.cell-icon-25.withpadding, .cell-icon-35.withpadding, .cell-icon-64.withpadding, .cell-icon-125.withpadding { padding: 5px; }

/* Universal text classes. -Dantman */ .text-small { font-size: 70%; } .text-small.text-growbold b { font-size: 75%; } .text-medium { font-size: 80%; } .text-medium.text-growbold b { font-size: 85%; } .text-normal { font-size: 93%; } .text-normal.text-growbold b { font-size: 100%; } .text-large { font-size: 125%; } .text-large.text-growbold b { font-size: 130%; } .text-huge { font-size: 150%; } .text-huge.text-growbold b { font-size: 155%; }

/* Universal text style convenience classes. -Dantman */ .style-italic { font-style: italic; } .style-bold { font-weight: bold; } .style-underline { text-decoration: underline; } .style-strike, .style-strikethrough { text-decoration: line-through; } .style-overline { text-decoration: overline; }

/* Alignment classes -Dantman */ .left { text-align: left !important; } .center { text-align: center !important; } .right { text-align: right !important; } .justify { text-align: justify !important; } .top { vertical-align: top !important; } .middle { vertical-align: middle !important; } .bottom { vertical-align: bottom !important; } .center-block { margin: 0 auto; }

.cell-align-left td, .cell-align-left th, .td-align-left td, .th-align-left th { text-align: left; } .cell-align-center td, .cell-align-center th, .td-align-center td, .th-align-center th { text-align: center; } .cell-align-right td, .cell-align-right th, .td-align-right td, .th-align-right th { text-align: right; } .cell-align-top td, .cell-align-top th, .td-align-top td, .th-align-top th { vertical-align: top; } .cell-align-middle td, .cell-align-middle th, .td-align-middle td, .th-align-middle th { vertical-align: middle; } .cell-align-bottom td, .cell-align-bottom th, .td-align-bottom td, .th-align-bottom th { vertical-align: bottom; }

.float-left { float: left; } .float-left-clear { float: left; clear: left; } .float-right { float: right; } .float-right-clear { float: right; clear: right; }

/* Lists -Dantman */ .list-noicon ul { list-style: none inside none !important; margin-left: 0px !important; } .list-noicon .list-icon ul { list-style: square inside none !important; margin-left: 18px !important; } .list-inline ul li { display: inline; } .list-comma ul li:after { content: ', '; } .list-fill-horiz ul { width: 100%; } .list-fill-vert ul { width: 100%; }

/* Page Cleanup -Dantman */ .nowrap { white-space: nowrap; } .nowrap-all * { white-space: nowrap; } .nowrap-td td { white-space: nowrap; } .nowrap-th th { white-space: nowrap; } .hide { display: none; }

.inline-p p { display: inline; } .inline-div div { display: inline; }

/* Header Modification -Dantman */ .header-noline h1, .header-noline h2 { border: 0px; } .header-left h1, .header-left h2, .header-left h3, .header-left h4, .header-left h5, .header-left h6 { text-align: left; } .header-center h1, .header-center h2, .header-center h3, .header-center h4, .header-center h5, .header-center h6 { text-align: center; } .header-right h1, .header-right h2, .header-right h3, .header-right h4, .header-right h5, .header-right h6 { text-align: right; } .header-bold h1, .header-bold h2, .header-bold h3, .header-bold h4, .header-bold h5, .header-bold h6 { font-weight: bold; } .header-italic h1, .header-italic h2, .header-italic h3, .header-italic h4, .header-italic h5, .header-italic h6 { font-style: italic; } .header-underline h1, .header-underline h2, .header-underline h3, .header-underline h4, .header-underline h5, .header-underline h6 { text-decoration: underline; }

/* Special TOC Styling -Dantman */ .toc-horiz #toc, .toc-horiz #toc ul { width: 100%; } .toc-horiz #toc li { display: inline; margin-right: 10px; } .toc-comma #toc li:after { content: ', '; } .toc-nolevel #toc li .tocnumber { display: none; } .toc-clear #toc { background: transparent; border: 0px; padding: 5px; } .toc-clear #toc td { background: transparent !important; border: 0px; } .toc-clear #toc { background: transparent; border: 0px; padding: 5px; } .toc-nohide #toc #toctitle { display: none; }

/*Level Starts*/ .toc-start-2 li.toclevel-1 > a, .toc-start-2 li.toclevel-1:after { display: none; } .toc-start-3 li.toclevel-1 > a, .toc-start-3 li.toclevel-1:after, .toc-start-3 li.toclevel-2 > a, .toc-start-3 li.toclevel-2:after, .toc-start-4 li.toclevel-1 > a, .toc-start-4 li.toclevel-1:after, .toc-start-4 li.toclevel-2 > a, .toc-start-4 li.toclevel-2:after, .toc-start-3 li.toclevel-3 > a, .toc-start-3 li.toclevel-3:after, .toc-start-5 li.toclevel-1 > a, .toc-start-5 li.toclevel-1:after, .toc-start-5 li.toclevel-2 > a, .toc-start-5 li.toclevel-2:after, .toc-start-2 li.toclevel-3 > a, .toc-start-2 li.toclevel-3:after, .toc-start-2 li.toclevel-4 > a, .toc-start-2 li.toclevel-4:after, .toc-start-6 li.toclevel-1 > a, .toc-start-6 li.toclevel-1:after, .toc-start-6 li.toclevel-2 > a, .toc-start-6 li.toclevel-2:after, .toc-start-1 li.toclevel-3 > a, .toc-start-1 li.toclevel-3:after, .toc-start-1 li.toclevel-4 > a, .toc-start-1 li.toclevel-4:after, .toc-start-1 li.toclevel-5 > a, .toc-start-1 li.toclevel-5:after { display: none; }

/*Level Limits*/ .toc-limit-5 li.toclevel-6, .toc-limit-4 li.toclevel-6, .toc-limit-4 li.toclevel-5, .toc-limit-3 li.toclevel-6, .toc-limit-3 li.toclevel-5, .toc-limit-3 li.toclevel-4, .toc-limit-2 li.toclevel-6, .toc-limit-2 li.toclevel-5, .toc-limit-2 li.toclevel-4, .toc-limit-2 li.toclevel-3, .toc-limit-1 li.toclevel-6, .toc-limit-1 li.toclevel-5, .toc-limit-1 li.toclevel-4, .toc-limit-1 li.toclevel-3, .toc-limit-1 li.toclevel-2 { display: none !important; }

/* Scrolling -Dantman */ pre { overflow: auto; } .overflow-visible { overflow: visible; } div.scrollable, span.scrollable, table.scrollable tbody, .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; }

/* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } .wikitable th, .wikitable td, .prettytable th, .prettytable td { border: 1px #aaa solid; padding: 0.2em; } .wikitable th, .prettytable th { background: #f2f2f2; text-align: center; } .wikitable caption, .prettytable caption { font-weight: bold; }

/* Default skin for navigation boxes */ table.navbox {           /* Navbox container style */ border: 1px solid #aaa; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px;           /* (doesn't work for IE6, but that's okay)       */ } .navbox-title, .navbox-abovebelow, table.navbox th { text-align: center;     /* Title and above/below styles */ padding-left: 1em; padding-right: 1em; } .navbox-group {           /* Group style */ white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; } .navbox, .navbox-subgroup { background: #fdfdfd;    /* Background color */ } .navbox-list { border-color: #fdfdfd;  /* Must match background color */ } .navbox-title, table.navbox th { background: #ccccff;    /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #ddddff;    /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff;    /* Level 3 color */ } .navbox-even { background: #f7f7f7;    /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ }

.collapseButton {         /* 'show'/'hide' buttons created dynamically */ float: right;         /* by the CollapsibleTables javascript in    */ font-weight: normal;  /* MediaWiki:Common.jsare styled here    */ text-align: right;    /* so they can be customised. */   font color: #FFFFFF !important; width: auto; } .navbox .collapseButton { /* In navboxes, the show/hide button balances */ width: 6em;           /* the vde links from Template:Tnavbar,   */ }                         /* so they need to be the same width. */

/* Infobox template style */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

.infobox.sisterproject { width: 20em; font-size: 90%; }

.infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; }

/* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa; }

.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; border-right: 1px solid #aaa; }

/* Universal Spoiler Style -Dantman */ .spoiler { border-top: 2px outset lightgrey; border-bottom: 2px outset lightgrey; width: 80%; margin-left: 5%; }

/* Universal Special Link Styles -Dantman */ /*Allpages redirect -Splarka & Dantman */ .allpagesredirect a { background: url('http://images.wikia.com/anime/en/images/5/5c/Allpagesredirect.gif') center left no-repeat; padding-left: 13px; font-style: italic; font-size: 90%; color: grey; }

/* Collapsible Edittools - Dantman */
 * 1) edittools { position: relative; }
 * 2) edittools_button { position: absolute; right: 5px; }

/* Replace the thumb's white border with a invisible margin to avoid annoyances when placed on colored backgrounds -Dantman */ div.tright { margin: .5em 0 .8em 1.4em !important; border: 0px; } div.tleft { margin: .5em 1.9em .8em 0 !important; border: 0px; }

/* Rating Template -Dantman */ .ratebox, .ratebox .on, .ratebox .off, .ratebox .numberdisplay { float: left; border: 0px; width: 75px; height: 15px; background: transparent top left repeat-x; } .ratebox .off { background: url(http://images.wikia.com/common/skins/slate/images/icon_article_star.png) top left repeat-x; } .ratebox .on { background: url(http://images.wikia.com/common/skins/slate/images/icon_article_starFilled.png) top left repeat-x; margin-top: -15px; } .ratebox .numberdisplay { text-align: center; margin-top: -17px; color: #999; font-weight: bold; }

/* Icon Classes. -Dantman */ .texticon { font-style: italic; font-weight: bold; color: #666666; font-size: 95%; }

/* Questionable Outline. -Dantman */ .questionable { border: 1px dotted #AAAAFF; }

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

table.gallery { background-color:none; border:none; }

table.gallery td { background-color:none; border:none; color:#000000; }

div.gallerybox { border-color:#8e8e8e; }

div.gallerybox div.thumb { background-color:none; border:1px solid #8e8e8e; }

div.gallerybox div.thumb:hover,div.gallerybox div.thumb div:hover { background-color:none; }

/*** THUMB ***/

div.thumb div { border-color: #A9A9A9; background: none; background-color: none; color: #000000; }				/* Thumbnail Box Style */

div.thumb div a img { }				/* Thumbnail Box Style */

.thumbimage { background-color: none; }				/* Thumbnail Image Style */

-moz-border-radius-topleft: 0.4em; -moz-border-radius-topright: 0.4em; -moz-border-radius-bottomleft: 0.4em; -moz-border-radius-bottomright: 0.4em; -webkit-border-radius-topright: 0.4em; -webkit-border-radius-topleft: 0.4em; -webkit-border-radius-bottomright: 0.4em; -webkit-border-radius-bottomleft: 0.4em; }
 * 1) content, #catlinks, .toc, pre, h4.mw-specialpagesgroup, #filetoc, .smwfact {

.thumb { -moz-border-radius-topleft: 0.2em; -moz-border-radius-topright: 0.2em; -moz-border-radius-bottomleft: 0.2em; -moz-border-radius-bottomright: 0.2em; -webkit-border-radius-topright: 0.2em; -webkit-border-radius-topleft: 0.2em; -webkit-border-radius-bottomright: 0.2em; -webkit-border-radius-bottomleft: 0.2em; }

.hiddenStructure { display: none; }

/*Article adjustments*/ body { color: #050505 !important; font-family: Helvetica, Arial, sans-serif; line-height: normal; font-size: 12px; margin: 0; overflow-x: hidden; padding: 20px 0; }

.WikiaPage { -moz-border-radius: 6px; -webkit-border-radius: 6px; }

/*Modifying level 3/4 headers (bolded and thus more noticable)*/ H3 { font-weight: bold; } H4 { font-weight: bold; }

/*Making sure the edit link (LVL3 header) remains normal*/ .WikiaArticle .editsection { font-weight: normal; }

/*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license see http://www.barelyfitz.com/projects/tabber/ /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*-- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --*/ .tabberlive .tabbertabhide { display:none; }

/*-- .tabber = before the tabber interface is set up  .tabberlive = after the tabber interface is set up  --*/ .tabber { } .tabberlive { margin-top:3px; margin-left:1em; margin-right:1em; margin-bottom:1em; }

/*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #CCC; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; font: bold 12px Verdana, sans-serif; }

ul.tabbernav li { -moz-border-radius:5px; list-style: none; margin: 0; display: inline; }

ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #ccc; border-bottom: none; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background: #D3D3D3; text-decoration: none; }

ul.tabbernav li a:link { color: #000 !important; } ul.tabbernav li a:visited { color: #000 !important; }

ul.tabbernav li a:hover { color: #000; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background: #fff; border-color: #CCC; }

ul.tabbernav li.tabberactive a { background-color: #fff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-bottom: 1px solid #fff; }

ul.tabbernav li.tabberactive a:hover { color: #000; background: white; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-bottom: 1px solid white; }

/*-- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --*/ .tabberlive .tabbertab { padding:0; border:1px solid #CCC; border-top:0;

/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */

/* height:200px; */

/* If you set a fix height set overflow to auto and you will get a   scrollbar when necessary */

/* overflow:auto; */ }

/* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; }

/* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; }