MediaWiki:Common.css

/* admin comment highlights */ @import url('http://fantendo.wikia.com/index.php?title=MediaWiki:Wikia.css/AdminComments.css&action=raw&ctype=text/css&dontcountme=s');

/* thumbnails */ @import url('http://fantendo.wikia.com/index.php?title=MediaWiki:Wikia.css/Thumbnails.css&action=raw&ctype=text/css&dontcountme=s');

/* Username Colors */ @import url('http://fantendo.wikia.com/index.php?title=MediaWiki:Wikia.css/AdminColors.css&action=raw&ctype=text/css&dontcountme=s');

/* borders */ @import url('http://fantendo.wikia.com/index.php?title=MediaWiki:Wikia.css/AdminBorders.css&action=raw&ctype=text/css&dontcountme=s');

/* animations */ @import url('http://fantendo.wikia.com/index.php?title=MediaWiki:Wikia.css/Animations.css&action=raw&ctype=text/css&dontcountme=s');

/* tabbers */ @import url('http://fantendo.wikia.com/index.php?title=MediaWiki:Wikia.css/Tabbers.css&action=raw&ctype=text/css&dontcountme=s');

/* navboxes */ @import url('http://fantendo.wikia.com/index.php?title=MediaWiki:Wikia.css/Navbox.css&action=raw&ctype=text/css&dontcountme=s');

/* roundy */ @import url('http://fantendo.wikia.com/index.php?title=MediaWiki:Wikia.css/Roundy.css&action=raw&ctype=text/css&dontcountme=s'); /*template colors*/ @import url('http://fantendo.wikia.com/index.php?title=MediaWiki:GUTS.css&action=raw&ctype=text/css&dontcountme=s');

/* Fonts */

@import url('https://fonts.googleapis.com/css?family=Abel|Amatic+SC|Anton|Audiowide|Baloo+Thambi|Chewy|Exo|Fredoka+One|Gloria+Hallelujah|Inconsolata|Indie+Flower|Irish+Grover|Kumar+One|Open+Sans+Condensed:300|Orbitron|Oswald|PT+Sans+Narrow|Pacifico|Permanent+Marker|Poiret+One|Reem+Kufi|Righteous|Roboto+Mono|Russo+One|Teko');

/* blockquote */

