[html]
<style type="text/css">
@import url(http://mzxw45dt.m5xw6z3mmvqxa2ltfzrw63i … ranienbaum);
@import "http://fonts.fontstorage.com/import/triod.css";
.lili li {
list-style-type: none; /* Убираем маркеры у списка */
}
.lili li:before {
content: "ᛟ "; /* Добавляем в качестве маркера символ */
}
.lili a:link {color: #fff;}
.lili a:visited {color: #fff;}
.lili a:hover {color: #fff;}
.lili a:active {color: #fff;}
h3 #p1, #p1 .permalink, #p1 .sharelink, #p1 .post-author, #p1 .post-rating, div #p1 .post-author {display:none;}
#p1 .post-links {margin-top: -60px;}
#p1 .post-body {margin-left: 0;}
#p1 .pl-delete {position: relative; top: 20px; right: -50px; z-index: 999;}
#p1 .pl-edit {position: relative; top: 20px; right: -77px; z-index: 999;}
</style>
<div style="
background-image: url(http://mz2w423znfwwoltdn5wq.cmle.ru/i/2vGwx.jpg);
background-size: cover;
width: 956px;
height: 408px;
padding: 0px;
margin-left: -12px;
margin-top: -46px;
">
<div style="
width: 956px;
height: 388px;
position: relative;
margin: 0 auto;
">
<div style="
margin: 30px auto;
text-align: center;
display: block; position: absolute; top: 20 px; left: 15px;"><h1 style="font-family: 'TriodPostnaja'; color: #fff; font-size: 2em;">Ragnarok: <br>battle for Mitgard</h1></div>
<div style="
display: block;
position: absolute;
right: 20px;
top: 15px;
width: 400px;
height: 150px;
text-align: right;
font-family: 'Cambria', serif;
font-size: 1.2em;
color: #fff;
"><p>Здравствуй, добрый путник! Что привело тебя сюда? Жажда приключений?
Мир людей и Варлов в опасности. Даже боги не могут его защитить и вынуждены в нем укрыться, то бы спасти себя.
Враг не дремлет. ЙОтуны приходят из далеких земель. Наступает Великанская Зима.
Выбери, на чьей ты стороне и попробуй выжить в таких суровых условиях!</p></div>
<div class="lili" style="
/* text-align: center; */
font-family: 'TriodPostnaja', serif;
font-size: 16px;
display: block;
width: 220px;
position: absolute;
top: 150px;
left: 50px;
-moz-transform: rotate(7deg); /* Для Firefox */
-ms-transform: rotate(7deg); /* Для IE */
-webkit-transform: rotate(7deg); /* Для Safari, Chrome, iOS */
-o-transform: rotate(7deg); /* Для Opera */
transform: rotate(7deg);
">
<ul>
<li><a href="#">Ссылка в тексте</a></li>
<li><a href="#">Ссылка в тексте</a></li>
<li><a href="#">Ссылка в тексте</a></li>
<li><a href="#">Ссылка в тексте</a></li>
<li><a href="#">Ссылка в тексте</a></li>
</ul>
</div>
<div style="
text-align: center;
font-family: 'Cambria', serif;
font-size: 1.4em;
width: 700px;
color: #fcefec;
position: absolute;
bottom: -10px;
right: 10px;
text-shadow: #fff 0 0 6px;
"><p>Когда все прочитано и ты в курсе всех событий, но остались некоторые вопросы - задавай их в этой теме. Если же, ты выбрал себе роль и ее необходимо придержать, то заявку можно оставить здесь. Однако помни, что у тебя есть всего 5 дней для написания анкеты.</p></div>
</div>
</div>[/html]
