.bg-blue{background-color:#d1e7e8} .bg-faded-white{background:rgba(255,255,255,0.5)} .bg-off-white,.clickable-box{background:#f5f5f5} .hover-bg-white:hover,.clickable-box:hover{background:#fff} .bg-faded-blue{background:rgba(0,20,64,0.5)} .red{color:#dc4e48} .yellow{color:#b92} .grey{color:#999} html,body{color:#333332;padding:0;margin:0;font-size:100%;font-family:'proxima-nova','Helvetica Neue',Calibri,'Droid Sans',Helvetica,Arial,sans-serif;background:#f3f3f3 #00f;line-height:normal} ul,ol{list-style:none} ul,ol,p{margin:0;padding:0} #content{position:absolute;top:0;left:150px;right:0;bottom:0;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000} .no-sidebar #content{left:0} .no-sidebar #navigation{display:none} #main-section{position:absolute;top:52px;left:0;right:0;bottom:0} .window{position:absolute;top:0;left:0;right:0;bottom:0} a,.fake_link{color:#f27405;text-decoration:none;cursor:pointer;} a:hover,.fake_link:hover{color:#bd4f00} .nav{zoom:1;list-style:none;padding:0;margin:0;} .nav:before,.nav:after{content:"";display:table} .nav:after{clear:both} .nav li{float:left;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;margin-left:2px;margin-right:2px;} .nav li:hover{background-color:#d9d7d7} .nav li.active{border:1px solid #d9d7d7;border-bottom:none;background:#fff;} .nav li.active a,.nav li.active .fake_link,.nav li.active.fake_link{color:#333;text-decoration:none;cursor:default} .nav a,.nav .fake_link{padding:5px 15px} .popup-absolute{position:absolute;top:20px;left:10px;right:10px;text-align:center;z-index:100} .popover{font-family:'proxima-nova','Helvetica Neue',Calibri,'Droid Sans',Helvetica,Arial,sans-serif;} .popover .popover-title{font-size:16px} .popover .popover-content{font-size:14px} .loading-container{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);color:#fff;font-size:4em;text-align:center;z-index:99;display:table;width:100%;height:100%} .loading-message{display:table-cell;vertical-align:middle} .team-pbv{font-size:.75em} .team-tier{font-size:.75em} .monospace{font-family:"Monaco",monospace} abbr{border-bottom:1px dotted #333} .italic{font-style:italic} .z1{z-index:1} .z2{z-index:2} .z3{z-index:3} .m1{margin:10px} .p1{padding:10px} .m2{margin:20px} .p2{padding:20px} .m3{margin:30px} .p3{padding:30px} .m4{margin:40px} .p4{padding:40px} .ml1{margin-left:10px} .mr1{margin-right:10px} .mt1{margin-top:10px} .mb1{margin-bottom:10px} .pl1{padding-left:10px} .pr1{padding-right:10px} .pt1{padding-top:10px} .pb1{padding-bottom:10px} .ml2{margin-left:20px} .mr2{margin-right:20px} .mt2{margin-top:20px} .mb2{margin-bottom:20px} .pl2{padding-left:20px} .pr2{padding-right:20px} .pt2{padding-top:20px} .pb2{padding-bottom:20px} .ml3{margin-left:30px} .mr3{margin-right:30px} .mt3{margin-top:30px} .mb3{margin-bottom:30px} .pl3{padding-left:30px} .pr3{padding-right:30px} .pt3{padding-top:30px} .pb3{padding-bottom:30px} .ml4{margin-left:40px} .mr4{margin-right:40px} .mt4{margin-top:40px} .mb4{margin-bottom:40px} .pl4{padding-left:40px} .pr4{padding-right:40px} .pt4{padding-top:40px} .pb4{padding-bottom:40px} .mt-header{margin-top:52px} .left{float:left} .right{float:right} .center{text-align:center} .align-left{text-align:left} .align-right{text-align:right} .flex-center{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flex;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-box-pack:center;-webkit-justify-content:center;justify-content:center} .flex-column{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-ms-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column} .hidden{display:none} .absolute{position:absolute} .fill{position:absolute;top:0;left:0;bottom:0;right:0} .fill-left{position:absolute;top:0;left:0;bottom:0} .fill-right{position:absolute;top:0;right:0;bottom:0} .relative{position:relative} .rounded,.clickable-box{-webkit-border-radius:3px;border-radius:3px} .border,.clickable-box{border:1px solid #ddd} .block{display:block} .inline-block{display:inline-block} .inline{display:inline} .box-shadow,.clickable-box{-webkit-box-shadow:1px 2px 0 rgba(0,0,0,0.2);box-shadow:1px 2px 0 rgba(0,0,0,0.2)} .tiny-type{font-size:.75em} #header{height:52px;line-height:52px;width:100%;background:#38342b;z-index:10;position:absolute;} #header ul{margin:0} #header .icon{position:relative;top:3px;font-size:20px} #main-nav{padding:0 18px} #main-nav,#header li{line-height:42px} #logo{float:left;width:120px;margin-right:15px} #logo img{position:relative;z-index:100;top:3px} #sections{margin-left:30px;margin-right:120px;visibility:visible} #leftmenu{display:none} #leftmenu a{color:#fff;padding:5px;margin-left:15px;} #leftmenu a:hover{-webkit-border-radius:5px;border-radius:5px;background:#d94e47;text-decoration:none} #rightmenu{margin-left:-40px} nav ul{list-style:none;font-size:.95em} nav li{display:block;float:left;text-align:left} nav a{display:block;padding-left:.75em;padding-right:.75em;color:#fff;text-decoration:none} nav a:hover,nav li:hover{background:#d94e47;color:#6c2724;text-decoration:none} #sub-nav{height:10px;background:#d94e47;z-index:6;position:absolute;bottom:0;left:0;right:0} .spinner-anim{display:inline-block;-webkit-animation:anim-rotate 1s infinite linear;-moz-animation:anim-rotate 1s infinite linear;-o-animation:anim-rotate 1s infinite linear;-ms-animation:anim-rotate 1s infinite linear;animation:anim-rotate 1s infinite linear} .spinner-anim.hidden{display:none} @-moz-keyframes anim-rotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)} }@-webkit-keyframes anim-rotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)} }@-o-keyframes anim-rotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)} }@-ms-keyframes anim-rotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)} }@keyframes anim-rotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)} }.button{zoom:1;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(1, #c6c6c6));background:-webkit-linear-gradient(top, #f7f7f7 0, #c6c6c6 100%);background:-moz-linear-gradient(top, #f7f7f7 0, #c6c6c6 100%);background:-o-linear-gradient(top, #f7f7f7 0, #c6c6c6 100%);background:-ms-linear-gradient(top, #f7f7f7 0, #c6c6c6 100%);background:linear-gradient(top, #f7f7f7 0, #c6c6c6 100%);border:1px solid #7c7c7c;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#454545;display:inline-block;height:32px;line-height:32px;-webkit-border-radius:4px;border-radius:4px;margin-bottom:6px;padding:0 10px;cursor:pointer;color:#333;text-shadow:0 -1px 0 rgba(255,255,255,0.25);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.25);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.25);position:relative;} .button:before,.button:after{content:"";display:table} .button:after{clear:both} .button:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, #f7f7f7));background:-webkit-linear-gradient(top, #f9f9f9 0, #f7f7f7 100%);background:-moz-linear-gradient(top, #f9f9f9 0, #f7f7f7 100%);background:-o-linear-gradient(top, #f9f9f9 0, #f7f7f7 100%);background:-ms-linear-gradient(top, #f9f9f9 0, #f7f7f7 100%);background:linear-gradient(top, #f9f9f9 0, #f7f7f7 100%);color:#6a6a6a;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button:active,.button.pressed{color:#232323;text-shadow:none;border-color:#636363} .button.pressed{background:#7c7c7c} .button:active{background:#636363} .button.block{display:block} .button:hover{-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.125),0 1px 2px rgba(0,0,0,0.125);box-shadow:inset 0 1px 0 rgba(255,255,255,0.125),0 1px 2px rgba(0,0,0,0.125)} .button .main_text{font-family:"PT Sans Narrow","Helvetica Neue",sans-serif;font-weight:700;float:left} .button .meta_info{font-size:12px;float:right;font-family:"Helvetica Neue",sans-serif} .button.big{font-size:1.5em;height:3em;line-height:3em;text-align:center;} .button.big .main_text{float:none} .button.big .meta_info{position:absolute;top:0;right:1em} .button.button_blue{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #06c), color-stop(1, #04c));background:-webkit-linear-gradient(top, #06c 0, #04c 100%);background:-moz-linear-gradient(top, #06c 0, #04c 100%);background:-o-linear-gradient(top, #06c 0, #04c 100%);background:-ms-linear-gradient(top, #06c 0, #04c 100%);background:linear-gradient(top, #06c 0, #04c 100%);text-shadow:0 -1px rgba(0,0,0,0.3);color:#fff;} .button.button_blue:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #08c), color-stop(1, #06c));background:-webkit-linear-gradient(top, #08c 0, #06c 100%);background:-moz-linear-gradient(top, #08c 0, #06c 100%);background:-o-linear-gradient(top, #08c 0, #06c 100%);background:-ms-linear-gradient(top, #08c 0, #06c 100%);background:linear-gradient(top, #08c 0, #06c 100%)} .button.button_red{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #c60), color-stop(1, #c40));background:-webkit-linear-gradient(top, #c60 0, #c40 100%);background:-moz-linear-gradient(top, #c60 0, #c40 100%);background:-o-linear-gradient(top, #c60 0, #c40 100%);background:-ms-linear-gradient(top, #c60 0, #c40 100%);background:linear-gradient(top, #c60 0, #c40 100%);text-shadow:0 -1px rgba(0,0,0,0.3);color:#fff;} .button.button_red:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #c80), color-stop(1, #c60));background:-webkit-linear-gradient(top, #c80 0, #c60 100%);background:-moz-linear-gradient(top, #c80 0, #c60 100%);background:-o-linear-gradient(top, #c80 0, #c60 100%);background:-ms-linear-gradient(top, #c80 0, #c60 100%);background:linear-gradient(top, #c80 0, #c60 100%)} .button.normal{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d4d2bd), color-stop(1, #b4b18c));background:-webkit-linear-gradient(top, #d4d2bd 0, #b4b18c 100%);background:-moz-linear-gradient(top, #d4d2bd 0, #b4b18c 100%);background:-o-linear-gradient(top, #d4d2bd 0, #b4b18c 100%);background:-ms-linear-gradient(top, #d4d2bd 0, #b4b18c 100%);background:linear-gradient(top, #d4d2bd 0, #b4b18c 100%);border:1px solid #79764f;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#44422c;} .button.normal:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e1e0d1), color-stop(1, #d4d2bd));background:-webkit-linear-gradient(top, #e1e0d1 0, #d4d2bd 100%);background:-moz-linear-gradient(top, #e1e0d1 0, #d4d2bd 100%);background:-o-linear-gradient(top, #e1e0d1 0, #d4d2bd 100%);background:-ms-linear-gradient(top, #e1e0d1 0, #d4d2bd 100%);background:linear-gradient(top, #e1e0d1 0, #d4d2bd 100%);color:#74714b;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.normal:active,.button.normal.pressed{color:#222116;text-shadow:none;border-color:#615e3f} .button.normal.pressed{background:#79764f} .button.normal:active{background:#615e3f} .button.fire{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f1c2a1), color-stop(1, #e7955b));background:-webkit-linear-gradient(top, #f1c2a1 0, #e7955b 100%);background:-moz-linear-gradient(top, #f1c2a1 0, #e7955b 100%);background:-o-linear-gradient(top, #f1c2a1 0, #e7955b 100%);background:-ms-linear-gradient(top, #f1c2a1 0, #e7955b 100%);background:linear-gradient(top, #f1c2a1 0, #e7955b 100%);border:1px solid #af571a;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#62310f;} .button.fire:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f5d4bd), color-stop(1, #f1c2a1));background:-webkit-linear-gradient(top, #f5d4bd 0, #f1c2a1 100%);background:-moz-linear-gradient(top, #f5d4bd 0, #f1c2a1 100%);background:-o-linear-gradient(top, #f5d4bd 0, #f1c2a1 100%);background:-ms-linear-gradient(top, #f5d4bd 0, #f1c2a1 100%);background:linear-gradient(top, #f5d4bd 0, #f1c2a1 100%);color:#a7531a;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.fire:active,.button.fire.pressed{color:#311908;text-shadow:none;border-color:#8c4615} .button.fire.pressed{background:#af571a} .button.fire:active{background:#8c4615} .button.water{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #b4cbf6), color-stop(1, #6896ed));background:-webkit-linear-gradient(top, #b4cbf6 0, #6896ed 100%);background:-moz-linear-gradient(top, #b4cbf6 0, #6896ed 100%);background:-o-linear-gradient(top, #b4cbf6 0, #6896ed 100%);background:-ms-linear-gradient(top, #b4cbf6 0, #6896ed 100%);background:linear-gradient(top, #b4cbf6 0, #6896ed 100%);border:1px solid #1751be;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#0d2d6a;} .button.water:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #cbdbf9), color-stop(1, #b4cbf6));background:-webkit-linear-gradient(top, #cbdbf9 0, #b4cbf6 100%);background:-moz-linear-gradient(top, #cbdbf9 0, #b4cbf6 100%);background:-o-linear-gradient(top, #cbdbf9 0, #b4cbf6 100%);background:-ms-linear-gradient(top, #cbdbf9 0, #b4cbf6 100%);background:linear-gradient(top, #cbdbf9 0, #b4cbf6 100%);color:#164bb0;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.water:active,.button.water.pressed{color:#061635;text-shadow:none;border-color:#124198} .button.water.pressed{background:#1751be} .button.water:active{background:#124198} .button.electric{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f8e4a1), color-stop(1, #f2ce55));background:-webkit-linear-gradient(top, #f8e4a1 0, #f2ce55 100%);background:-moz-linear-gradient(top, #f8e4a1 0, #f2ce55 100%);background:-o-linear-gradient(top, #f8e4a1 0, #f2ce55 100%);background:-ms-linear-gradient(top, #f8e4a1 0, #f2ce55 100%);background:linear-gradient(top, #f8e4a1 0, #f2ce55 100%);border:1px solid #be960e;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#6a5408;} .button.electric:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #faecbd), color-stop(1, #f8e4a1));background:-webkit-linear-gradient(top, #faecbd 0, #f8e4a1 100%);background:-moz-linear-gradient(top, #faecbd 0, #f8e4a1 100%);background:-o-linear-gradient(top, #faecbd 0, #f8e4a1 100%);background:-ms-linear-gradient(top, #faecbd 0, #f8e4a1 100%);background:linear-gradient(top, #faecbd 0, #f8e4a1 100%);color:#b48e0e;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.electric:active,.button.electric.pressed{color:#352a04;text-shadow:none;border-color:#98780b} .button.electric.pressed{background:#be960e} .button.electric:active{background:#98780b} .button.grass{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #c7dfa9), color-stop(1, #a2ca70));background:-webkit-linear-gradient(top, #c7dfa9 0, #a2ca70 100%);background:-moz-linear-gradient(top, #c7dfa9 0, #a2ca70 100%);background:-o-linear-gradient(top, #c7dfa9 0, #a2ca70 100%);background:-ms-linear-gradient(top, #c7dfa9 0, #a2ca70 100%);background:linear-gradient(top, #c7dfa9 0, #a2ca70 100%);border:1px solid #678f35;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#39501d;} .button.grass:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d8e9c3), color-stop(1, #c7dfa9));background:-webkit-linear-gradient(top, #d8e9c3 0, #c7dfa9 100%);background:-moz-linear-gradient(top, #d8e9c3 0, #c7dfa9 100%);background:-o-linear-gradient(top, #d8e9c3 0, #c7dfa9 100%);background:-ms-linear-gradient(top, #d8e9c3 0, #c7dfa9 100%);background:linear-gradient(top, #d8e9c3 0, #c7dfa9 100%);color:#638b32;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.grass:active,.button.grass.pressed{color:#1c280e;text-shadow:none;border-color:#52722a} .button.grass.pressed{background:#678f35} .button.grass:active{background:#52722a} .button.ice{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d1e7e8), color-stop(1, #96c8cb));background:-webkit-linear-gradient(top, #d1e7e8 0, #96c8cb 100%);background:-moz-linear-gradient(top, #d1e7e8 0, #96c8cb 100%);background:-o-linear-gradient(top, #d1e7e8 0, #96c8cb 100%);background:-ms-linear-gradient(top, #d1e7e8 0, #96c8cb 100%);background:linear-gradient(top, #d1e7e8 0, #96c8cb 100%);border:1px solid #4a9093;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#295153;} .button.ice:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #dfeeef), color-stop(1, #d1e7e8));background:-webkit-linear-gradient(top, #dfeeef 0, #d1e7e8 100%);background:-moz-linear-gradient(top, #dfeeef 0, #d1e7e8 100%);background:-o-linear-gradient(top, #dfeeef 0, #d1e7e8 100%);background:-ms-linear-gradient(top, #dfeeef 0, #d1e7e8 100%);background:linear-gradient(top, #dfeeef 0, #d1e7e8 100%);color:#438387;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.ice:active,.button.ice.pressed{color:#15292a;text-shadow:none;border-color:#3b7376} .button.ice.pressed{background:#4a9093} .button.ice:active{background:#3b7376} .button.fighting{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #de9b95), color-stop(1, #cc665c));background:-webkit-linear-gradient(top, #de9b95 0, #cc665c 100%);background:-moz-linear-gradient(top, #de9b95 0, #cc665c 100%);background:-o-linear-gradient(top, #de9b95 0, #cc665c 100%);background:-ms-linear-gradient(top, #de9b95 0, #cc665c 100%);background:linear-gradient(top, #de9b95 0, #cc665c 100%);border:1px solid #8d342c;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#4f1d18;} .button.fighting:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e8b9b5), color-stop(1, #de9b95));background:-webkit-linear-gradient(top, #e8b9b5 0, #de9b95 100%);background:-moz-linear-gradient(top, #e8b9b5 0, #de9b95 100%);background:-o-linear-gradient(top, #e8b9b5 0, #de9b95 100%);background:-ms-linear-gradient(top, #e8b9b5 0, #de9b95 100%);background:linear-gradient(top, #e8b9b5 0, #de9b95 100%);color:#8d342b;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.fighting:active,.button.fighting.pressed{color:#280f0c;text-shadow:none;border-color:#712a23} .button.fighting.pressed{background:#8d342c} .button.fighting:active{background:#712a23} .button.poison{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #caa7d1), color-stop(1, #ac76b7));background:-webkit-linear-gradient(top, #caa7d1 0, #ac76b7 100%);background:-moz-linear-gradient(top, #caa7d1 0, #ac76b7 100%);background:-o-linear-gradient(top, #caa7d1 0, #ac76b7 100%);background:-ms-linear-gradient(top, #caa7d1 0, #ac76b7 100%);background:linear-gradient(top, #caa7d1 0, #ac76b7 100%);border:1px solid #72417b;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#402445;} .button.poison:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #dac1df), color-stop(1, #caa7d1));background:-webkit-linear-gradient(top, #dac1df 0, #caa7d1 100%);background:-moz-linear-gradient(top, #dac1df 0, #caa7d1 100%);background:-o-linear-gradient(top, #dac1df 0, #caa7d1 100%);background:-ms-linear-gradient(top, #dac1df 0, #caa7d1 100%);background:linear-gradient(top, #dac1df 0, #caa7d1 100%);color:#71407a;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.poison:active,.button.poison.pressed{color:#201223;text-shadow:none;border-color:#5b3462} .button.poison.pressed{background:#72417b} .button.poison:active{background:#5b3462} .button.ground{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #eedfb7), color-stop(1, #dec173));background:-webkit-linear-gradient(top, #eedfb7 0, #dec173 100%);background:-moz-linear-gradient(top, #eedfb7 0, #dec173 100%);background:-o-linear-gradient(top, #eedfb7 0, #dec173 100%);background:-ms-linear-gradient(top, #eedfb7 0, #dec173 100%);background:linear-gradient(top, #eedfb7 0, #dec173 100%);border:1px solid #aa8728;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#5f4c16;} .button.ground:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f3e9cd), color-stop(1, #eedfb7));background:-webkit-linear-gradient(top, #f3e9cd 0, #eedfb7 100%);background:-moz-linear-gradient(top, #f3e9cd 0, #eedfb7 100%);background:-o-linear-gradient(top, #f3e9cd 0, #eedfb7 100%);background:-ms-linear-gradient(top, #f3e9cd 0, #eedfb7 100%);background:linear-gradient(top, #f3e9cd 0, #eedfb7 100%);color:#9f7f25;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.ground:active,.button.ground.pressed{color:#30260b;text-shadow:none;border-color:#886c20} .button.ground.pressed{background:#aa8728} .button.ground:active{background:#886c20} .button.flying{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d0cdf6), color-stop(1, #8881e8));background:-webkit-linear-gradient(top, #d0cdf6 0, #8881e8 100%);background:-moz-linear-gradient(top, #d0cdf6 0, #8881e8 100%);background:-o-linear-gradient(top, #d0cdf6 0, #8881e8 100%);background:-ms-linear-gradient(top, #d0cdf6 0, #8881e8 100%);background:linear-gradient(top, #d0cdf6 0, #8881e8 100%);border:1px solid #2e22bf;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#1a136b;} .button.flying:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #dedcf9), color-stop(1, #d0cdf6));background:-webkit-linear-gradient(top, #dedcf9 0, #d0cdf6 100%);background:-moz-linear-gradient(top, #dedcf9 0, #d0cdf6 100%);background:-o-linear-gradient(top, #dedcf9 0, #d0cdf6 100%);background:-ms-linear-gradient(top, #dedcf9 0, #d0cdf6 100%);background:linear-gradient(top, #dedcf9 0, #d0cdf6 100%);color:#2a1fac;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.flying:active,.button.flying.pressed{color:#0d0a36;text-shadow:none;border-color:#251b99} .button.flying.pressed{background:#2e22bf} .button.flying:active{background:#251b99} .button.psychic{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f0b4c5), color-stop(1, #e26e8f));background:-webkit-linear-gradient(top, #f0b4c5 0, #e26e8f 100%);background:-moz-linear-gradient(top, #f0b4c5 0, #e26e8f 100%);background:-o-linear-gradient(top, #f0b4c5 0, #e26e8f 100%);background:-ms-linear-gradient(top, #f0b4c5 0, #e26e8f 100%);background:linear-gradient(top, #f0b4c5 0, #e26e8f 100%);border:1px solid #af234b;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#62142a;} .button.psychic:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f5cbd6), color-stop(1, #f0b4c5));background:-webkit-linear-gradient(top, #f5cbd6 0, #f0b4c5 100%);background:-moz-linear-gradient(top, #f5cbd6 0, #f0b4c5 100%);background:-o-linear-gradient(top, #f5cbd6 0, #f0b4c5 100%);background:-ms-linear-gradient(top, #f5cbd6 0, #f0b4c5 100%);background:linear-gradient(top, #f5cbd6 0, #f0b4c5 100%);color:#a32146;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.psychic:active,.button.psychic.pressed{color:#310a15;text-shadow:none;border-color:#8c1c3c} .button.psychic.pressed{background:#af234b} .button.psychic:active{background:#8c1c3c} .button.bug{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #dfe28c), color-stop(1, #cfd352));background:-webkit-linear-gradient(top, #dfe28c 0, #cfd352 100%);background:-moz-linear-gradient(top, #dfe28c 0, #cfd352 100%);background:-o-linear-gradient(top, #dfe28c 0, #cfd352 100%);background:-ms-linear-gradient(top, #dfe28c 0, #cfd352 100%);background:linear-gradient(top, #dfe28c 0, #cfd352 100%);border:1px solid #8e9225;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#505215;} .button.bug:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e9ebaf), color-stop(1, #dfe28c));background:-webkit-linear-gradient(top, #e9ebaf 0, #dfe28c 100%);background:-moz-linear-gradient(top, #e9ebaf 0, #dfe28c 100%);background:-o-linear-gradient(top, #e9ebaf 0, #dfe28c 100%);background:-ms-linear-gradient(top, #e9ebaf 0, #dfe28c 100%);background:linear-gradient(top, #e9ebaf 0, #dfe28c 100%);color:#8f9326;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.bug:active,.button.bug.pressed{color:#28290a;text-shadow:none;border-color:#72751e} .button.bug.pressed{background:#8e9225} .button.bug:active{background:#72751e} .button.rock{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #dccf9f), color-stop(1, #c8b367));background:-webkit-linear-gradient(top, #dccf9f 0, #c8b367 100%);background:-moz-linear-gradient(top, #dccf9f 0, #c8b367 100%);background:-o-linear-gradient(top, #dccf9f 0, #c8b367 100%);background:-ms-linear-gradient(top, #dccf9f 0, #c8b367 100%);background:linear-gradient(top, #dccf9f 0, #c8b367 100%);border:1px solid #8b7833;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#4e431d;} .button.rock:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e7ddbc), color-stop(1, #dccf9f));background:-webkit-linear-gradient(top, #e7ddbc 0, #dccf9f 100%);background:-moz-linear-gradient(top, #e7ddbc 0, #dccf9f 100%);background:-o-linear-gradient(top, #e7ddbc 0, #dccf9f 100%);background:-ms-linear-gradient(top, #e7ddbc 0, #dccf9f 100%);background:linear-gradient(top, #e7ddbc 0, #dccf9f 100%);color:#897533;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.rock:active,.button.rock.pressed{color:#27220e;text-shadow:none;border-color:#6f6029} .button.rock.pressed{background:#8b7833} .button.rock:active{background:#6f6029} .button.ghost{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #b4aecc), color-stop(1, #8980af));background:-webkit-linear-gradient(top, #b4aecc 0, #8980af 100%);background:-moz-linear-gradient(top, #b4aecc 0, #8980af 100%);background:-o-linear-gradient(top, #b4aecc 0, #8980af 100%);background:-ms-linear-gradient(top, #b4aecc 0, #8980af 100%);background:linear-gradient(top, #b4aecc 0, #8980af 100%);border:1px solid #524974;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#2e2941;} .button.ghost:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #cbc6db), color-stop(1, #b4aecc));background:-webkit-linear-gradient(top, #cbc6db 0, #b4aecc 100%);background:-moz-linear-gradient(top, #cbc6db 0, #b4aecc 100%);background:-o-linear-gradient(top, #cbc6db 0, #b4aecc 100%);background:-ms-linear-gradient(top, #cbc6db 0, #b4aecc 100%);background:linear-gradient(top, #cbc6db 0, #b4aecc 100%);color:#514873;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.ghost:active,.button.ghost.pressed{color:#171421;text-shadow:none;border-color:#423a5d} .button.ghost.pressed{background:#524974} .button.ghost:active{background:#423a5d} .button.dragon{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #adacf8), color-stop(1, #605ff1));background:-webkit-linear-gradient(top, #adacf8 0, #605ff1 100%);background:-moz-linear-gradient(top, #adacf8 0, #605ff1 100%);background:-o-linear-gradient(top, #adacf8 0, #605ff1 100%);background:-ms-linear-gradient(top, #adacf8 0, #605ff1 100%);background:linear-gradient(top, #adacf8 0, #605ff1 100%);border:1px solid #1310c2;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#0a096d;} .button.dragon:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #c6c5fa), color-stop(1, #adacf8));background:-webkit-linear-gradient(top, #c6c5fa 0, #adacf8 100%);background:-moz-linear-gradient(top, #c6c5fa 0, #adacf8 100%);background:-o-linear-gradient(top, #c6c5fa 0, #adacf8 100%);background:-ms-linear-gradient(top, #c6c5fa 0, #adacf8 100%);background:linear-gradient(top, #c6c5fa 0, #adacf8 100%);color:#110fb5;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.dragon:active,.button.dragon.pressed{color:#050437;text-shadow:none;border-color:#0f0d9b} .button.dragon.pressed{background:#1310c2} .button.dragon:active{background:#0f0d9b} .button.dark{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #bba89b), color-stop(1, #9f8572));background:-webkit-linear-gradient(top, #bba89b 0, #9f8572 100%);background:-moz-linear-gradient(top, #bba89b 0, #9f8572 100%);background:-o-linear-gradient(top, #bba89b 0, #9f8572 100%);background:-ms-linear-gradient(top, #bba89b 0, #9f8572 100%);background:linear-gradient(top, #bba89b 0, #9f8572 100%);border:1px solid #665245;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#392e27;} .button.dark:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #cfc2b9), color-stop(1, #bba89b));background:-webkit-linear-gradient(top, #cfc2b9 0, #bba89b 100%);background:-moz-linear-gradient(top, #cfc2b9 0, #bba89b 100%);background:-o-linear-gradient(top, #cfc2b9 0, #bba89b 100%);background:-ms-linear-gradient(top, #cfc2b9 0, #bba89b 100%);background:linear-gradient(top, #cfc2b9 0, #bba89b 100%);color:#6a5649;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.dark:active,.button.dark.pressed{color:#1c1714;text-shadow:none;border-color:#524237} .button.dark.pressed{background:#665245} .button.dark:active{background:#524237} .button.steel{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #dbdce7), color-stop(1, #a5a8c3));background:-webkit-linear-gradient(top, #dbdce7 0, #a5a8c3 100%);background:-moz-linear-gradient(top, #dbdce7 0, #a5a8c3 100%);background:-o-linear-gradient(top, #dbdce7 0, #a5a8c3 100%);background:-ms-linear-gradient(top, #dbdce7 0, #a5a8c3 100%);background:linear-gradient(top, #dbdce7 0, #a5a8c3 100%);border:1px solid #5a5e87;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#32344c;} .button.steel:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e6e7ee), color-stop(1, #dbdce7));background:-webkit-linear-gradient(top, #e6e7ee 0, #dbdce7 100%);background:-moz-linear-gradient(top, #e6e7ee 0, #dbdce7 100%);background:-o-linear-gradient(top, #e6e7ee 0, #dbdce7 100%);background:-ms-linear-gradient(top, #e6e7ee 0, #dbdce7 100%);background:linear-gradient(top, #e6e7ee 0, #dbdce7 100%);color:#50547a;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.steel:active,.button.steel.pressed{color:#191a26;text-shadow:none;border-color:#484b6c} .button.steel.pressed{background:#5a5e87} .button.steel:active{background:#484b6c} .button.fairy{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fbdafb), color-stop(1, #f285f2));background:-webkit-linear-gradient(top, #fbdafb 0, #f285f2 100%);background:-moz-linear-gradient(top, #fbdafb 0, #f285f2 100%);background:-o-linear-gradient(top, #fbdafb 0, #f285f2 100%);background:-ms-linear-gradient(top, #fbdafb 0, #f285f2 100%);background:linear-gradient(top, #fbdafb 0, #f285f2 100%);border:1px solid #d417d4;border-top-color:rgba(0,0,0,0.1);border-left-color:rgba(0,0,0,0.2);border-right-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);color:#770d77;} .button.fairy:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fce5fc), color-stop(1, #fbdafb));background:-webkit-linear-gradient(top, #fce5fc 0, #fbdafb 100%);background:-moz-linear-gradient(top, #fce5fc 0, #fbdafb 100%);background:-o-linear-gradient(top, #fce5fc 0, #fbdafb 100%);background:-ms-linear-gradient(top, #fce5fc 0, #fbdafb 100%);background:linear-gradient(top, #fce5fc 0, #fbdafb 100%);color:#bb14bb;text-shadow:0 -1px 0 rgba(255,255,255,0.1)} .button.fairy:active,.button.fairy.pressed{color:#3c073b;text-shadow:none;border-color:#aa12aa} .button.fairy.pressed{background:#d417d4} .button.fairy:active{background:#aa12aa} .button.disabled,.button.disabled:hover{background:#333;border-color:#000;cursor:default;color:#666;text-shadow:none;-webkit-box-shadow:none;box-shadow:none} .hover_info_moves .hover_info{width:196px;display:block;margin:0;} .hover_info_moves .hover_info:first-child{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0} .hover_info_moves .hover_info:last-child{-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;border-top:none} .hover_info_moves .hover_info:not(:first-child):not(:last-child){-webkit-border-radius:0;border-radius:0;border-top:none} h1{font-family:"PT Sans Narrow","Helvetica Neue",sans-serif;font-size:2em;font-weight:700;line-height:50px;margin:0} #header h1{text-transform:lowercase;margin:0 30px} #navigation{position:absolute;top:0;left:0;bottom:0;width:150px;background:#44484e;font-size:.875em;overflow:hidden;} #navigation .logo{display:block;margin:0;font-size:32px;color:rgba(255,255,255,0.8);text-shadow:0 1px 0 #333;text-align:center;height:52px;line-height:52px} #navigation .logo:hover{cursor:pointer} #navigation .nav{margin-bottom:1em;} #navigation .nav a,#navigation .nav .fake_link{display:block;padding:4px 16px;line-height:1.5em;color:#ccd;border:none;background:none;float:none;margin:0;-webkit-border-radius:0;border-radius:0;} #navigation .nav a:hover,#navigation .nav .fake_link:hover{background:#555a61;text-decoration:none;color:#fff} #navigation h2{text-transform:uppercase;line-height:normal;margin:0;font-size:.929em;padding:4px 16px;letter-spacing:1px;color:#b1b5bb;background:#363a3e;text-shadow:0 1px 0 rgba(0,0,0,0.3);color:#777;border-bottom:1px solid #555;border-top:1px solid #111} #navigation .nav_item{position:relative;} #navigation .nav_item.active,#navigation .nav_item.active:hover{background:#d94e47;color:#fff;cursor:default} #navigation .nav_item .nav_meta{position:absolute;right:0;font-size:.714em} #navigation .nav_item .notifications,#navigation .nav_item .close{height:1.8207282913165268em;width:1.8207282913165268em;line-height:1.8207282913165268em;text-align:center;margin-top:.1em;margin-right:5px;float:left;opacity:1;-ms-filter:none;filter:none;font-size:1em;text-shadow:none} #navigation .nav_item .notifications{-webkit-border-radius:4px;border-radius:4px;background:#a30;color:#fff} #navigation .nav_item:hover .notifications{background:#b41} #navigation .nav_item .close{background:#333;-webkit-border-radius:1em;border-radius:1em;color:#fff;cursor:pointer;} #navigation .nav_item .close:hover{background:#555} .user-info{float:right;margin:0 16px} .team-dropdown{max-height:300px;overflow-y:auto;} .team-dropdown .team-pbv{margin-top:-5px} .dropdown li{border-bottom:1px solid #aaa} .dropdown li:last-of-type{border:none !important} .chat_window .chat{left:350px} .chat{position:absolute;top:0;right:0;bottom:0;} .chat.without_spectators .message_pane{right:0} .chat.without_spectators .user_list{display:none} .chat.without_chat_input .messages{bottom:0} .chat.without_chat_input .chat_input_pane{display:none} .user_list{position:absolute;top:0;right:0;bottom:0;width:25%;overflow-y:auto;} .user_list p{padding:2px 6px;margin:0} .user_list ul{margin:0;padding:0;list-style:none;} .user_list ul li{padding:2px 6px;} .user_list ul li:hover{background:#fb7} .message_pane{position:absolute;top:0;left:0;right:25%;bottom:0;-webkit-box-shadow:0 0 5px rgba(0,8,16,0.2);box-shadow:0 0 5px rgba(0,8,16,0.2)} .messages{overflow-y:auto;position:absolute;top:0;left:0;right:0;bottom:30px;border-left:1px solid rgba(0,0,0,0.2);border-right:1px solid rgba(0,0,0,0.2);background:#fff;word-wrap:break-word;} .messages h2,.messages h3,.messages p{padding:0 16px 2px} .messages p{font-size:.875em;text-rendering:optimizeLegibility;} .messages p.move_message{font-size:1em;margin-top:10px} .messages a.pokemon-link{color:inherit} .messages .alert{margin:.75em 16px} .chat_input_pane{position:absolute;width:100%;bottom:0;height:30px;} .chat_input_pane .chat_input_wrapper{overflow:hidden} .chat_input_pane .chat_input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:2px solid #384035;padding:2px 6px;margin:0;width:100%;height:30px;-webkit-border-radius:2px;border-radius:2px;} .chat_input_pane .chat_input:hover{border-color:#5d736b} .chat_input_pane .chat_input:focus{border-color:#f27405;outline:none} .chat_input_pane .chat_input_send{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:right;margin:0;height:30px} .main_buttons{position:absolute;top:0;left:0;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:30px 30px 0 30px;width:350px;overflow:auto;} .main_buttons .button{display:block;float:none;text-align:center;margin:0 auto} .main_buttons p{margin:1em 0 0 0} .section{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(64,64,64,0.15);margin-bottom:15px;padding:8px;-webkit-border-radius:8px;border-radius:8px} .select-team .team-pbv{margin-top:-2px} .no-alt-label{margin-left:5px;color:#aaa} .battle_window .chat{left:620px} .battle{position:absolute;top:0;left:0;bottom:0;width:620px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;} .battle h2{font-size:.6875em;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0.1);line-height:normal} .battle .battle_container{position:relative;width:600px;height:300px;font-family:"PT Sans Narrow","Helvetica Neue",sans-serif;} .battle .battle_container.battle_bg_0{background-image:url("//91.121.152.74:8000/Sprites/battle/backgrounds/battle_bg.png")} .battle .battle_container.battle_bg_1{background-image:url("//91.121.152.74:8000/Sprites/battle/backgrounds/battle_bg_1.png")} .battle .battle_container.battle_bg_2{background-image:url("//91.121.152.74:8000/Sprites/battle/backgrounds/battle_bg_2.png")} .battle .battle_container.battle_bg_3{background-image:url("//91.121.152.74:8000/Sprites/battle/backgrounds/battle_bg_3.png")} .battle .battle_container.battle_bg_4{background-image:url("//91.121.152.74:8000/Sprites/battle/backgrounds/battle_bg_4.png")} .battle .battle_container.battle_bg_5{background-image:url("//91.121.152.74:8000/Sprites/battle/backgrounds/battle_bg_5.png")} .battle .battle_user_info .pokemon_icons{margin:0 auto;width:80px;} .battle .battle_user_info .pokemon_icons .icon_wrapper{width:40px;float:left;} .battle .battle_user_info .pokemon_icons .icon_wrapper:nth-child(even){position:relative;top:6px} .battle .battle_user_info .fill-left,.battle .battle_user_info .fill-right{width:100px} .battle .battle_user_info .left{bottom:20px;left:0} .battle .battle_user_info .right{top:20px;right:0} .battle .battle_user_info .left,.battle .battle_user_info .right{position:absolute;width:100px;color:#fff;text-align:center;text-shadow:0 1px 0 #000,0 -1px 0 #000,-1px 0 0 #000,1px 0 0 #000;font-size:13px;} .battle .battle_user_info .left .icon_wrapper,.battle .battle_user_info .right .icon_wrapper{position:relative;} .battle .battle_user_info .left .icon_wrapper:hover,.battle .battle_user_info .right .icon_wrapper:hover{-webkit-border-radius:5px;border-radius:5px;background-color:rgba(187,184,248,0.5)} .battle .battle_user_info .left .icon_wrapper .pokemon_hp_background,.battle .battle_user_info .right .icon_wrapper .pokemon_hp_background{position:absolute;right:6px;bottom:2px;width:4px;height:3px;border:1px solid rgba(32,32,32,0.4);background:rgba(32,32,32,0.4);pointer-events:none} .battle .battle_user_info .left .icon_wrapper .pokemon_hp,.battle .battle_user_info .right .icon_wrapper .pokemon_hp{position:absolute;bottom:0;left:0;right:0;} .battle .battle_user_info .left .icon_wrapper .pokemon_hp.green,.battle .battle_user_info .right .icon_wrapper .pokemon_hp.green{background:#0f0} .battle .battle_user_info .left .icon_wrapper .pokemon_hp.yellow,.battle .battle_user_info .right .icon_wrapper .pokemon_hp.yellow{background:#ff0} .battle .battle_user_info .left .icon_wrapper .pokemon_hp.red,.battle .battle_user_info .right .icon_wrapper .pokemon_hp.red{background:#f00} .battle .battle-timer{font-size:2em;} .battle .battle-timer.battle-timer-low{color:#f33} .battle .battle-timer.battle-timer-small{font-size:1em;} .battle .battle-timer.battle-timer-small:before{content:'('} .battle .battle-timer.battle-timer-small:after{content:')'} .battle .battle_overlays{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;} .battle .battle_overlays .battle_overlay{position:absolute;top:0;left:0;right:0;bottom:0;} .battle .battle_overlays .battle_overlay.weather.rain{background:rgba(0,48,196,0.3)} .battle .battle_overlays .battle_overlay.weather.hail{background:rgba(128,255,255,0.3)} .battle .battle_overlays .battle_overlay.weather.sand{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(128,64,0,0.3)), color-stop(1, rgba(64,32,48,0.5)));background:-webkit-linear-gradient(top, rgba(128,64,0,0.3) 0, rgba(64,32,48,0.5) 100%);background:-moz-linear-gradient(top, rgba(128,64,0,0.3) 0, rgba(64,32,48,0.5) 100%);background:-o-linear-gradient(top, rgba(128,64,0,0.3) 0, rgba(64,32,48,0.5) 100%);background:-ms-linear-gradient(top, rgba(128,64,0,0.3) 0, rgba(64,32,48,0.5) 100%);background:linear-gradient(top, rgba(128,64,0,0.3) 0, rgba(64,32,48,0.5) 100%)} .battle .battle_overlays .battle_overlay.weather.sun{background:rgba(255,196,64,0.3)} .battle .battle_pane{position:absolute;width:400px;height:300px;top:0;left:100px;} .battle .battle_pane .pokemon.bottom .pokemon-info{bottom:35%;left:200px} .battle .battle_pane .pokemon.bottom .sprite.fade{position:absolute;left:-20px;opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)} .battle .battle_pane .pokemon.top .pokemon-info{top:20%;right:238px} .battle .battle_pane .pokemon.top .sprite.fade{position:absolute;left:20px;opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)} .battle .battle_pane .pokemon-info{position:absolute;width:144px;height:6px;border:1px solid #fff;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000;background:rgba(0,8,32,0.5);} .battle .battle_pane .pokemon-info .hp,.battle .battle_pane .pokemon-info .hp-gradient{position:absolute;top:0;left:0;bottom:0;width:100%;-webkit-transition:width .4s cubic-bezier(0,1,.5,1);-moz-transition:width .4s cubic-bezier(0,1,.5,1);-o-transition:width .4s cubic-bezier(0,1,.5,1);-ms-transition:width .4s cubic-bezier(0,1,.5,1);transition:width .4s cubic-bezier(0,1,.5,1)} .battle .battle_pane .pokemon-info .hp-gradient{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.4, transparent), color-stop(0.6, rgba(0,32,64,0.3)));background:-webkit-linear-gradient(top, transparent 40%, rgba(0,32,64,0.3) 60%);background:-moz-linear-gradient(top, transparent 40%, rgba(0,32,64,0.3) 60%);background:-o-linear-gradient(top, transparent 40%, rgba(0,32,64,0.3) 60%);background:-ms-linear-gradient(top, transparent 40%, rgba(0,32,64,0.3) 60%);background:linear-gradient(top, transparent 40%, rgba(0,32,64,0.3) 60%)} .battle .battle_pane .pokemon-info .hp{background:#0f0} .battle .battle_pane .pokemon-info .hp-text{position:absolute;top:-1px;bottom:-1px;left:100%;background:#333;color:#fff;font-size:8px;line-height:8px;padding:0 4px;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;-webkit-box-shadow:0 0 0 1px #222;box-shadow:0 0 0 1px #222;font-family:Verdana,sans-serif} .battle .battle_pane .pokemon-info .pokemon-meta{position:absolute;left:0;bottom:100%;color:#fff;pointer-events:visible;text-shadow:0 1px 0 #000,0 -1px 0 #000,-1px 0 0 #000,1px 0 0 #000} .battle .battle_pane .pokemon-info .pokemon-name{font-weight:700;color:#fff} .battle .battle_pane .pokemon-info .pokemon-level,.battle .battle_pane .pokemon-info .gender{font-size:75%} .battle .battle_pane .pokemon-info .pokemon-level-text{color:#efa532} .battle .battle_pane .pokemon-info .pokemon-effects{position:absolute;top:9px;color:#fff;font-family:'proxima-nova','Helvetica Neue',Calibri,'Droid Sans',Helvetica,Arial,sans-serif;} .battle .battle_pane .pokemon-info .pokemon-effects .pokemon-effect{font-size:.625em;float:left;-webkit-border-radius:3px;border-radius:3px;background:#333;color:#fff;padding:0 4px;border:1px solid rgba(0,0,0,0.5);} .battle .battle_pane .pokemon-info .pokemon-effects .pokemon-effect.sleep{background:#535} .battle .battle_pane .pokemon-info .pokemon-effects .pokemon-effect.burn{background:#c33} .battle .battle_pane .pokemon-info .pokemon-effects .pokemon-effect.freeze{background:#38b} .battle .battle_pane .pokemon-info .pokemon-effects .pokemon-effect.paralyze{background:#b93} .battle .battle_pane .pokemon-info .pokemon-effects .pokemon-effect.poison,.battle .battle_pane .pokemon-info .pokemon-effects .pokemon-effect.toxic{background:#b3b} .battle .battle_pane .pokemon-info .pokemon-effects .pokemon-effect.boost{background:#5a3;} .battle .battle_pane .pokemon-info .pokemon-effects .pokemon-effect.boost.negative{background:#a53} .battle .battle_pane .sprite{position:absolute;top:0;left:0;pointer-events:visible;-webkit-transition:left 1s ease;-moz-transition:left 1s ease;-o-transition:left 1s ease;-ms-transition:left 1s ease;transition:left 1s ease;} .battle .battle_pane .sprite img{position:absolute;max-width:none} .battle .pokemon{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden} .battle .pokeball{position:absolute;background:url("//media.pokebattle.com/img/battle/pokeballs.gif") -133px -10px;-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;transition:opacity .25s ease-in} .battle .percentage{font-family:"Helvetica Neue",sans-serif;font-weight:700;padding:4px;-webkit-border-radius:3px;border-radius:3px;background:#4e4;-webkit-transition:left 5s linear;-moz-transition:left 5s linear;-o-transition:left 5s linear;-ms-transition:left 5s linear;transition:left 5s linear;color:#fff;border:1px solid rgba(0,0,0,0.3);-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3);box-shadow:2px 2px 2px rgba(0,0,0,0.3);} .battle .percentage.red{background:#e44} .battle .team-stealth-rock{position:absolute;background:url("//media.pokebattle.com/img/battle/stealth_rock.png");width:28px;height:35px;pointer-events:none} .battle .team-toxic-spikes{position:absolute;background:url("//media.pokebattle.com/img/battle/toxic_spikes.png");width:21px;height:21px;pointer-events:none} .battle .team-spikes{position:absolute;background:url("//media.pokebattle.com/img/battle/spikes.png");width:21px;height:21px;pointer-events:none} .battle .team-sticky-web{position:absolute;background:url("//media.pokebattle.com/img/battle/sticky_web.png");width:150px;height:151px;pointer-events:none} .battle .team-screen{position:absolute;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);width:1px;height:1px;pointer-events:none;} .battle .team-screen.rounded{-webkit-border-radius:100%;border-radius:100%} .battle .team-screen.blue{border:1px solid #2d6ce6;background-color:#6a97ed} .battle .team-screen.yellow{border:1px solid #e4b512;background-color:#f0c944} .battle .team-screen.pink{border:1px solid #ef68ef;background-color:#f7b5f7} .battle .projectile{position:absolute;width:64px;height:64px;pointer-events:none;} .battle .projectile.normal{background:radial-gradient(ellipse at center,#d4d2bd 0%,#a9a57a 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.fire{background:radial-gradient(ellipse at center,#f1c2a1 0%,#e28544 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.water{background:radial-gradient(ellipse at center,#b4cbf6 0%,#6a97ed 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.electric{background:radial-gradient(ellipse at center,#f8e4a1 0%,#f0c944 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.grass{background:radial-gradient(ellipse at center,#c7dfa9 0%,#8fc052 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.ice{background:radial-gradient(ellipse at center,#d1e7e8 0%,#a2cfd0 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.fighting{background:radial-gradient(ellipse at center,#de9b95 0%,#b04137 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.poison{background:radial-gradient(ellipse at center,#caa7d1 0%,#9253a0 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.ground{background:radial-gradient(ellipse at center,#eedfb7 0%,#dcbe6f 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.flying{background:radial-gradient(ellipse at center,#d0cdf6 0%,#a09aee 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.psychic{background:radial-gradient(ellipse at center,#f0b4c5 0%,#e0698b 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.bug{background:radial-gradient(ellipse at center,#dfe28c 0%,#aeb22d 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.rock{background:radial-gradient(ellipse at center,#dccf9f 0%,#b69d42 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.ghost{background:radial-gradient(ellipse at center,#b4aecc 0%,#6a5f97 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.dragon{background:radial-gradient(ellipse at center,#adacf8 0%,#5c59f1 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.dark{background:radial-gradient(ellipse at center,#bba89b 0%,#685447 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.steel{background:radial-gradient(ellipse at center,#dbdce7 0%,#b7bacf 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .projectile.fairy{background:radial-gradient(ellipse at center,#fbdafb 0%,#f7b5f7 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)} .battle .battle_summary{position:absolute;bottom:0;left:100px;right:100px;background:rgba(0,0,0,0.5);color:#fff;display:none;text-shadow:none;padding:4px 10px;font-size:.875em;} .battle .battle_summary p{margin:0;font-size:.8125em;} .battle .battle_summary p.big{font-size:1em;margin-top:4px;} .battle .battle_summary p.big:first-child{margin-top:0} .battle .ability_activation{position:absolute;width:150px;background:rgba(0,0,0,0.5);text-align:center;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);color:#fff;text-shadow:0 1px 0 #000,0 -1px 0 #000,-1px 0 0 #000,1px 0 0 #000;pointer-events:none;} .battle .ability_activation strong{font-size:1.2em;display:block} .battle .ability_activation.front{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;top:64px;right:0} .battle .ability_activation.back{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;bottom:64px;left:0} .moves .button{display:block;float:none;margin:0 0 5px;} .moves .button.hidden{display:none} .switches .button{display:block;float:none;} .switches .button.disabled .pokemon_icon{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)} .switches .button .pokemon_icon{display:block} .mega-evolve{text-align:center;font-size:.8em} .gender.gender_female{color:#ea597a} .gender.gender_male{color:#62cbb0} .team_icons{width:240px} .pokemon_icon{position:relative;width:32px;height:32px;display:inline-block;margin:0 auto;background:url("//media.pokebattle.com/img/pokemon_icons_40px.png") top left;vertical-align:middle;} .pokemon_icon.fainted{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)} .battle_teams{position:absolute;left:100px;right:100px;text-align:center;margin:0 auto;width:300px;font-family:'proxima-nova','Helvetica Neue',Calibri,'Droid Sans',Helvetica,Arial,sans-serif;} .battle_teams li{position:relative} .battle_teams .gender{position:absolute;top:0;right:2px;font-size:.75em;text-shadow:0 1px 0 #333} .battle_teams .level{position:absolute;bottom:0;right:2px;font-size:.75em;line-height:.75em;text-shadow:0 1px 0 #fff,0 -1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff;font-family:"PT Sans Narrow","Helvetica Neue",sans-serif} .battle_team_preview{background:#eee;padding:10px;-webkit-border-radius:4px;border-radius:4px;margin:10px 0;border:1px solid #aaa;} .battle_team_preview .px_40,.battle_team_preview .sortable-placeholder{width:40px;margin:0 2px;padding-left:0;padding-right:0;float:left} .battle_team_preview .submit_arrangement{margin:10px 0 0} .battle_team_preview .team_pokemon{position:relative;width:40px;height:32px;margin:0 auto} .battle_team_preview .arrange_team{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .battle_team_preview .arrange_team li{cursor:pointer;-webkit-border-radius:4px;border-radius:4px;} .battle_team_preview .arrange_team li.img-polaroid.active{background-color:#ccc} .battle_team_preview .lead_text{font-size:.8125em;min-height:0} .battle_team_preview .pokemon_icon{top:0;left:0} .battle_team_preview .sortable-placeholder{border:1px dashed #ccc;background:none;height:40px} .battle_team_preview .unstyled{margin:0} .well-battle-actions{font-size:1.5em;height:3em;line-height:3em;text-align:center} .save-log{display:block;text-align:center} .drop{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(106,151,237,0.7)), color-stop(1, rgba(255,255,255,0.3)));background:-webkit-linear-gradient(top, rgba(106,151,237,0.7) 0, rgba(255,255,255,0.3) 100%);background:-moz-linear-gradient(top, rgba(106,151,237,0.7) 0, rgba(255,255,255,0.3) 100%);background:-o-linear-gradient(top, rgba(106,151,237,0.7) 0, rgba(255,255,255,0.3) 100%);background:-ms-linear-gradient(top, rgba(106,151,237,0.7) 0, rgba(255,255,255,0.3) 100%);background:linear-gradient(top, rgba(106,151,237,0.7) 0, rgba(255,255,255,0.3) 100%);width:1px;height:89px;position:absolute;top:0;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-o-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);-webkit-animation:fall .63s linear infinite;-moz-animation:fall .63s linear infinite;-o-animation:fall .63s linear infinite;-ms-animation:fall .63s linear infinite;animation:fall .63s linear infinite} .ray{position:absolute;background:rgba(230,192,70,0.5);width:60px;height:100%;-webkit-transition:all 1000ms ease;-moz-transition:all 1000ms ease;-o-transition:all 1000ms ease;-ms-transition:all 1000ms ease;transition:all 1000ms ease;-webkit-transform:rotate(360deg) skewX(30deg);-moz-transform:rotate(360deg) skewX(30deg);-o-transform:rotate(360deg) skewX(30deg);-ms-transform:rotate(360deg) skewX(30deg);transform:rotate(360deg) skewX(30deg);-webkit-animation:fade-in-out 3s ease infinite;-moz-animation:fade-in-out 3s ease infinite;-o-animation:fade-in-out 3s ease infinite;-ms-animation:fade-in-out 3s ease infinite;animation:fade-in-out 3s ease infinite} .sand_overlay{position:absolute;top:0;left:0;background:url("//media.pokebattle.com/img/battle/weather_sand.png");width:600px;height:600px;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-webkit-animation:sandstorm .75s linear infinite;-moz-animation:sandstorm .75s linear infinite;-o-animation:sandstorm .75s linear infinite;-ms-animation:sandstorm .75s linear infinite;animation:sandstorm .75s linear infinite} .hailstone{position:absolute;-webkit-border-radius:4px;border-radius:4px;width:10px;height:10px;background:rgba(230,200,255,0.5);-webkit-animation:fall .4s linear infinite;-moz-animation:fall .4s linear infinite;-o-animation:fall .4s linear infinite;-ms-animation:fall .4s linear infinite;animation:fall .4s linear infinite} @-moz-keyframes fall{100%{margin-top:600px;margin-left:216px} }@-webkit-keyframes fall{100%{margin-top:600px;margin-left:216px} }@-o-keyframes fall{100%{margin-top:600px;margin-left:216px} }@-ms-keyframes fall{100%{margin-top:600px;margin-left:216px} }@keyframes fall{100%{margin-top:600px;margin-left:216px} }@-moz-keyframes fade-in-out{0%,100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} 50%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)} }@-webkit-keyframes fade-in-out{0%,100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} 50%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)} }@-o-keyframes fade-in-out{0%,100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} 50%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)} }@-ms-keyframes fade-in-out{0%,100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} 50%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)} }@keyframes fade-in-out{0%,100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} 50%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)} }@-moz-keyframes sandstorm{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} 100%{-webkit-transform:translate(200%,100%);-moz-transform:translate(200%,100%);-o-transform:translate(200%,100%);-ms-transform:translate(200%,100%);transform:translate(200%,100%)} }@-webkit-keyframes sandstorm{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} 100%{-webkit-transform:translate(200%,100%);-moz-transform:translate(200%,100%);-o-transform:translate(200%,100%);-ms-transform:translate(200%,100%);transform:translate(200%,100%)} }@-o-keyframes sandstorm{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} 100%{-webkit-transform:translate(200%,100%);-moz-transform:translate(200%,100%);-o-transform:translate(200%,100%);-ms-transform:translate(200%,100%);transform:translate(200%,100%)} }@-ms-keyframes sandstorm{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} 100%{-webkit-transform:translate(200%,100%);-moz-transform:translate(200%,100%);-o-transform:translate(200%,100%);-ms-transform:translate(200%,100%);transform:translate(200%,100%)} }@keyframes sandstorm{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} 100%{-webkit-transform:translate(200%,100%);-moz-transform:translate(200%,100%);-o-transform:translate(200%,100%);-ms-transform:translate(200%,100%);transform:translate(200%,100%)} }.teambuilder input,.teambuilder select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:28px} .teambuilder .selectize-input input{height:18px} .teambuilder{position:absolute;top:0;bottom:0;left:0;right:0;} .teambuilder select,.teambuilder input{margin-bottom:0 !important;width:100%} .teambuilder .meta-info{max-width:1368px} .teambuilder .meta-info .left-side,.teambuilder .meta-info .right-side{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .teambuilder .navigation{position:absolute;top:50px;bottom:0;background-color:rgba(223,231,232,0.5);width:160px;} .teambuilder .navigation ul{list-style-type:none;padding:0;margin:0} .teambuilder .navigation li,.teambuilder .navigation .nav-button{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:1em;height:50px;line-height:50px;font-size:14px} .teambuilder .navigation li:hover,.teambuilder .navigation .nav-button:hover{cursor:pointer;background-color:rgba(0,0,0,0.1)} .teambuilder .navigation li.active{background-color:rgba(200,210,255,0.5)} .teambuilder .navigation .pokemon_icon{float:none;display:inline-block;margin:0;vertical-align:middle} .teambuilder .navigation .pokemon-pbv{margin-top:7px;font-size:.75em} .teambuilder .navigation .pokemon-middle{line-height:50%;display:inline-block;vertical-align:middle} .teambuilder .meta-info .left-side{padding-left:180px;width:45%} .teambuilder .meta-info .right-side{width:55%;padding-left:20px} .teambuilder .species{float:left;width:180px;margin-left:-185px;} .teambuilder .species .species_list{width:100%;} .teambuilder .species .species_list .pbv{float:right;color:#888} .teambuilder .shiny-switch{display:inline-block;width:14px;height:14px;margin-right:10px;margin-left:-24px;vertical-align:middle;cursor:pointer;background-image:URL('http://91.121.152.74:8000/Sprites/images/noshiny.png');-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} .teambuilder .shiny-switch.selected{background-image:URL('http://91.121.152.74:8000/Sprites/images/shiny.png')} .teambuilder .happiness-switch{display:inline-block;position:relative;width:14px;height:14px;margin-left:10px;margin-right:-24px;cursor:pointer;vertical-align:middle;} .teambuilder .happiness-switch:before,.teambuilder .happiness-switch:after{position:absolute;content:"";left:8px;top:0;width:8px;height:13px;background:#ff3c3c;-webkit-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%} .teambuilder .happiness-switch:after{left:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%} .teambuilder .happiness-switch:hover:before,.teambuilder .happiness-switch:hover:after{background:#d00} .teambuilder .happiness-switch.selected:before,.teambuilder .happiness-switch.selected:after{background:#333} .teambuilder .happiness-switch.selected:hover:before,.teambuilder .happiness-switch.selected:hover:after{background:#707070} .teambuilder .team_meta{position:absolute;top:0;left:0;right:0;height:50px;line-height:50px;} .teambuilder .team_meta .team_name{font-weight:700;font-size:1.5em;height:50px;line-height:50px;float:left;margin:0;width:auto;padding:0 .6666666666666666em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .teambuilder .team_meta .team_name:hover:not(:focus){text-decoration:underline;cursor:pointer} .teambuilder .team_meta .team_meta_buttons{float:right;margin-top:7px;} .teambuilder .team_meta .team_meta_buttons .button{float:left;margin-right:10px} .teambuilder .meta-info .non-stats{display:table;width:100%;} .teambuilder .meta-info .non-stats .teambuilder_row,.teambuilder .meta-info .non-stats .pbv-row{display:table-row;line-height:1.5em} .teambuilder .meta-info .non-stats .teambuilder_col{display:table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:2em;margin:0;} .teambuilder .meta-info .non-stats .teambuilder_col:first-child{text-align:right;padding-right:10px} .teambuilder .meta-info .non-stats .pbv-row .left,.teambuilder .meta-info .non-stats .pbv-row .right{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:2em} .teambuilder .meta-info .non-stats .non-stat-label{width:1px} .teambuilder .stats{width:100%;margin-bottom:1.5em;} .teambuilder .stats td,.teambuilder .stats th{text-align:left;padding-right:10px;white-space:nowrap;line-height:1.5em;height:1.5em} .teambuilder .stats .stat-label,.teambuilder .stats .stat-total,.teambuilder .stats .base-stat{width:1px} .teambuilder .stats td:first-child{text-align:right} .teambuilder .stats input{width:100%;text-align:right} .teambuilder .stats th.ev-cell,.teambuilder .stats th.iv-cell{text-align:right;padding-right:17px} .teambuilder .stats td.ev-cell,.teambuilder .stats td.iv-cell{width:50px} .teambuilder .stats .plus-nature{color:#38ab46;font-weight:bold} .teambuilder .stats .minus-nature{color:#dc4e48} .teambuilder .stats .remaining-evs{float:left} .teambuilder .stats .hidden-power{float:right} .teambuilder .stats .ev-lock{float:left;margin-right:5px;cursor:pointer;} .teambuilder .stats .ev-lock .icon-lock{color:#444} .teambuilder .stats .ev-lock .icon-unlocked{color:#888} .teambuilder .stats .remaining-evs-amount.over-limit{color:#dc4e48;font-weight:bold} .teambuilder select.select-hidden-power{width:auto} .teambuilder .pokemon_edit{position:absolute;overflow:auto;left:150px;top:50px;bottom:0;right:0;background:#fff;padding:15px;overflow-y:scroll} .teambuilder .forme-sprite-box{height:120px;line-height:120px;text-align:center;} .teambuilder .forme-sprite-box .forme-sprite{display:inline-block} .teambuilder .species-types{text-align:center;margin-bottom:5px;margin-top:50px;} .teambuilder .species-types img{margin:0 2px} .teambuilder .selected_moves .header{margin-bottom:8px} .teambuilder .selected_moves .moves-label{font-weight:bold;font-size:2em;line-height:1em} .teambuilder .selected_moves a{line-height:2em} .teambuilder .selected_moves .move-button,.teambuilder .selected_moves input{display:block;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:32px;} .teambuilder .selected_moves .move-button .close,.teambuilder .selected_moves input .close{opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);line-height:30px;width:20px;text-align:center;float:right} .teambuilder .selected_moves .move-button .close:hover,.teambuilder .selected_moves input .close:hover,.teambuilder .selected_moves .move-button .close:focus,.teambuilder .selected_moves input .close:focus{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);font-weight:bold} .table-moves{border-collapse:separate;border:solid 1px #ddd;} .table-moves thead th{background:#f5f5f5;border-bottom:solid 1px #ddd} .table-moves tbody tr{cursor:pointer;} .table-moves tbody tr td{border:1px solid transparent} .table-moves tbody tr.active td{background:#f0f0f9;} .table-moves tbody tr.active td:first-child{text-decoration:underline} .table-moves tbody tr.selected td{background:#f0f0f9;} .table-moves tbody tr.selected td:first-child{font-weight:bold} .table-moves tbody tr img{margin-bottom:3px} .table-moves .name{white-space:nowrap} .teambuilder .table-moves{margin-top:8px} .teambuilder .description{width:60%} .teambuilder .display_teams{position:absolute;top:0;left:0;bottom:0;right:0;overflow:auto;} .teambuilder .display_teams h2{margin-left:10px;margin-bottom:0} .teambuilder .display_teams .select-team h2{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:192px;margin:0;font-size:1.5em} .teambuilder .display_teams .add-new-team{margin:10px} .teambuilder .display_teams .team-meta{font-size:.75em;text-align:right;margin-top:10px} .teambuilder .display_teams .team-pbv{margin-top:-5px} .teambuilder .display_teams .team-tier{margin-top:-5px} textarea.textarea_modal{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:300px} @media screen and (max-width: 1268px){.teambuilder .meta-info .left-side,.teambuilder .meta-info .right-side{display:block;width:100%} .teambuilder .non-stats{margin:0 !important} .teambuilder .meta-info .right-side{padding-left:0} .teambuilder .stats{margin-top:1.5em} }@media screen and (max-width: 1000px){.table-moves .description{display:none} .teambuilder .selected_moves .span3{width:100%;margin-left:0} }@media screen and (max-width: 800px){.teambuilder .navigation li,teambuilder .navigation .nav-button{float:left;width:16.666666666666668%;font-size:0;text-align:center} .teambuilder .pokemon_edit{left:0;top:100px} .teambuilder .navigation{width:100%} }@media screen and (max-width: 600px){.teambuilder{overflow:auto;} .teambuilder .team_meta{position:static;height:auto} .teambuilder .navigation{position:static} .teambuilder .pokemon_edit{position:static;overflow:visible} textarea.textarea_modal{height:auto} }@media screen and (max-width: 480px){.teambuilder .meta-info .left-side{padding-left:0} .teambuilder .species,.teambuilder .non-stats{margin-left:0;width:100%;margin-bottom:1.5em} .teambuilder .ev-range-cell{display:none} .table-moves .pp,.table-moves .acc{display:none} }.battle-list{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto;} .battle-list h2{display:block;margin-left:10px} .battle-list-collection{padding-right:10px;} .battle-list-collection .empty{margin-left:10px} .battle-list-item-wrapper{float:left;width:100%;padding-left:10px;padding-bottom:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .battle-list-item{cursor:pointer;border:1px solid #ddd;background:#f5f5f5;-webkit-box-shadow:1px 2px 0 rgba(0,0,0,0.2);box-shadow:1px 2px 0 rgba(0,0,0,0.2);padding:10px;} .battle-list-item:hover{background:#fff} .battle-list-item .vs{font-weight:bold;margin:0 5px} @media screen and (min-width: 1000px){.battle-list-item-wrapper{width:50%} }@media screen and (min-width: 1400px){.battle-list-item-wrapper{width:33%} }@media screen and (min-width: 1800px){.battle-list-item-wrapper{width:25%} }@media screen and (min-width: 2200px){.battle-list-item-wrapper{width:20%} }@media screen and (min-width: 2600px){.battle-list-item-wrapper{width:16.6%} }#messages{position:absolute;bottom:0;right:0;width:100%;font-size:.875em;} #messages .popup{position:fixed;bottom:0;float:right;width:270px;margin-left:10px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);} #messages .popup.new_message .title{background:#d94e47} #messages .popup .popup_messages{background:#fff;height:270px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;overflow-y:scroll;line-height:1.3em;} #messages .popup .popup_messages.small{height:150px} #messages .popup .popup_messages p{margin:0 6px;overflow:hidden;word-wrap:break-word} #messages .popup .popup_menu{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f0f0), color-stop(1, #eee));background:-webkit-linear-gradient(top, #f0f0f0 0, #eee 100%);background:-moz-linear-gradient(top, #f0f0f0 0, #eee 100%);background:-o-linear-gradient(top, #f0f0f0 0, #eee 100%);background:-ms-linear-gradient(top, #f0f0f0 0, #eee 100%);background:linear-gradient(top, #f0f0f0 0, #eee 100%);border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc} #messages .popup .popup_menu_button{border-right:1px solid #ddd;float:left;padding:8px;cursor:pointer;} #messages .popup .popup_menu_button:hover{background:#ddd} #messages .popup .chat_input_pane{position:relative;background:#eee;height:36px;} #messages .popup .chat_input_pane .chat_input_wrapper{padding:3px;border-left:1px solid #ccc;border-right:1px solid #ccc} #messages .popup .title{background:#333;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;padding:8px 0 8px 12px;color:#fff;} #messages .popup .title.new{background:#d94e47} #messages .popup .title_buttons{position:absolute;top:0;right:2px;} #messages .popup .title_buttons .title_button{display:inline-block;cursor:pointer;padding:5px;margin:4px;} #messages .popup .title_buttons .title_button:hover{background:#706666} #messages .popup .title_buttons .icon-minus{position:relative;top:4px} #messages .popup .challenge{background:#f0f0f0;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;-webkit-transition:bottom .25s ease-out;-moz-transition:bottom .25s ease-out;-o-transition:bottom .25s ease-out;-ms-transition:bottom .25s ease-out;transition:bottom .25s ease-out;} #messages .popup .challenge .challenge_data{padding:8px;} #messages .popup .challenge .challenge_data .challenge_clauses{height:50px;overflow-y:auto} #messages .popup .challenge .challenge_data p{margin:1em 0 0;} #messages .popup .challenge .challenge_data p:first-child{margin-top:0} #messages .popup .challenge .challenge_buttons{padding:8px;border-top:1px solid #ccc;} #messages .popup .challenge .challenge_buttons .button{margin-right:8px} .clearfix:before,.clearfix:after{content:"";display:table;line-height:0} .clearfix:after{clear:both} ::selection{background:#f27405} .select{cursor:pointer;border:1px solid #aaa;-webkit-border-radius:3px;border-radius:3px;background:#f0f0f0;padding:10px;} .select:hover{background:#fff;border-color:#bbb} .select.disabled{background:#ccc;cursor:auto} .alt-input{width:100%;padding-right:130px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .alt-input .input-wrapper{width:100%;float:left;} .alt-input .input-wrapper input{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:38px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;margin-bottom:0} .alt-input .buttons-wrapper{margin-right:-130px;float:left;} .alt-input .buttons-wrapper .button{float:left;width:65px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:38px;padding:0;-webkit-border-radius:0;border-radius:0;margin-left:-1px;margin-bottom:0} .alt-input .buttons-wrapper .button:last-child{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0} .challenge_clauses{list-style:none;margin:0;} .challenge_clauses input{vertical-align:top;margin-top:3px} .challenge_clauses label{display:block;margin-bottom:0;} .challenge_clauses label.disabled{cursor:not-allowed;color:#bbb} .achievement img{float:left;width:75px} .achievement h2{margin-top:0} .achievement .achievement-info{padding-left:90px} #achievements-modal{border:none;-webkit-animation:achievement-glow 2s infinite;-moz-animation:achievement-glow 2s infinite;-o-animation:achievement-glow 2s infinite;-ms-animation:achievement-glow 2s infinite;animation:achievement-glow 2s infinite} @-moz-keyframes achievement-glow{0%{-webkit-box-shadow:1px 1px 30px 2px #4eabda;box-shadow:1px 1px 30px 2px #4eabda} 50%{-webkit-box-shadow:1px 1px 45px 2px #71bce1;box-shadow:1px 1px 45px 2px #71bce1} 100%{-webkit-box-shadow:1px 1px 30px 2px #4eabda;box-shadow:1px 1px 30px 2px #4eabda} }@-webkit-keyframes achievement-glow{0%{-webkit-box-shadow:1px 1px 30px 2px #4eabda;box-shadow:1px 1px 30px 2px #4eabda} 50%{-webkit-box-shadow:1px 1px 45px 2px #71bce1;box-shadow:1px 1px 45px 2px #71bce1} 100%{-webkit-box-shadow:1px 1px 30px 2px #4eabda;box-shadow:1px 1px 30px 2px #4eabda} }@-o-keyframes achievement-glow{0%{-webkit-box-shadow:1px 1px 30px 2px #4eabda;box-shadow:1px 1px 30px 2px #4eabda} 50%{-webkit-box-shadow:1px 1px 45px 2px #71bce1;box-shadow:1px 1px 45px 2px #71bce1} 100%{-webkit-box-shadow:1px 1px 30px 2px #4eabda;box-shadow:1px 1px 30px 2px #4eabda} }@-ms-keyframes achievement-glow{0%{-webkit-box-shadow:1px 1px 30px 2px #4eabda;box-shadow:1px 1px 30px 2px #4eabda} 50%{-webkit-box-shadow:1px 1px 45px 2px #71bce1;box-shadow:1px 1px 45px 2px #71bce1} 100%{-webkit-box-shadow:1px 1px 30px 2px #4eabda;box-shadow:1px 1px 30px 2px #4eabda} }@keyframes achievement-glow{0%{-webkit-box-shadow:1px 1px 30px 2px #4eabda;box-shadow:1px 1px 30px 2px #4eabda} 50%{-webkit-box-shadow:1px 1px 45px 2px #71bce1;box-shadow:1px 1px 45px 2px #71bce1} 100%{-webkit-box-shadow:1px 1px 30px 2px #4eabda;box-shadow:1px 1px 30px 2px #4eabda} }@media screen and (max-width: 319px){#logo{visibility:hidden} }@media screen and (max-width: 480px){.modal{top:10px;left:10px;right:10px} .modal-header .close{padding:10px;margin:-10px} }@media screen and (max-width: 640px){.popover{display:none !important} #main-nav{padding:0} #logo{float:none;margin:0 auto !important} #sections{visibility:hidden} #leftmenu{display:block;width:0} #navigation{display:none;top:52px;z-index:100} #navigation .logo{display:none} #navigation.active{display:block;-webkit-animation:slidenav .3s;-moz-animation:slidenav .3s;-o-animation:slidenav .3s;-ms-animation:slidenav .3s;animation:slidenav .3s} #content{left:0} @-moz-keyframes slidenav{0%{left:-100%} 100%{left:0} }@-webkit-keyframes slidenav{0%{left:-100%} 100%{left:0} }@-o-keyframes slidenav{0%{left:-100%} 100%{left:0} }@-ms-keyframes slidenav{0%{left:-100%} 100%{left:0} }@keyframes slidenav{0%{left:-100%} 100%{left:0} }}@media screen and (max-width: 767px){.chat_window .main_buttons{width:100%;padding:10px} .chat_window .chat{display:none} .modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;} .modal.fade{top:-100px} .modal.fade.in{top:20px} .battle_window .battle{width:420px;margin:0 auto;right:0;padding:10px 0 0} .battle_window .battle_summary{bottom:50px;left:0;right:0} .battle_window .battle_container{width:400px;height:400px;margin:0 auto} .battle_window .battle_pane{left:0;top:50px} .battle_window .battle_teams{left:50px;right:50px;top:50px} .battle_window .battle_user_info .left{bottom:0} .battle_window .battle_user_info .right{top:0} .battle_window .battle_user_info .left,.battle_window .battle_user_info .right{width:100%;left:0;} .battle_window .battle_user_info .left .battle-timer,.battle_window .battle_user_info .right .battle-timer{display:inline-block;margin-right:10px} .battle_window .battle_user_info .left .pokemon_icons,.battle_window .battle_user_info .right .pokemon_icons{display:inline-block;vertical-align:bottom;width:auto;position:relative;top:-4px;} .battle_window .battle_user_info .left .pokemon_icons .icon_wrapper:nth-child(even),.battle_window .battle_user_info .right .pokemon_icons .icon_wrapper:nth-child(even){top:0} .battle_window .moves.span8,.battle_window .switches.span4{width:100%;margin-left:0} }@media screen and (max-width: 980px){.battle_window .chat{display:none} }