blockquote { border-left: 3px solid #2261AD; margin-left: 2em; padding-left: 1em; }

/*thumbnails*/

.WikiaArticle .article-thumb { margin-bottom: 0px !important; }

.wikia-gallery-item .lightbox-caption { color: #FFFFFF !important; }

.WikiaArticle .article-thumb.left { clear: left; float: left; margin-right: 0px !important; background-color: #00002D; padding: 0.3em; border: 1px solid #323232; }

.WikiaArticle .article-thumb.tright { clear: right; float: right; margin-left: 0px !important; background-color: #00002D; padding: 0.3em; border: 1px solid #323232; }

.WikiaArticle .article-thumb a { display: inline-block; border: 1px solid #323232; background-color: #00011D; }

.WikiaArticle .article-thumb figcaption { text-align: left; background-color:transparent; }

.WikiaArticle .article-thumb p, .WikiaArticle .article-thumb p + p { font-size: 12px; margin: 0 0 !important; line-height: 16px; background-color:transparent; }

.WikiaArticle .article-thumb p, .WikiaArticle { font-size: 12px; margin: 0 0 !important; line-height: 16px; background-color:transparent; }

.WikiaArticle .article-thumb .caption { color: white; background-color:transparent; }

.soss > img{ border-radius:10px; }

/* thumbnails (monobook) */

figure { margin-bottom: 0 !important; margin-top: 0 !important; }

figure.tleft { clear: left; float: left; margin-right: 4px !important; background-color: #00002D; padding: 0.3em; border: 1px solid #323232; }

figure.tright { clear: right; float: right; margin-left: 4px !important; background-color: #00002D; padding: 0.3em; border: 1px solid #323232; }

figcaption.a.sprite.details { display: inline-block; border: 1px solid #323232; background-color: #00011D; }

figcaption { text-align: left; background-color:transparent; }

figcaption.p.caption { font-size: 12px; margin: 0 0 !important; line-height: 16px; background-color:transparent; color: white; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .watchlistredir { font-style: italic; }

/* Giving headers and TOC a little extra space */ h2 { margin-top: 20px; } .toc { margin-top: 20px; }

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

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; 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; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; } div.thumb { margin: 2px; margin-left: 6px; }

div.thumbinner { background: inherit; border: none; }  color:inherit; }
 * 1) article div.thumb {

/* === 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; }

/* TabbyBox */ padding: 0 10px; background-color: Navy; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; color: LightSlateGray; font-size: 150%; }   border: 2px solid WhiteSmoke; background: DimGray; }   margin: 1px; }   position: relative; left: 50px; }
 * 1) tabbyHead a {
 * 1) tabbyHead a.selected {
 * 1) tabbyHead p {
 * 1) tabbyHead {


 * 1) user_masthead { background: #5F9EA0 !important; }.

$wgExtraNamespaces[100] = "lol"; $wgExtraNamespaces[101] = "lol_talk";

/* Poll autoformatting */ .ajax-poll { width: auto !important;/*inline style override for poll extension*/ }

/* default skin for navigation boxes */ table.navbox { background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: left; width: 100%; }

table.navbox th { background-color: #ccf; padding-left: 1em; padding-right: 1em; }

table.navbox tr:not(:first-child) th { background-color: #ddf; }

@media print { .navbox { display: none; } }

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */

div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; }

/* cutting down on the usage of Template:Roundy with div and table classes for use in larger pages. */ .roundy { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }

.roundytl { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; }

.roundytr { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; }

.roundybl { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; }

.roundybr { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; }

.roundybottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-left-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-left-radius: 10px; -o-border-bottom-right-radius: 10px; }

.roundytop { border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-left-radius: 10px; -o-border-top-right-radius: 10px; }

.roundyleft { border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-top-left-radius: 10px; -o-border-bottom-left-radius: 10px; }

.roundyright { border-bottom-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-bottom-right-radius: 10px; -o-border-top-right-radius: 10px; }

background: url(https://images.wikia.nocookie.net/__cb20110706175414/fantendo/images/1/10/Shiny.png) no-repeat; background-size: 100%; }
 * 1) shiny {

.halfbloodlight { background:-moz-vertical-gradient(top,#546F29,#0D1C07); background:-webkit-linear-gradient(top,#546F29,#0D1C07); } .halfbloodlight:hover { background:-moz-vertical-gradient(top,#7BA33B,#223511); background:-webkit-linear-gradient(top,#7BA33B,#223511); }

.MainPageBG { color: Thistle; background:#00008E; }

.tabberlive .tabbertab h1, .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; }

.SpBorder { border-image: url(https://images.wikia.nocookie.net/fantendo/images/8/87/BorderImage.png) 25% repeat; }

.bluedot ul { list-style-image: url(https://images.wikia.nocookie.net/__cb20120621013051/fantendo/images/a/ae/Bluedot.png) !important; }

.rounded { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

/* Removes Related Pages and Must-Watch Videos modules */

section#videosModule { display:none !important; }

section#wkRelPag { display:none !important; }

.videos-module { display: none !important; }

.RelatedPagesModule { display: none !important; }

/* Hover thingy */ .hoverimage { position: absolute; top: 0; left: 0; z-index: 4; } .hoverimage img { opacity: 0; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; } .hoverimage:hover img { opacity: 1; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; }

div.statbar { text-align:center; margin:auto; }

div.wikia-gallery-item { border-bottom: none !important; }

.filehistory a img, #file img:hover {background: url(http://img543.imageshack.us/img543/9128/6tz5.png) repeat !important;}

/* Tabbers */

.tabberlive .tabbertab { padding: 0px !important; border: none !important; border-top: 0 !important; }

ul.tabbernav li a { color: white !important; padding: 3px 0.8em !important; margin-left: 0px !important; background: #00004D !important; border: 1px solid #778 !important; border-bottom: none !important; font-weight: normal !important; font-size: 95% !important; -moz-border-radius-topright: 10px !important; border-top-right-radius: 10px !important; -moz-border-radius-topleft: 10px !important; border-top-left-radius: 10px !important; position: relative; } ul.tabbernav li a:hover{ color: #CCCCFF !important; background: #11127D !important; border-bottom: none !important; } ul.tabbernav li.tabberactive a { border: 1px solid #778 !important; color: white !important; font-weight: bold !important; border-bottom: none !important; background-color: #22228D !important; cursor: default; } ul.tabbernav li.tabberactive {line-height: 0px !important;} ul.tabbernav li.tabberactive:first-child a { margin-left: 0px !important; }

ul.tabbernav li.tabberactive a:hover { color: #CCCCFF !important; background: #33339D !important; border-bottom: none !important; }

html .thumbimage { border: none !important; margin-top: 0 !important; }

.roundy { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }

.roundytl { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; }

.roundytr { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; }

.roundybl { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; }

.roundybr { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; }

.roundybottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-left-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-left-radius: 10px; -o-border-bottom-right-radius: 10px; }

.roundytop { border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-left-radius: 10px; -o-border-top-right-radius: 10px; }

.roundyleft { border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-top-left-radius: 10px; -o-border-bottom-left-radius: 10px; }

.roundyright { border-bottom-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-bottom-right-radius: 10px; -o-border-top-right-radius: 10px; }

/* Nintendo Superstars Brawl table code for characters. */ .NintendoSuperstarsBrawl, .NintendoSuperstarsBrawl TD, .NintendoSuperstarsBrawl TH { background: url("https://images.wikia.nocookie.net/__cb20140811013337/spookstdfanon/images/2/20/Splat.png"); color:white; font-family:Century Gothic; font-weight:0; }

.errorbox { border-color: #e11131 !important; background-color: #500010 !important; color: white !important; font-size: larger !important; border: 2px solid #e11131 !important; float: left !important; margin-bottom: 0 !important; margin-top: 5px !important; }

fieldset { border: none; margin: 0; clear: both; }

.tabberlive { margin-top: 0; }

@media screen { ul, .portlet ul { list-style-image:url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAYAAABhPKSIAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC41ZYUyZQAAACdJREFUKFNjGFzg////EEI5Zf1/GAYLIgvAMAmCWM0EE0jg////DABqSkNF34dVMgAAAABJRU5ErkJggg=="); } }

html, div#globalWrapper, input, #searchInput, .portlet ul, button, .portlet h3, .pBody, #p-cactions { word-wrap: break-word; }

/*Project:SplitActivity*/.splitactivity-ns-0>div>ul>:not(.activity-ns-0),.splitactivity-ns-1>div>ul>:not(.activity-ns-1),.splitactivity-ns-2001>div>ul>:not(.activity-ns-2001),.splitactivity-ns-500-501>div>ul>:not(.activity-ns-500):not(.activity-ns-501),.splitactivity-ns-etc>div>ul>.activity-ns-0,.splitactivity-ns-etc>div>ul>.activity-ns-1,.splitactivity-ns-etc>div>ul>.activity-ns-2001,.splitactivity-ns-etc>div>ul>.activity-ns-500,.splitactivity-ns-etc>div>ul>.activity-ns-501{display:none!important}.splitactivity{border-collapse:collapse;width:100%}.splitactivity>tbody>tr>td{border:1px solid #d5d4d4;box-shadow:inset 0 0 1em #d5d4d4;padding:.5em;width:50%}.splitactivity>tbody>tr:nth-child(1)>td:nth-child(1){background:#80334d}.splitactivity>tbody>tr:nth-child(1)>td:nth-last-child(1){background:#4d8033}.splitactivity>tbody>tr:nth-child(2)>td:nth-child(1){background:#804d33}.splitactivity>tbody>tr:nth-child(2)>td:nth-last-child(1){background:#33804d}.splitactivity>tbody>tr:nth-last-child(1)>td{background:#334d80}.splitactivity>tbody>tr>td>b{font-size:larger;font-weight:900;margin:.5em .5em 0}.splitactivity>tbody>tr>td>div{background:#000;background:rgba(0,0,0,.5);box-shadow:0 0 1em #d5d4d4,inset 0 0 1em #000;height:37.5vh;overflow-y:auto;margin:.5em;padding:.5em}.splitactivity>tbody>tr>td[colspan]>div{height:18.75vh}

.minipoll>.ajax-poll{background:transparent;margin:0;padding:0;} .minipoll>.ajax-poll>.header,.minipoll>.ajax-poll>.center,.minipoll>.ajax-poll>form>#ajax-poll-area>br,.minipoll>.ajax-poll>form>#ajax-poll-area>br~*,.minipoll>.ajax-poll>form>span{display:none;} .minipoll>.ajax-poll>form{position:relative;} .minipoll>.ajax-poll>form>#ajax-poll-area>.pollAnswer>*{display:inline-block;width:auto;} .minipoll>.ajax-poll>form>#ajax-poll-area>.pollAnswer>.pollAnswerVotes{border-width:0!important;font-size:inherit;} .minipoll>.ajax-poll>form>input{bottom:-2px;position:absolute;right:-1px;}

.explain{transition:font-size .25s ease;} .explain:hover{font-size:0;border-bottom-width:0;} .explain::after{background:#fff;border-radius:.25em;color:#000;content:attr(title);display:inline-block;font-size:0;opacity:.875;padding:0 .25em;transition:font-size .125s ease;} .explain:hover::after{font-size:13px;}

/* JS Tab System, Jacked and Hacked from the jsprefs in monobook/main.css -Dantman */ .tabtoc { margin: 0; padding: 0; width: 100%; clear: both; } .tabtoc li { background-color: #f0f0f0; color: #000; } .tabtoc li { margin: 1px -2px 1px 2px; float: left; padding: 2px 0 3px 0; border: 1px solid #fff; border-right-color: #716f64; border-bottom: 0; position: relative; white-space: nowrap; list-style-type: none; list-style-image: none; z-index: 3; } .tabtoc li.selected { font-weight: bold; background-color: #f9f9f9; border: 1px solid #aaa; border-bottom: none; cursor: default; top: 1px; padding-top: 2px; margin-right: -3px; } .tabtoc > li.selected { top: 2px; } .tabtoc a, .tabtoc a:active { display: block; color: #000; padding: 0 .7em; position: relative; text-decoration: none; } .tabtoc li.selected a { cursor: default; text-decoration: none; } .tabcontainer { margin: 0; border: 1px solid #aaa; clear: both; padding: 1.5em; background-color: #F9F9F9; } .tabsection { border: none; padding: 0; margin: 0; } .tabsection .tabbox { border: 1px solid #aaa; float: left; margin-right: 2em; } .tabsection .tab { font-weight: bold; } .tabsection table, .tabsection .tab { background-color: #F9F9F9; } .mainTab { display: none; }