MediaWiki:Bracket.css

/* */ /* 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: justify; top: 0px; } .sharebuttons .images { margin-left: 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 { 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 { 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 { 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 { 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("http://img3.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; } /* */