[html]<div style="margin:5px 5px 5px 5px;overflow: auto; width:100%; height: auto; background: none; border: none; padding-top: 0px;padding-bottom: 0px;">     
<div align="center">
<a class="pub ic-5" href="http://otherkin.f-rpg.ru/viewtopic.php?id=30#p54">
<span>Кровавая луна<br><span style="font-size: 14px !important;padding:0px;">ПАБ</span></span></a><br><br><br>
</br></div>                
</div>  
<style>.pub {
text-transform:uppercase;
font-size: 24px !important;
font-family: 'Exo 2 Thin', Jura, Roboto Slab, Kelly Slab, Georgia, Times New Roman !important;
font-weight: 900;
display:inline-block;
text-decoration:none;
text-align:center;
margin-right:35px;
margin-top: 15px;
background: rgba(45,0,0,0.6);
color: white !important;
height:60px;
width:360px;
vertical-align: middle;
padding:30px 0 10px;
border:2px solid #fff;
border-radius: 120px 5px;
box-shadow: 0 0 25px #ff0003, inset 0 0 25px #ff0003;
text-shadow: #980002 1px 1px 1px, #009893 —1px —1px 1px !important;
position:relative;
transition: all 0.5s;}
.pub:hover {
border:2px solid #000;
transition: all 0.5s;
color: black !important;
background: rgba(98,00,02,0.9);
font-size: 24px;
animation: pulse 4.5s linear infinite;
-moz-animation: pulse 4.5s linear infinite;
-webkit-animation: pulse 4.5s linear infinite;}
.pub:active {
border:2px solid #000;
transition: all 0.5s;
color: white !important;
border:2px solid #fff;
box-shadow: 0 0 25px #00fffc, inset 0 0 25px #00fffc;
background: rgba(103,255,253,0.6) !important;
text-shadow: #980002 1px 1px 1px, #009893 —1px —1px 1px !important;
font-size: 24px;
animation: pulse .1s step-start;
-moz-animation: pulse .1s step-start;
-webkit-animation: pulse .1s step-start;}
.pub:after{
content:'';
height:65px;
width:65px;
position: absolute;
top: —25px;
left: 25px;
border: 2px solid black;
border-radius: 60px;
padding: 1px;
box-shadow: 0 0 25px red;}
.pub:hover::after {
animation: pulse 1.9s linear infinite;
-moz-animation: pulse 1.9s linear infinite;
-webkit-animation: pulse 1.9s linear infinite;}
.ic-5:after{
background: #980002 url("http://s8.uploads.ru/hA8T1.png") center no-repeat;}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;}</style>
</br>
<ol>
   <li><b>Правила поведения в пабе:</b> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><div class="hr-prs"></div></li>
   </ol></br>[/html]

Теги: #bloody_moon