MediaWiki:Common.css

//* */

/** CSS placed here will be applied to all skins */ body { cursor: default; font-family: sans-serif; }

.sitenotice-nav { display: none; }

/* Fix size issues between different platforms */ code, pre { font-size: 10pt!important } /* Class to force links to be underlined To use: link --Paulgb */ .underlinelink a { text-decoration: underline ! important; } /* Class to force links to be not underlined - See .underlinelink for use -Paulgb */ .nounderlinelink a { text-decoration: none ! important; } .nounderlinelink a:hover { text-decoration: underline ! important; } .forum_title a.forum_new { font-weight: bold; } .forum_title a.forum_new:visited { font-weight: normal; } .allpagesredirect { font-style: italic; }

/* pre style override */ pre.nostyle { padding:0; margin:0; border:none; background:none; }

pre.wrap { white-space: pre-wrap;	  /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap;	 /* Opera 4-6 */ white-space: -o-pre-wrap;	/* Opera 7 */ word-wrap: break-word;	  /* Internet Explorer 5.5+ */ }

/* this class can be used in the content area to make a link appear like a new page link */
 * 1) bodyContent .redlink a {color: #ba0000;}
 * 2) bodyContent .redlink a.new:visited {color: #a55858;}

/* Infobox template styling */ .infobox { float: right; clear: right; margin: 0 0 .5em 1em; width: 250px; background: none; border-collapse: collapse; border-width: 0px; font-size: 0.8em; line-height: 1.5; } .infobox table.infoboxtable { background:#EBEBEB; float:right; margin:0; width:100%; border-collapse:collapse; } .infobox td.infoboximage { padding:0; text-align:center; } .infobox th.infoboxheading { font-weight:bold; text-align:center; color:#ffffff; font-size:larger; } .infobox th.infoboxsubheading { vertical-align:top; text-align:left; font-weight:normal; } .infobox td.infoboxlabel, .infobox td.infoboxcell { vertical-align: middle; }

/* ugly hack to force normal height for infobox cells */ .infoboxcell p { margin-top: 0px; margin-bottom: 0px; } /* .infoboxcell ul { list-style-type: disc; } */

.infoboxcell ul { padding-left: 10px; margin-left: 10px; }

.infoboxcell ul li { padding-left: 0; margin-left: 0; list-style-type: square; }

.infobox div.plainlinks { color: #000000; }

.infobox div.plainlinks a { color: #f0f0f0; }

/* class for forum navigation templates */ .forumheader { background: #F2F5FD; border: none; padding: 5px; }

/* class for stub template styling */ /* only applies to table and div elements - avoids conflicts with preexisting a.stub */ table.stub, div.stub { background: #f0f0f0; margin: 0 0 0.5em 0.5em; text-align: center; padding: 5px; clear: center; font-size: 0.85em; }

/* class for article disambiguation templates */ .disambig { background: #f2f5fd; font-size: 0.85em; text-align: center; width: 85%; margin: 0 auto 3px auto; }

/* styling for MediaWiki:Edittools */ border:2px solid #737373; background:#737373; }
 * 1) edittools, #editpage-specialchars {

body.page-Main_Page #lastmod, body.page-Main_Page #siteSub, body.page-Main_Page #contentSub, body.page-Main_Page h1.firstHeading { display: none !important; }

.references-small { font-size: 0.85em; }

/* rounded corners */ .rtop, .rbottom { display: block; padding: 0px; margin: 0px } .rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; padding: 0px } .r1 {margin: 0 5px} .r2 {margin: 0 3px} .r3 {margin: 0 2px} .r4 {margin: 0 1px; height: 2px} /* end rounded corners */

padding-left: 10px; margin-left: 10px; }
 * 1) mp3-global ul {

padding-left: 0; margin-left: 0; list-style-type: square; }
 * 1) mp3-global ul li {


 * 1) mp3-navlink #mp3-nav { display: none; }

font-size: 1.1em; margin: auto; max-width: 600px; width: expression(document.getElementById('mp3-nav-outer').offsetWidth > 600 ? '600px' : 'auto'); }
 * 1) mp3-navlink {

.hoverable .hoverable-inner { display: none; position: absolute; top: auto; text-align: left; }

.hoverable:hover .hoverable-inner, .hoverable.over .hoverable-inner { display: inline; }

/* class for message box template styling */ .messagebox { clear:both; width:85%; margin:0px auto 3px auto; padding:3px; font-size:95%; }

/* in-universe and out-of-universe message boxes */ .iumb, .ooumb { border-width: 0; text-align:left; padding: 0; }

.iumb table, .ooumb table { padding: 5px 10px 5px 10px; background: transparent; color: inherit; }

.iumb table.hidable-content, .ooumb table.hidable-content { padding: 0; }

.iumb-icon, .ooumb-icon { vertical-align: middle; padding: 0; }

.iumb-main, .ooumb-main { padding: 0 0 0 10px; }

.iumb-caption { font-size: 1.3em; font-weight: bold; }

.ooumb-caption { font-size: 1em; font-weight: bold; }

.iumb-comment { font-size: 0.8em; }

.iumb-hidable-button, .ooumb-hidable-button { text-align: right; margin: 0; padding: 0 5px 0 0; font-size: 0.8em; vertical-align: bottom; }

.iumb-table-container, .ooumb-table-container { width: 100%; }

.iumb p { margin-top: 0; margin-bottom: 0; }

/* userboxes */ .userbox { float: left; border-width: 1px; border-style: solid; margin: 1px; width: 238px; padding: 0px; }

.ubx-icon { width: 45px; height: 45px; text-align: center; font-size: 14pt; font-weight: bold; }

.ubx-main { font-size: 8pt; padding: 4pt; line-height: 1.25em; }

border-width: 0; }
 * toc, .toc {

.spoiler { background-color: #fff8f8; color: #000000; border-color: black; border-style: solid; border-width: 1px 0px 1px 0px; text-align: center; }

/*	forum table .forumlist { width: 100%; background: #F2F5FD; }

.forumlist-header { background: #D8E9FC; }

.forumlist-header th { text-align: left; }

.forumlist th, .forumlist td { padding: 3px; }

.ahtable { padding: 0; width: 85%; }

.ahtable th, .ahtable td { padding: 3px; }

.ahth { text-align: left; }

.ahtable .ahrt, .ahtable .ahrb { padding: 0; }

.ahf { text-align: left; font-weight: normal; }

.ahfstatus { font-weight: bold; }

.hidable-button { color: #088; cursor: pointer; }

.infobox .hidable-button { color: #f0f0f0; }

text-transform: none; }
 * 1) p-search #searchInput {

/* new navboxes */ .nb2-wrapper { text-align: center; }

.nb2 { /*	margin: auto; */ border: 0; }

.nb2-firstheading { color: black; font-size: 1.1em; font-weight: bold; padding: 3px; }

.nb2-inner { width: 100%; }

.nb2-inner th { font-weight: bold; }

.nb2-inner td { font-size: 0.9em; text-align: center; }

.nb2-end td { font-size: 0.85em; text-align: center; }

.nb-edi { font-size: 0.85em; }

.nb2 .nb-edi { font-size: inherit; }

.nb2-end a, .nb2-end .hidable-button { color: black; text-transform: lowercase; text-decoration: none; }

cursor: pointer; }
 * 1) search-icon-wrapper {

position: absolute; background: #f2f5f9; text-align: left; z-index: 8; }
 * 1) search-popup {

/* "printable version" tweaks */ @media print { body, #content { background: white!important; }

/* tweaks for title-messing templates */ #title-override { left: 0px!important; font-weight: bold!important; background: #737373!important; } #title-eraicons { display: none!important; visibility: hidden !important }

div.tleft { border: none!important; } div.tright { margin-left: 13px!important; } div.thumb { background: inherit!important; }

h1, h2, h3, h4, h5, h6, .firstHeading { background: inherit !important }

#toc { background: inherit!important; border-width: 0px!important }

/* temporary hack; that div should be assigned class=noprint */ .infoboxfooter { display:none !important }

.printfooter { background: inherit !important; } #catlinks, #footer { display:none !important; } }

ul.special li a[title="User:Atarumaster88"], table.mw-enhanced-rc td a[title="User:Atarumaster88"], ul.activityfeed li cite a[href="/wiki/User:Atarumaster88"], ul.special li a[title="User:Borsk Fey'lya"], table.mw-enhanced-rc td a[title="User:Borsk Fey'lya"], ul.activityfeed li cite a[href="/wiki/User:Borsk_Fey'lya"], ul.special li a[title="User:Cavalier One"], table.mw-enhanced-rc td a[title="User:Cavalier One"], ul.activityfeed li cite a[href="/wiki/User:Cavalier_One"], ul.special li a[title="User:CC7567"], table.mw-enhanced-rc td a[title="User:CC7567"], ul.activityfeed li cite a[href="/wiki/User:CC7567"], ul.special li a[title="User:Darth Culator"], table.mw-enhanced-rc td a[title="User:Darth Culator"], ul.activityfeed li cite a[href="/wiki/User:Darth_Culator"], ul.special li a[title="User:Enochf"], table.mw-enhanced-rc td a[title="User:Enochf"], ul.activityfeed li cite a[href="/wiki/User:Enochf"], ul.special li a[title="User:Eyrezer"], table.mw-enhanced-rc td a[title="User:Eyrezer"], ul.activityfeed li cite a[href="/wiki/User:Eyrezer"], ul.special li a[title="User:Grand Moff Tranner"], table.mw-enhanced-rc td a[title="User:Grand Moff Tranner"], ul.activityfeed li cite a[href="/wiki/User:Grand_Moff_Tranner"], ul.special li a[title="User:Green tentacle"], table.mw-enhanced-rc td a[title="User:Green tentacle"], ul.activityfeed li cite a[href="/wiki/User:Green_tentacle"], ul.special li a[title="User:Grunny"], table.mw-enhanced-rc td a[title="User:Grunny"], ul.activityfeed li cite a[href="/wiki/User:Grunny"], ul.special li a[title="User:Ifindyourlackoffaithdisturbing"], table.mw-enhanced-rc td a[title="User:Ifindyourlackoffaithdisturbing"], ul.activityfeed li cite a[href="/wiki/User:Ifindyourlackoffaithdisturbing"], ul.special li a[title="User:Jonjedigrandmaster"], table.mw-enhanced-rc td a[title="User:Jonjedigrandmaster"], ul.activityfeed li cite a[href="/wiki/User:Jonjedigrandmaster"], ul.special li a[title="User:JSarek"], table.mw-enhanced-rc td a[title="User:JSarek"], ul.activityfeed li cite a[href="/wiki/User:JSarek"], ul.special li a[title="User:Lord Hydronium"], table.mw-enhanced-rc td a[title="User:Lord Hydronium"], ul.activityfeed li cite a[href="/wiki/User:Lord_Hydronium"], ul.special li a[title="User:LtNOWIS"], table.mw-enhanced-rc td a[title="User:LtNOWIS"], ul.activityfeed li cite a[href="/wiki/User:LtNOWIS"], ul.special li a[title="User:Riffsyphon1024"], table.mw-enhanced-rc td a[title="User:Riffsyphon1024"], ul.activityfeed li cite a[href="/wiki/User:Riffsyphon1024"], ul.special li a[title="User:SFH"], table.mw-enhanced-rc td a[title="User:SFH"], ul.activityfeed li cite a[href="/wiki/User:SFH"], ul.special li a[title="User:Tommy9281"], table.mw-enhanced-rc td a[title="User:Tommy9281"], ul.activityfeed li cite a[href="/wiki/User:Tommy9281"], ul.special li a[title="User:Toprawa and Ralltiir"], table.mw-enhanced-rc td a[title="User:Toprawa and Ralltiir"], ul.activityfeed li cite a[href="/wiki/User:Toprawa_and_Ralltiir"], ul.special li a[title="User:Trak Nar"], table.mw-enhanced-rc td a[title="User:Trak Nar"], ul.activityfeed li cite a[href="/wiki/User:Trak_Nar"], ul.special li a[title="User:Xd1358"], table.mw-enhanced-rc td a[title="User:Xd1358"], ul.activityfeed li cite a[href="/wiki/User:Xd1358"] { font-weight: bold; color:#737373; }

ul.special li a[title="User:Wikia"] { font-weight: bold; color:#FF0000; }

/* Colored watchlist numbers */ .mw-plusminus-pos { color: #006400; /* darkgreen */ }

/* .mw-plusminus-null currently at developer default */

.mw-plusminus-neg { color: #cc2200; /* darkred */ }

.dablink { font-style:italic; padding-left:2em; }

/* Allow limiting of which header levels are shown in a TOC;, for instance, will limit to showing ==headings== and ===headings=== but no further (as long as  there are no =headings= on the page, which there shouldn't be according to the MoS). */ .toclimit-2 .toclevel-2 {display:none;} .toclimit-3 .toclevel-3 {display:none;} .toclimit-4 .toclevel-4 {display:none;} .toclimit-5 .toclevel-5 {display:none;} .toclimit-6 .toclevel-6 {display:none;} .toclimit-7 .toclevel-7 {display:none;}

/* Class for links with loudspeaker icon next to them */ /* (Used in Template:Audio and the like to make the speaker clickable) */ .audiolink a { /* Original url - http://images.wikia.com/starwars/images/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png */ background: url("https://images.wikia.nocookie.net/starwars/images/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat !important; padding-left: 16px !important; padding-right: 0 !important; }

.hidebox { border: 1px solid #eee; padding: 3px; margin: auto; }

/* Jack says this will kill MultiUpload in the sidebar */
 * 1) p-tb li#t-multiupload { display: none; }

/* Trying to kill the policy-violating "add images" crap */
 * 1) wmuLinkDiv {display:none !important}
 * 2) wmu-imagebutton {display:none !important}
 * 3) wmu_imagebutton {display:none !important}
 * 4) mw-editbutton-wmu {display:none !important}
 * 5) wmuLink {display:none !important}

/* Highlight clicked reference in blue to help navigation */ ol.references > li:target { background-color: #737373; } sup.reference:target { background-color: #737373; }

/* Link FAs in other languages */

list-style-image: url("https://images.wikia.nocookie.net/starwars/images/1/10/InterwikiFA.png"); }
 * 1) p-lang li.FA {

list-style-image: url("https://images.wikia.nocookie.net/starwars/images/d/df/InterwikiGA.png"); }
 * 1) p-lang li.GA {

/* New styling for appearance lists, used in Template:App */ table.appearances { padding: 5px; width: 100%; border: 1px solid #D6F0F5; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-bottom: 4px; text-align: left; clear: left; } table.appearances tr td { vertical-align: top; }

/* remove talk link from forum namespace (monobooks/newskins/quartzskins/monaco) -Splarka (on Central) */ body.ns-100 #ca-talk, body.ns-100 #this_talk, body.ns-100 #page_tabs li+li { display: none; }

/* Put a checker background at the image description page only visible if the image has transparent background (import from Central) */ background: url("https://images.wikia.nocookie.net/central/images/5/5d/Checker-16x16.png") repeat; }
 * 1) file img {

/* Removing delete buttons on pages with long page histories */ .page-Wookieepedia_Featured_article_nominations #control_delete, .page-Wookieepedia_Good_article_nominations #control_delete, .page-Wookieepedia_Comprehensive_article_nominations #control_delete, .page-Wookieepedia_Quote_of_the_Day_In-Universe #control_delete, .page-Wookieepedia_Quote_of_the_Day_Other #control_delete, .page-Wookieepedia_Wookieepedian_of_the_Month #control_delete, .page-Main_Page #control_delete, .page-Wookieepedia_Featured_article_nominations #ca-delete, .page-Wookieepedia_Good_article_nominations #ca-delete, .page-Wookieepedia_Comprehensive_article_nominations #ca-delete, .page-Wookieepedia_Quote_of_the_Day_In-Universe #ca-delete, .page-Wookieepedia_Quote_of_the_Day_Other #ca-delete, .page-Wookieepedia_Wookieepedian_of_the_Month #ca_delete, .page-Main_Page #ca-delete { display: none; }

.galaxymap { background-image: url(https://images.wikia.nocookie.net/starwars/images/d/d2/MainGalaxy.jpg); }

/* Removes the followed pages section from user pages */ .article-sidebar, #userPageFollowedHead { display: none !important; }
 * 1) profile-content-inner { margin-right: 0 !important; }

/* Slider CSS */ .no-js .liquid-slider{height:350px;overflow:scroll}.ls-wrapper .ls-preloader{background:url(img4.wikia.nocookie.net/swfans/images/0/0e/Bracket_Loading.gif) #f2f2f2 no-repeat center 75px;opacity:1;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.ls-wrapper{margin:0 auto;clear:both;overflow:auto;position:relative}.ls-wrapper .liquid-slider{background:#f2f2f2;width:1030px;float:left;overflow:hidden;position:relative}.ls-wrapper .panel-container{position:relative}.ls-wrapper .liquid-slider .panel-container .fade{position:absolute;top:0;left:0;display:block}.ls-wrapper .liquid-slider .panel{width:1030px;display:block;float:left}.ls-wrapper .liquid-slider .panel-wrapper{padding:20px;position:relative}.ls-wrapper .ls-nav a{background:#d8d8d8;color:#333;margin-right:1px;padding:10px 15px}.ls-wrapper .ls-nav a:hover{background:#f2f2f2;color:#333;text-shadow:none}.ls-wrapper .ls-nav .current{background:#f2f2f2}.currentCrossLink{font-weight:700}.ls-wrapper .ls-nav ul{padding:0;clear:both;display:block;margin:auto;overflow:hidden}.ls-wrapper .ls-nav ul li{display:inline}.ls-wrapper .ls-nav ul li a{display:block;float:left;text-decoration:none}.ls-wrapper .ls-nav{overflow:hidden;clear:both}.ls-wrapper .ls-select-box{width:100%;height:35px;overflow:hidden;background:url(https://images.wikia.nocookie.net/swfans/images/b/b9/Bracket_Menu.png) no-repeat right #ddd}.ls-wrapper .ls-select-box select{width:150%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;padding:5px;font-size:110%;border:none;height:35px;cursor:pointer;outline:0}.ls-wrapper .ls-nav-left,.ls-wrapper .ls-nav-right{float:left}.ls-wrapper .ls-nav-left a,.ls-wrapper .ls-nav-right a{background:#000;color:#fff;padding:5px;width:100px;display:block;text-align:center;text-decoration:none}.ls-wrapper .ls-nav-left-arrow,.ls-wrapper .ls-nav-right-arrow{cursor:pointer;float:left}.ls-wrapper .ls-nav-left-arrow a,.ls-wrapper .ls-nav-right-arrow a{display:block}.ls-wrapper .ls-nav-left,.ls-wrapper .ls-nav-left-arrow{clear:both}.ls-wrapper .ls-nav-right-arrow{width:25px;height:25px;background:url(https://images.wikia.nocookie.net/swfans/images/2/2d/Arrow_nohover_white.png) no-repeat top right;margin-top:50px;margin-right:5px;position:relative}.ls-wrapper .ls-nav-left-arrow{width:25px;height:25px;background:url(https://images.wikia.nocookie.net/swfans/images/2/2d/Arrow_nohover_white.png) no-repeat top left;margin-top:50px;margin-left:5px;position:relative}.ls-wrapper .ls-nav-left-arrow:hover{background:url(https://images.wikia.nocookie.net/swfans/images/2/2d/Arrow_nohover_white.png) no-repeat bottom left}.ls-wrapper .ls-nav-right-arrow:hover{background:url(https://images.wikia.nocookie.net/swfans/images/2/2d/Arrow_nohover_white.png) no-repeat bottom right}.arrows .liquid-slider{margin:0 10px}.ls-responsive .liquid-slider{width:100%;margin:0}.ls-responsive .liquid-slider .panel .panel-wrapper{padding:10px}.ls-responsive .ls-nav-left{position:absolute;left:0;z-index:2}.ls-responsive .ls-nav-left a{background:#9A9A9A;width:80px}.ls-responsive .ls-nav-left a:hover{background:#747474}.ls-responsive .ls-nav-right{position:absolute;right:0;z-index:2}.ls-responsive .ls-nav-right a{background:#9A9A9A;width:80px}.ls-responsive .ls-nav-right a:hover{background:#747474}.ls-responsive .ls-nav-left-arrow{position:absolute;left:0;z-index:2}.ls-responsive .ls-nav-right-arrow{position:absolute;right:0;z-index:2}@media only screen and (min-width:768px){.ls-responsive .liquid-slider .panel .panel-wrapper{padding:20px 35px}}

/* Create Bracket CSS */ .createbracket .ls-wrapper { max-width: 100% !important; }

.createbracket .liquid-slider, .createbracket .panel { background: none !important; }

.createbracket .panel-wrapper { padding: 0 !important; }

.createbracket .ls-nav-right-arrow { position: absolute !important; right: 0 !important; }

.createbracket .pageheader { font-size: 20px; font-weight: bold; margin-bottom: 20px; text-align: center; }

.createbracket .choose { margin: 0 auto 20px; text-align: center; width: 650px; }

.createbracket .option { background: #4C4B4B; border: 1px solid #6B6A6A; cursor: pointer; display: inline-block; height: 100%; padding: 10px; width: 280px; }

.createbracket .option:first-child { margin-right: 10px; }

.createbracket .active { background: none repeat scroll 0 0 #4C4B4B; border: 1px solid #C1AE81; box-shadow: 0 2px 5px 0 #000000; }

.createbracket .header { border-bottom: 1px solid #6B6A6A; font-weight: bold; margin-bottom: 10px; text-align: center; }

.createbracket .active .header { border-bottom: 1px solid #6B6A6A; }

.createbracket .choose img { width: 280px; height: auto; }

.createbracket .submitslider { text-align: center; }

.createbracket .submitslider .submittext { font-weight: bold; font-size: 20px; }

.createbracket .submitslider .submit { width: 250px; font-size: 20px; height: 40px; }

.createbracket .submitslider .loader { margin-left: 5px; }

.createbracket .login { margin-top: 10px; text-align: center; }

.createbracket .login .login-header { font-size: 25px; }

.createbracket .login .login-sub-header { font-size: 15px; }

/* Bracket CSS */ .sharebuttons { font-size: 15px; font-weight: bold; position: absolute; right: 0px; text-align: right; top: 0px; }

.sharebuttons .images { margin-right: -15px; }

.sharebuttons .images img { margin-right: 15px; }

.createyourown { font-weight: bold; position: absolute; right: 0px; top: 60px; }

.bracket { margin: 90px auto 15px !important; }

/** Losers **/ /*.bracket-left-2 img, .bracket-left-3 img, .bracket-left-4 img, .bracket-left-5 img { border-top: 2px solid #FF0000; border-left: 2px solid #FF0000; border-bottom: 2px solid #FF0000; border-right: 2px solid #FF0000; margin: -2px; }

.bracket-right-2 img, .bracket-right-3 img, .bracket-right-4 img, .bracket-right-5 img { border-top: 2px solid #FF0000; border-left: 2px solid #FF0000; border-bottom: 2px solid #FF0000; border-right: 2px solid #FF0000; margin: -2px; }

.bracket-winner img { border-top: 2px solid #FF0000; border-left: 2px solid #FF0000; border-bottom: 2px solid #FF0000; border-right: 2px solid #FF0000; margin: -2px; }*/

/** Winners **/ /*.bracket-left-2 WINNER img, .bracket-left-3 WINNER img, .bracket-left-4 WINNER img, .bracket-left-5 WINNER img { border-top: 2px solid #008000; border-left: 2px solid #008000; border-bottom: 2px solid #008000; border-right: 2px solid #008000; margin: -2px; }

.bracket-right-2 WINNER img, .bracket-right-3 WINNER img, .bracket-right-4 WINNER img, .bracket-right-5 WINNER img { border-top: 2px solid #008000; border-left: 2px solid #008000; border-bottom: 2px solid #008000; border-right: 2px solid #008000; margin: -2px; }

.bracket-winner WINNER img { border-top: 2px solid #008000; border-left: 2px solid #008000; border-bottom: 2px solid #008000; border-right: 2px solid #008000; margin: -2px; }*/

/** General styling **/ .bracket { background: url("https://images.wikia.nocookie.net/swfans/images/a/a8/Star_Wars_Bracket.jpg") no-repeat scroll 0% 0% transparent; height: 1006px; margin: 90px auto 15px; text-align: center; width: 704px; }

.bracket-right { float: right; }

.bracket-left { float: left; margin-left: 1px; }

.bracket-left-1 { display: inline-block; float: left; margin-left: 22px; margin-top: 29px; width: 48px; }

.bracket-left-2 { float: left; margin-left: 21px; margin-top: 59px; }

.bracket-left-3 { display: inline-block; float: left; margin-left: 21px; }

.bracket-left-4 { display: inline-block; float: left; margin-left: 22px; margin-top: 238px; }

.bracket-left-5 { display: inline-block; float: left; margin-left: 21px; }

.bracket-winner { display: inline-block; float: left; margin-left: -20px; margin-top: 476px; position: relative; z-index: 1; }

.bracket-left-1 div:first-child { margin-top: 0px; }

.bracket-left-1 div { margin-top: 12px; }

.bracket-left-2 div:first-child { margin-top: 0px; }

.bracket-left-2 div { margin-top: 71px; }

.bracket-left-2-3 { margin-top: 72px ! important; }

.bracket-left-2-4 { margin-top: 73px ! important; }

.bracket-left-2-5 { margin-top: 72px ! important; }

.bracket-left-2-6 { margin-top: 72px ! important; }

.bracket-left-2-7 { margin-top: 72px ! important; }

.bracket-left-2-8 { margin-top: 72px ! important; }

.bracket-left-3 div { margin-top: 119px; }

.bracket-left-3-2 { margin-top: 192px ! important; }

.bracket-left-3-3 { margin-top: 192px ! important; }

.bracket-left-3-4 { margin-top: 192px ! important; }

.bracket-left-4 div:first-child { margin-top: 0; }

.bracket-left-4 div { margin-top: 433px; }

.bracket-left-5 div { margin-top: 359px; }

.bracket-right { margin-top: -977px; }

.bracket-right-1 { float: right; margin-right: 23px; margin-top: 29px; }

.bracket-right-2 { float: right; margin-right: 21px; margin-top: 59px; }

.bracket-right-3 { float: right; margin-right: 21px; margin-top: 119px; }

.bracket-right-4 { float: right; margin-right: 22px; margin-top: 238px; }

.bracket-right-5 { float: right; margin-right: 21px; margin-top: 599px; }

.bracket-right-1 div:first-child { margin-top: 0px; }

.bracket-right-1 div { margin-top: 12px; }

.bracket-right-2 div:first-child { margin-top: 0px; }

.bracket-right-2 div { margin-top: 71px; }

.bracket-right-2-3 { margin-top: 72px ! important; }

.bracket-right-2-4 { margin-top: 73px ! important; }

.bracket-right-2-5 { margin-top: 72px ! important; }

.bracket-right-2-6 { margin-top: 72px ! important; }

.bracket-right-2-7 { margin-top: 72px ! important; }

.bracket-right-2-8 { margin-top: 72px ! important; }

.bracket-right-3 div { margin-top: 192px; }

.bracket-right-3 div:first-child { margin-top: 0px; }

.bracket-right-3-4 { margin-top: 192px ! important; }

.bracket-right-4 div { margin-top: 433px; }

.bracket-right-4 div:first-child { margin-top: 0px; }

/* */