[html]<style>/***********************************
Site Templates
************************************/
.raventitle {
width: 647px;
margin: -1px;
margin-left: 0px;
padding: 15px;
font: 40px 'century gothic';
text-transform: lowercase;
color: #fff;
background: #68000f;
border-bottom: 4px solid #202124;
}
.ravenctn {
margin: 0 19px;
max-width: 698px;
height: auto;
-webkit-box-shadow: rgb(0 0 0 / 20%) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgb(0 0 0 / 20%) 0px 1px 3px;
}
.ravencontent {
margin: 15px;
padding: 10px;
border: 2px #fff solid;
background: #fefefe;
font: normal normal 12px/100% 'Raleway', sans-serif;
text-align: justify;
color: #222;
margin-top: 10px;
}
.raventitle h1 {
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
border-bottom: 2px #414D59 solid;
}
.raventitle h3 {
font: normal normal 20px/100% 'Raleway', sans-serif;
text-align: right;
}
.mmtitle {
margin: -1px;
padding: 10px;
font: normal normal 30px/100% 'Raleway', sans-serif;
text-transform: lowercase;
color: #fff;
background: #414D59;
border-bottom: 5px solid #bfa135;
}
.mmctn {
background: #fcfcfc url('http://files.jcink.net/uploads/kris003/subtle_dots.png');
border: 1px solid #000;
margin: 0 auto;
margin-bottom: 10px;
max-width: 300px;
height: auto;
/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.td {
width: 80px;
height: 70px;
padding: 3px;
line-height: 5px;
text-align: center;
margin: 1px;
border: 1px solid #e4e4e4;
display: block;
float: left;
}
/***********************************
Application
************************************/
.apptitle {
padding: 20px 0px;
font: normal 700 30px/100% 'Raleway', sans-serif;
text-transform: lowercase;
text-align: center;
text-shadow: 1px 1px #909090;
border: 1px solid #ccc;
border-bottom: 0px;
color: #fff;
background: #203746;
width: 428px;
height: 50px;
margin: 10px auto;
top: 10px;
position: relative;
line-height: 50px;
}
.appctn {
margin: 10px;
width: 450px;
height: auto;
position: relative;
background: url('hhttp://files.jcink.net/uploads/kris003/subtle_dots.png');
/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.apptabs {
postition: relative;
display: block;
padding: 2px;
margin: 0px 10px 0px -1px;
font-size: 15px;
width: 459px;
height: 400px;
}
.apptab {
float: left;
text-transform: uppercase;
text-align: center;
font: normal normal 10px/100% 'Raleway', sans-serif;
color: #fff;
margin-right: 1px;
}
/* position your tab labels in here - also use margins to space your labels - you kind of have to eye until it's centered bc the math with tabs gets confusing */
.apptab label {
display: block; /* this lets you fix the label dimensions */
width: 105px;
height: 26px;
line-height: 30px;
margin: 0px 0px 0px;
background: #3D6A8E;
border: 1px solid #ccc;
position: relative;
left: 8px;
top: -2px;
z-index: 3;
border-top: 0px;
}
.apptab input[type=radio]:checked ~ label {
background: #95A6B0;
z-index: 2;
}
.apptab input[type=radio] {
display: none; /* DON'T EDIT */
}
/* if you want tab transitions they go here */
.appcontent {
position: absolute;
top: 129px;
bottom: 10px;
height: auto;
left: 10px;
width: 388px;
background: #fefefe;
text-align: justify;
font: 10px #222 tahoma;
text-transform: none;
border: 1px solid #ccc;
padding: 20px;
opacity: 0;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
overflow: auto;
}
/* if you want tab transitions they also go here */
.apptab input[type=radio]:checked ~ label ~ .appcontent {
z-index: 1; opacity: 1;
}
.apptext {
font: 10px tahoma;
color: #222;
}
.appcontent blockquote {
text-align: justify;
font: normal 700 10px/100% 'Raleway', sans-serif;
text-transform: uppercase;
color: #666;
margin: 10px;
padding: 10px;
background: #fcfcfc;
border: 1px solid #e4e4e4; }
/***********************************
Face Claim
************************************/
.site {
width: 82%;
}
.site1 {
width: 75%;
}
.site-title {
display: block;
padding: 5px 10px;
font: normal normal 20px/100% 'Century Gothic', sans-serif;
text-transform: lowercase;
text-align: center;
color: #fff;
background: #68000f;
cursor: pointer;
margin-bottom: 2px;
}
#site-title {
padding: 5px 10px;
font: normal normal 20px/100% 'Century Gothic', sans-serif;
text-transform: lowercase;
text-align: center;
color: #fff;
background: #68000f;
margin-bottom: 2px;
}
.site-content {
border: 1px solid #efefef;
text-align: justify;
display: block;
margin: 0;
padding: 10px;
margin-bottom: 3px;
}
/***********************************
Site-Specific Colors
************************************/
.apptab label #membergrouphere {
background: #3D6A8E;
}
.apptab input[type=radio]:checked ~ #membergrouphere {
background: #95A6B0;
z-index: 2;
}
#membergrouphere {background: #203746;}
membergrouphere { color: #203746; }
membergrouphere a:link, membergrouphere a:visited, membergrouphere a:active, membergrouphere a:hover{ color: #203746; }</style>
<div class="ravenctn">
<div class="raventitle">you arrived to Detroit</div>
<div class="ravencontent">
<p>Поезд почти прибыл на станцию. Вот-вот вы окажетесь на платформе, но всегда волнительно делать первый шаг на перрон. Вы можете задать проводникам волнующие вопросы, прочесть буклет о местных достопримечательностях, познакомится поближе с местными жителями. Взгляните в зеркало, быть может, прямо сейчас вы решите кем хотите стать в этом городе?
Убедительная просьба не флудить и не отвечать за администрацию. Мы ценим любое проявление инициативы, но позвольте нам помочь игрокам с возникающими вопросами.
<center>
<div class="site">
<div class="site-title">придержанные внешности</div>
<div class="site-content">
face claim here<br>
</div>
</div>
</div>
</center>
<center>
<div class="site1">
<div class="site-title">нужные</div>
<div class="site-content">
face claim for <b>alias</b> <a href="/">here</a><br>
face claim for <b>alias</b> <a href="/">here</a><br>
face claim for <b>alias</b> <a href="/">here</a><br>
</div>
</div>
</center>
<center>
</center>
<center>
<div id="site-title">чтобы придержать внешность</div>
[/html]
имя внешности по <b>дата (сегодня + 5 дней)</b> для <b>ваше имя</b><br>
[html]
<style>#site-title {
padding: 5px 10px;
font: normal normal 20px/100% 'Century Gothic', sans-serif;
text-transform: lowercase;
text-align: center;
width: 633px;
color: #fff;
background: #68000f;
margin-bottom: 2px;
}</style>
</center>
<center>
<div id="site-title">чтобы придержать нужного</div>
[/html]
имя персонажа для <b>ваш ник</b> <a href="ссылка на акцию"> дата (сегодня + 5 дней)</a><br>
[html]
</center>
</div>
</div>
[/html]