CSS
body {
background: #000;
margin: 0;
padding: 0;
}
.cont_bl {
width: 100px;
margin: 30px auto 0;
position: relative;
padding: 2px;
border-top: 20px solid #000;
z-index: 2;
}
.flame {
height: 65px;
width: 17px;
position: absolute;
left: 40px;
border-radius: 48% 45% 25% 25%;
background: -moz-linear-gradient(top, rgba(186,61,13,0.34) 0%, rgba(232,174,82,0.75) 4%, rgba(255,230,116,0.79) 6%, rgba(252,246,194,1) 17%, rgba(251,255,236,1) 23%, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 80%, rgba(255,255,254,1) 81%, rgba(255,252,241,0.45) 90%, rgba(255,249,226,0.03) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(186,61,13,0.34)), color-stop(4%,rgba(232,174,82,0.75)), color-stop(6%,rgba(255,230,116,0.79)), color-stop(17%,rgba(252,246,194,1)), color-stop(23%,rgba(251,255,236,1)), color-stop(42%,rgba(255,255,255,1)), color-stop(68%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,1)), color-stop(81%,rgba(255,255,254,1)), color-stop(90%,rgba(255,252,241,0.45)), color-stop(100%,rgba(255,249,226,0.03))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(186,61,13,0.34) 0%,rgba(232,174,82,0.75) 4%,rgba(255,230,116,0.79) 6%,rgba(252,246,194,1) 17%,rgba(251,255,236,1) 23%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 68%,rgba(255,255,255,1) 80%,rgba(255,255,254,1) 81%,rgba(255,252,241,0.45) 90%,rgba(255,249,226,0.03) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(186,61,13,0.34) 0%,rgba(232,174,82,0.75) 4%,rgba(255,230,116,0.79) 6%,rgba(252,246,194,1) 17%,rgba(251,255,236,1) 23%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 68%,rgba(255,255,255,1) 80%,rgba(255,255,254,1) 81%,rgba(255,252,241,0.45) 90%,rgba(255,249,226,0.03) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(186,61,13,0.34) 0%,rgba(232,174,82,0.75) 4%,rgba(255,230,116,0.79) 6%,rgba(252,246,194,1)...