Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Playfair+Display:500,900italic|Economica' rel='stylesheet' type='text/css'> <style type="text/css"> .asf-bajancanadian { width:400px; height:400px; padding:25px; background-image:url(http://images6.fanpop.com/image/photos/40600000/Suicide-Squad-dceu-dc-extended-universe-40697918-970-545.jpg); background-position: center; } .asf-jerome { width: 370px; padding:5px; background-color:#38a256; margin-top:-30px; z-index:1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .asf-noochm { font-size:50px; font-style:normal; font-weight:bold; font-family:homestead; color:#fcfcfc; line-height:100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .asf-mitch { width:370px; padding:5px; overflow:auto; font-family:calibri; font-size:11px; line-height:99%; background-color:rgba(255, 255, 255, 0.8); background-color:rgb(255, 255, 255, 0.8); text-align:justify; height:0px; color:191919; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .asf-bajancanadian:hover .asf-jerome { margin-top:0px; } .asf-bajancanadian:hover .asf-mitch { opacity:1; height:250px; } .mrc { font-family:calibri; font-size:9px; text-transform:uppercase; text-decoration:none; } .mrc a { text-decoration:none; color:#A23838; } </style> <center> <div class="asf-bajancanadian"> <div class="asf-mitch"><align=center></align><br><br> <center><size=16><b>WE'RE BAD GUYS <br> THAT'S WHAT WE DO <br> 11.02-17.02</b></size></center><br> <center><i>фандом этой недели -отряд самоубийц, приходя по этой акции вы можете пройти регистрацию по упрощённой анкете</i></center> <table><tr><td></size> </td> <td><br> </td></tr></table></div> <div class="asf-jerome"> <div class="asf-noochm">suicide squad </div> </div> </div> <div class="mrc"> </div> </center>