[html]<link href='https://fonts.googleapis.com/css?family=Playfair+Display:900italic,900' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'><style type="text/css">
#brain { width: 100px; height: 400px; background-color: #94854e; background-attachment: fixed; background-position: 30% 100%; overflow: hidden; }
#smart { width: 400px; height: 400px; margin-left: -4px; position: relative; overflow: hidden; }
.alive { width: 400px; font-family: playfair display; font-size: 25px; font-weight: 900; position: relative; top: 100px; left: 0px; line-height: 10px; text-align: center; color: #2d2929; }
.alive i { color: #dcba72; }
#smart .tryin { width: 360px; height: 360px; background: #fff; padding: 30px; position: relative; left: -450px; top: -10px; transition-duration: 2s; -moz-transition-duration: 2s; -webkit-transition-duration: 2s;-o-transition-duration: 2s; }
#smart:hover .tryin { left: 0px; transition-duration: 2s; -moz-transition-duration: 2s; -webkit-transition-duration: 2s;-o-transition-duration: 2s; }
.mood { width: 340px; height: 340px; position: relative; top: 0px; left: 0px; }
.secretly { position: relative; top: 10px; left: 0px; width: 340px; padding: 10px 10x; }
.secretly-txt { text-align: center; font-family: playfair display; font-size: 12px; color: #292929; }
div.tooltip { outline: none; }
div.tooltip strong { line-height: 30px; }
div.tooltip:hover { text-decoration: none; }
div.tooltip span {
z-index:10; display:none; padding: 5px 10px;
margin-top: -5px; margin-left: -95px;
max-width: 350px; line-height: 16px; transition-duration: 2s; -moz-transition-duration: 2s; -webkit-transition-duration: 2s;-o-transition-duration: 2s;
}
div.tooltip:hover span {
display: inline; position: absolute; color: #2d2929; font-family: playfair display; font-size: 12px; text-transform: lowercase; text-align: center;
border: 1px solid rgba(235, 194, 83, 0.5); background: #fff; transition-duration: 2s; -moz-transition-duration: 2s; -webkit-transition-duration: 2s;-o-transition-duration: 2s; }
div.tooltip a { color: #2d2929; transition-duration: 2s; -moz-transition-duration: 2s; -webkit-transition-duration: 2s;-o-transition-duration: 2s; }
div.tooltip a:hover { color: #ebc253; transition-duration: 2s; -moz-transition-duration: 2s; -webkit-transition-duration: 2s;-o-transition-duration: 2s; }
div.tooltip span { box-shadow: 5px 5px 8px #CCC; }
.moodscroll::-webkit-scrollbar {width: 9px; background-color: #2d2929; border: 4px solid #fff; }
.moodscroll::-webkit-scrollbar-thumb { background-color: #2d2929; border: 2px solid #fff; }
.moodscroll::-webkit-scrollbar-track { width: 5px; background-color: #ebc253; border: 4px solid #fff; }
.moodscroll b { color: #ebc253; font-family: playfair display; font-size: 10px; }
.moodscroll i { color: #2d2929; font-family: playfair display; font-size: 10px; }
.kb { width: 350px; text-align: right; font-family: courier; font-size: 7px; margin-top: -3px; }
.kb a { color: #000; -moz-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; }
.kb a:hover { color: #ebc253; text-decoration: none; -moz-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; }
</style>
<center>
<table><td><div id="brain"></div></td>
<td><div id="smart" style="background-image: url(http://forumupload.ru/uploads/001a/de/87/4/748744.jpg);"><div class="alive"> ❝ the end of our <i>world</i> ❞ </div><div class="tryin">
<div class="mood">
<div style="width: 330px; height: 326px; text-align:center; font-family: tahoma; font-size:12px; color: #2d2929; line-height: 11px; padding: 0px 8px 0px 5px; overflow: auto;" class="moodscroll">
«Найди спасение в Новом Эдеме вместе с нами»
<br><br>
<p> <b>Место действия:</b> дорога от церкви к площади Виктории, по направлению к улице Короля Уильяма.
<br>
<br>На отпись игрокам дается 4 дня, вся нужная информация будет рассылаться гейм-мастером по ходу игры и даваться в технических постах. Первый пост от GM.
<p>***
<p><b>Участники:</b>
<p>Logan Crowe
<p>Evelyn Grays
<p>Ethan Cassidy
<p>Julian Mantello
</div>
</div></div></td></table>
</center>
[/html]
Отредактировано GM (2020-09-27 20:22:02)