| info .center { text-align:center } .loading { display:inline-block; width:82px; height:9px; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIGGi-xwfg7i1b15ouHcXy2YUY7LwGpIfbMS-APZI-EW3Ol_D2MsoQcE9TBxCccUeCCjTL0cDMw672cnKFM_R2fN_g7ReeH0sdgK3pijkpQZi-W2JSnceZoO6swPBIrlOjPEYB4jhjXnJX/s1600/loading.gif') no-repeat 0 0 } a.download:hover{background:#666} a.download:after{ content: '\f019'; background: rgba(0,0,0,0.1); position: absolute; right: 0; top: 0; font-weight: normal; display: inline-block; margin: 0 0 0 10px; color: #fff; padding: 16px 15px; font-family: fontawesome; transition: all .3s; } a.download{background-color:#2C64B4; display: inline-block; font: 14px/30px Droid Arabic Naskh,sans-serif; color: #FFF; text-decoration: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -3px 0px rgba(0, 0, 0, 0.1) inset, 0px 3px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; position: relative; line-height: normal; transition: all .3s; max-width: 170px; padding: 10px 50px 10px 15px; margin: 0 0 10px;} a.download:active{position:relative;top:2px; box-shadow:inset 0px -1px 0px rgba(0,0,0,0.1), 0px 2px 0px rgba(0,0,0,0.1);} #download-count{font:bold 12px tahoma} #download-count span{color:#289728}