MediaWiki:LUGIABORED

 Available Loot Calculator  Gold in storage: Elixir in storage: Dark Elixir in storage:  Gold available: Elixir available: Dark Elixir available: <input type="button" value="Clear" onclick="troopcalc('clear')" />

<style type="text/css"> ._LUGIA-BORED{ width:70%; margin:auto; background-color:gainsboro; padding:13px; -moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px; } ._LUGIA-BORED > h3{ font-size:150%; font-weight:700; } ._-BUTTON > input{ background-image:none; background-color:#B0B0B0; color:#FFFFFF; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; vaertical-align:bottom; } ._-BUTTON > input:hover{ background-image:none; background-color:#848484; color:#E3E3E3; } .i1 > input{ background-color:#B0B0B0; background-image:none; background: -moz-radial-gradient(center, ellipse cover, #fdd017 1%, #fdd017 50%, #b0b0b0 50%, #b0b0b0 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fdd017), color-stop(50%,#fdd017), color-stop(50%,#b0b0b0), color-stop(100%,#b0b0b0)); background: -webkit-radial-gradient(center, ellipse cover, #fdd017 1%,#fdd017 50%,#b0b0b0 50%,#b0b0b0 100%); background: -o-radial-gradient(center, ellipse cover, #fdd017 1%,#fdd017 50%,#b0b0b0 50%,#b0b0b0 100%); background: -ms-radial-gradient(center, ellipse cover, #fdd017 1%,#fdd017 50%,#b0b0b0 50%,#b0b0b0 100%); background: radial-gradient(ellipse at center, #fdd017 1%,#fdd017 50%,#b0b0b0 50%,#b0b0b0 100%); } .i1 > input:hover{ background-color:#fdd017; background-image:none; background: -moz-radial-gradient(center, ellipse cover, #b0b0b0 1%, #b0b0b0 50%, #fdd017 50%, #fdd017 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#b0b0b0), color-stop(50%,#b0b0b0), color-stop(50%,#fdd017), color-stop(100%,#fdd017)); background: -webkit-radial-gradient(center, ellipse cover, #b0b0b0 1%,#b0b0b0 50%,#fdd017 50%,#fdd017 100%); background: -o-radial-gradient(center, ellipse cover, #b0b0b0 1%,#b0b0b0 50%,#fdd017 50%,#fdd017 100%); background: -ms-radial-gradient(center, ellipse cover, #b0b0b0 1%,#b0b0b0 50%,#fdd017 50%,#fdd017 100%); background: radial-gradient(ellipse at center, #b0b0b0 1%,#b0b0b0 50%,#fdd017 50%,#fdd017 100%); } .i2 > input{ background-color:#B0B0B0; background-image:none; background: -moz-radial-gradient(center, ellipse cover, #bc28c9 1%, #bc28c9 50%, #b0b0b0 50%, #b0b0b0 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#bc28c9), color-stop(50%,#bc28c9), color-stop(50%,#b0b0b0), color-stop(100%,#b0b0b0)); background: -webkit-radial-gradient(center, ellipse cover, #bc28c9 1%,#bc28c9 50%,#b0b0b0 50%,#b0b0b0 100%); background: -o-radial-gradient(center, ellipse cover, #bc28c9 1%,#bc28c9 50%,#b0b0b0 50%,#b0b0b0 100%); background: -ms-radial-gradient(center, ellipse cover, #bc28c9 1%,#bc28c9 50%,#b0b0b0 50%,#b0b0b0 100%); background: radial-gradient(ellipse at center, #bc28c9 1%,#bc28c9 50%,#b0b0b0 50%,#b0b0b0 100%); } .i2 > input:hover{ background-color:#bc28c9; background-image:none; background: -moz-radial-gradient(center, ellipse cover, #b0b0b0 1%, #b0b0b0 50%, #bc28c9 50%, #bc28c9 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#b0b0b0), color-stop(50%,#b0b0b0), color-stop(50%,#bc28c9), color-stop(100%,#bc28c9)); background: -webkit-radial-gradient(center, ellipse cover, #b0b0b0 1%,#b0b0b0 50%,#bc28c9 50%,#bc28c9 100%); background: -o-radial-gradient(center, ellipse cover, #b0b0b0 1%,#b0b0b0 50%,#bc28c9 50%,#bc28c9 100%); background: -ms-radial-gradient(center, ellipse cover, #b0b0b0 1%,#b0b0b0 50%,#bc28c9 50%,#bc28c9 100%); background: radial-gradient(ellipse at center, #b0b0b0 1%,#b0b0b0 50%,#bc28c9 50%,#bc28c9 100%); } .i3 > input{ color:#FFFFFF; background-color:#B0B0B0; background-image:none; background: -moz-radial-gradient(center, ellipse cover, #000000 1%, #000000 50%, #b0b0b0 50%, #b0b0b0 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#000000), color-stop(50%,#000000), color-stop(50%,#b0b0b0), color-stop(100%,#b0b0b0)); background: -webkit-radial-gradient(center, ellipse cover, #000000 1%,#000000 50%,#b0b0b0 50%,#b0b0b0 100%); background: -o-radial-gradient(center, ellipse cover, #000000 1%,#000000 50%,#b0b0b0 50%,#b0b0b0 100%); background: -ms-radial-gradient(center, ellipse cover, #000000 1%,#000000 50%,#b0b0b0 50%,#b0b0b0 100%); background: radial-gradient(ellipse at center, #000000 1%,#000000 50%,#b0b0b0 50%,#b0b0b0 100%); } .i3 > input:hover{ background-color:#000000; background-image:none; background: -moz-radial-gradient(center, ellipse cover, #B0B0B0 1%, #B0B0B0 50%, #000000 50%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#B0B0B0), color-stop(50%,#B0B0B0), color-stop(50%,#000000), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #B0B0B0 1%,#B0B0B0 50%,#000000 50%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #B0B0B0 1%,#B0B0B0 50%,#000000 50%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #B0B0B0 1%,#B0B0B0 50%,#000000 50%,#000000 100%); background: radial-gradient(ellipse at center, #B0B0B0 1%,#B0B0B0 50%,#000000 50%,#000000 100%); } ._-INPUT > input{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border-color:gainsboro; }