Вверх страницы
Вниз страницы

the apple of my eye

Объявление

» »Важно: количество демонов, охотников и стихийных магов на ролевой ограничено. В игру особо требуются оборотни и вампиры, которые могут пройти по упрощенной анкете.
С пожеланиями и предложениями ждем в гостевой форума.
WANTED:
Action №0 "I need you"WerewolvesFBIDemonsWizardsVampiresHunters
ХОЧУ БЫТЬ НУЖНЫМ
Добро пожаловать в Рэвинхэлл, город, где никогда не сбудутся ваши мечты. О спокойной жизни здесь можно забыть, ведь придя к своему другу в гости, вы можете обнаружить его оторванные конечности. Это мир, где у власти больше полувека стоят оборотни, защищающие свою территорию от вампиров, желающих вернуть свой город. Грядет революция, ведь весь подземный город набирает силы, вампиры нашли способ питаться, не убивая местных жителей. Все это представляло бы типичный сюжет о вампирах и оборотнях, если бы масла в огонь активно не подливали маги и демоны. Город настолько заполнился мистическими существами, что стало причиной рождения охотников - сверхлюдей, которые в данный момент, считаются вымирающей расой. Добро пожаловать в Рэвинхэлл, город, где никогда не сбудутся ваши мечты. О спокойной жизни здесь можно забыть, ведь придя к своему другу в гости, вы можете обнаружить его оторванные конечности. Это мир, где у власти больше полувека стоят оборотни, защищающие свою территорию от вампиров, желающих вернуть свой город. Грядет революция, ведь весь


Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » the apple of my eye » we're here and now, but will we ever be again? » Тестовое сообщение


Тестовое сообщение

Сообщений 1 страница 22 из 22

1

http://s8.uploads.ru/OFiTb.jpg

http://s8.uploads.ru/jwFRy.jpg

http://s8.uploads.ru/0lUOg.jpg

EVERYBODY HATES СHICAGO
http://s9.uploads.ru/MvKJb.gif
http://s9.uploads.ru/Fwk1h.gif
http://s9.uploads.ru/mH8pG.gif

0

2

Код:
    
 
    <div class='postcolor'> <center>
<div class="tbg">
<div class="tborder">
<div class="template">
<div class="temptitle">APPLICATION TEMPLATES</div>
<div class="tempdesc"></div><br />
<p>
We have two application templates available on Blood & Ashes. First is the <a href="http://bloodandashes.b1.jcink.com/index.php?showtopic=6333"> Open Application</a>, which is where you can write anything you'd like, so long as it meets our word count and gives us a good understanding of who your character is. Second is the <a href="http://bloodandashes.b1.jcink.com/index.php?showtopic=6332">Standard Application</a>, where you simply fill in different sections about your character. Be sure that your characters first and last name (unless related) aren't already taken, as well as your face claim.</p><p>
When posting your application, be sure to put "<b>LAST, FIRST</b>" as the title, and <b>"AGE IN NUMBERS  - GENDER - REAPABLE/NOT REAPABLE"  <i>exactly</i> as the topic description (dashes and all) </b> (district characters ages 12-18 who are not already victors are Reapable. Everyone else is Not Reapable).  Age in numbers means digits, not words.<b> I.E. 16 - FEMALE - REAPABLE</b></p><p>You can post your application in the <a href="http://bloodandashes.b1.jcink.com/index.php?showforum=32">Incomplete</a> forum if you want to continually work on your application, or, if you've already written everything up, you can post it to the <a href="http://bloodandashes.b1.jcink.com/index.php?showforum=33">Complete</a> forum. If you post in the Incomplete forum, remember to reply to your application when you've finished it in order to let a staff member know. DO <I>NOT</I> put 'WIP' or 'FINISHED' or anything of the like in your application title. It is not necessary, only annoying. We'll know your application is finished if you post it in the 'Complete' forum, and we'll know it is not complete if you put it in the 'Incomplete' forum. We'll know that your application posted in the 'Incomplete' forum is complete when you REPLY to your application saying so.</p><p>
Please remember that before you can make additional characters, all of your current characters must have at least 7, 300+ word , in-character posts.</p><p>
Any questions can be asked to a staff member via PM, in the cbox, or in the Questions forum. DO NOT ask a staff member to review your app or remind them that you posted. Don't. Do. It. </p>

<div class="tempsubtitle">CHARACTER PROMOTIONS</div><br />
<p>
If you create a character in Districts 3, 5, 6, 7, 9, 10, 11, or a Peacekeeper who is stationed in one of those Districts, you will receive $100 instead of the usual $20 for starting out. Additionally, each month, one of those Districts will be highlighted (with an event and pinned wanted ads), and you can earn $200!<br />
This month, District 11! See the full highlight <a href="http://bloodandashes.b1.jcink.com/index.php?showtopic=5232">here</a>!</p><p>
We highly encourage you to create a character in one of the aforementioned Districts for every character you have in one of the more populated Districts.</p>


</div></div></div>
</center>  </div>
<br /><br />--------------------<br />
<div class='signature'><div align="center"><br /><center> <div style="width: 190px; height: 45px; background-image: url(http://25.media.tumblr.com/5fb6660512e0f07e60ce43c7797e94e3/tumblr_mmev4d4D4d1qc76t1o1_1280.jpg); background-position: 300px 450px; padding: 5px; "> <div class="sigc" style="width: 190px; height: 45px; overflow: hidden;"> <div class="sigt">CODING</div> <div class="sigd"> <table cellpadding="0" cellspacing="0"><td width="95px"><center> <a href="http://bloodandashes.b1.jcink.com/index.php?showtopic=3492">≫B&A Shop</a><br /> <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showtopic=193312">≫Caution</a></center> </td><td width="95px"><center> <a href="http://shine.b1.jcink.com/index.php?showtopic=8794">≫Shine</a><br /> <a href="http://creatingchaos.b1.jcink.com/index.php?showtopic=965&hl=">≫Creating Chaos</a></center></td></table> </div> </div> </div> </center> <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200' rel='stylesheet' type='text/css'><style type="text/css">.sigt {background-color: #000; width: 190px; height: 45px; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 200; font-size: 30px; color: #fff; text-align: center; line-height: 45px; background-image: url(http://i44.tinypic.com/dcsqvp.png); background-color: transparent; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out;} .sigc:hover .sigt{height: 5px; background-color: #000; line-height: 0px; color: transparent;} .sigd {width: 190px; height: 35px; padding: 5px; background-image: url(http://i40.tinypic.com/30djmvq.png); overflow: auto; font-family: georiga; font-size: 10px; line-height: 10px; color: #000; text-align: justify;} .sigd a {color: #F91822; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out;} .sigd a:hover {color: #8a8a8a} </style><br /><div style="margin-top: -30px;"><br /><img src='http://i1236.photobucket.com/albums/ff444/shawnarew/Blood%20and%20Ashes/LSS_zps1452c206.png' border='0' alt='user posted image' /><img src='http://i42.tinypic.com/20hjxoy.gif' border='0' alt='user posted image' /><br /><img src='http://img3.imageshack.us/img3/3930/bawna.png' border='0' alt='user posted image' /><img src='http://i41.tinypic.com/yh5j7.png' border='0' alt='user posted image' /><br /><img src='http://i1236.photobucket.com/albums/ff444/shawnarew/Blood%20and%20Ashes/25TH%20FALL%20GAMES/rowanfanbutton.jpg' border='0' alt='user posted image' /><img src='http://i1236.photobucket.com/albums/ff444/shawnarew/Blood%20and%20Ashes/26TH%20SPRING%20GAMES/Fielder_zps547026c9.png' border='0' alt='user posted image' /><br /><img src='http://oi41.tinypic.com/2gtx2u0.jpg' border='0' alt='user posted image' /></div></div></div>

0

3

Код:
<center><link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'><div style="width:500px; height: 600px; padding: 20px; background-image: url('http://i.imgur.com/chGUIFU.png'); border: 3px solid #8B668B;"><div style="width:440px; height: 540px; margin-top: 8px; background-color: #fff; border: 1px dotted #8B668B;"><p><br><div class="jobheader">the jobs</div>

<div class="jobbyline">SNAZZY BYLINE HERE BRO</div>

<table border="0" cellpadding="1" cellspacing="0" width="500">
<tr><td align="left" valign="top" width="300"><div class="jobcontent">

<div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>

<p><div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>

<p><div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>

<p><div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>

<p><div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>

<p><div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>

<p><div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>


</div></td><td align="left" valign="top" width="200"><div class="jobcontent">

<div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>

<p><div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>

<p><div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>

<p><div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>

<p><div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>

<p><div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>

<p><div class="jobblock">JOB TITLE/PLACE</div>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>
<b>job name</b> - name<br>

</div></td></tr></table></div></div><a href="http://shine.b1.jcink.com/index.php?showuser=3048"><div style="width: 500px; color: #000; font-size: 6px; text-align: right;">❀</div></a></center><style>.jobbyline {width: 400px; height: 12px; margin-top: -18px; font-family: verdana; letter-spacing: 4px; font-size: 7px; color: #000; text-align: center; text-transform: uppercase; border-bottom: 1px dotted #000;}
.jobheader {width: 420px; height: 40px; font-family: 'Permanent Marker', cursive; letter-spacing: 2px; font-size: 35px; color: #8B668B; text-align: center; text-transform: uppercase;}
.jobblock {width: 180px; height: 8px; padding: 10px; font-family: verdana; text-align: center; font-size: 7px; color: #fff; margin-top: 2px; background-color: #8B668B; overflow: hidden;}
.jobcontent {width: 200px; height: 345px; margin-top: 2px; overflow: auto; font-family: verdana; font-size: 8px; line-height: 110%; text-align: justify;}
</style>

http://shine.b1.jcink.com/index.php?sho … mp;p=82199
лажа

0

4

правда эта штука должна прокручиваться, точнее сам текст, а не вылезать за края, но надо разобраться

Код:
<style type="text/css">.tabss {
position: relative;  
width: 400px;
height:  400px;
border: 20px solid #423189;
padding: 10px;
background-image: url(http://s8.uploads.ru/6qW2s.jpg);
}

.tabb {float: left;}

.tabb label {display: block;
width: 70px; text-align: center;
font-family: oswald; 
color: #fff; margin-right: 5px;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
background: #423189;
padding: 5px;
border: 0px solid #000000;
position: relative;
top: 20px;
left: 70px;}

.tabb [type=radio] {
display: none;  
}

.contentt {
position: absolute;
top: 55px;
left: 45px;
width: 280px; 
height: 280px;
background: white;
padding: 20px;
border: 5px solid #423189;}

[type=radio]:checked ~ label {color: #000000; background-color: white; border-bottom: 0px solid white; z-index: 2;}

[type=radio]:checked ~ label ~ .contentt {z-index: 1;}</style>


<center><div class="tabs">

<div class="tabss">

<div class="tabb">
<input type="radio" id="tabb-1" name="tabb-group-1" checked>
<label for="tabb-1">Tab One</label>
<div class="contentt">

Looking out on the morning rain<br>
I used to feel uninspired<br>
And when I knew I had to face another day<br>
Lord, it made me feel so tired<br>
Before the day I met you, life was so unkind<br>
But your love was the key to peace my mind<br>
<br><br>
Cause you make me feel, you make me feel, you make me feel like<br>
A natural woman<br>
<br><br>
When my soul was in the lost-and-found<br>
You came along to claim it<br>
I didn't know just what was wrong with me<br>
Till your kiss helped me name it<br>
Now I'm no longer doubtful of what I'm living for<br>
Cause if I make you happy I don't need no more<br>
<br>
Cause you make me feel, you make me feel, you make me feel like<br>
A natural woman<br>
<br>
Oh, baby, what you've done to me<br>
You make me feel so good inside<br>
And I just want to be close to you<br>
You make me fell so alive<br>
Cause you make me feel, you make me feel, you make me feel like<br>
A natural woman<br>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-2" name="tabb-group-1">
<label for="tabb-2">Tab Two</label>
<div class="contentt">

tab 2 content

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-3" name="tabb-group-1">
<label for="tabb-3">Tab Three</label>
<div class="contentt">

tab 3 content

</div>
</div>

</div></center>

http://shine.b1.jcink.com/index.php?showtopic=7708

0

5

Код:
<link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'><style type="text/css">

#aveygallery { width: 500px; height: 350px; background: url(http://pile.randimg.net/0/77/19364/gallery.png); overflow: hidden; position: relative; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); clear: both; margin: 25px 0px; }

/* opening */

.openingtab { }
.openingtab label { width: 500px; height: 60px; position: absolute; top: 0px; left: 0px; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }
.aveytab { width: 500px; height: 60px; background: white; box-shadow: 0px 0px 5px rgba(0,0,0,0.45);}
.aveytab h1 { width: 500px; margin: 0px; font: 400 15px/15px oranienbaum; text-transform: uppercase; letter-spacing: 0px; position: absolute; top: 15px; left: 0px; color: black; }
.aveytab h2 { width: 500px; margin: 0px; font: 400 italic 10px/10px oranienbaum; text-transform: lowercase; letter-spacing: 7px; position: absolute; top: 35px; left: 3px; color: black; }
.aveytab h1:before { content: ""; position: absolute; width: 145px; height: 1px; background: black; top: 17px; left: 15px; }
.aveytab h1:after { content: ""; position: absolute; width: 145px; height: 1px; background: black; top: 17px; right: 15px; }
.openingtab [type=checkbox] { display: none; }
.aveytabcontent { width: 500px; height: 290px; position: absolute; top: -290px; left: 0px; right: 0px; bottom: 0px; }
.aveytabcontent { background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ 
-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }
.openingtab input[type=checkbox]:checked ~ label[for=hellooo] { top: 290px; }
.openingtab input[type=checkbox]:checked ~ label[for=hellooo] ~ .aveytabcontent { top: 0px; z-index: 2; }

.openingtab input[type=checkbox]:checked ~ label[for=hellooo] ~ .aveytabcontent .atcinner { top: 35px; z-index: 2; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }

/* the real thing */

.atcinner { position: absolute; width: 430px; height: 235px; top: 35px; left: 35px; background: rgba(255,255,255,0.8); box-shadow: 0px 0px 5px rgba(0,0,0,0.1); overflow: hidden; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; transition: 1s all ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }

.atctab { float: left; }

.atctab label[for=atci], .atctab label[for=atcii], .atctab label[for=atciii], .atctab label[for=atciv] { position: relative; width: 107px; height: 35px; display: inline-block; background: rgba(255,255,255,0.6); font: 400 9px/35px oranienbaum; text-transform: uppercase; text-align: center; color: black; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; box-shadow: 0px 0px 5px rgba(255,255,255,0.3); text-shadow: 10px 0px 0px rgba(0,0,0,0), -10px 0px 0px rgba(0,0,0,0); }
.atctab [type=radio] { display: none; }

.inneratc { position: absolute; width: 430px; height: 200px; top: 35px; left: 0px; right: 0px; bottom: 0px; opacity: 0; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }

.atctab [type=radio]:checked ~ label[for=atci],  .atctab [type=radio]:checked ~ label[for=atcii], .atctab [type=radio]:checked ~ label[for=atciii], .atctab [type=radio]:checked ~ label[for=atciv] { z-index: 2; text-shadow: 0px 0px 0px rgba(0,0,0,0.8), 0px 0px 0px rgba(0,0,0,0.8); }

.atctab [type=radio]:checked ~ label[for=atci] ~ .inneratc,  .atctab [type=radio]:checked ~ label[for=atcii] ~ .inneratc, .atctab [type=radio]:checked ~ label[for=atciii] ~ .inneratc, .atctab [type=radio]:checked ~ label[for=atciv] ~ .inneratc { z-index: 1; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }

/* content */
/* i */
.atcabout { width: 197px; height: 176px; overflow: hidden;  position: absolute; top: 12px; left: 12px; font: 11px/12px calibri; text-align: justify; text-indent: 20px; }
.atcabout p {  margin: 0px; }
.atcabout p:first-child span { font: 9px/15px oranienbaum; text-transform: uppercase; background: black; color: white; padding: 2px 3px 2px 5px; letter-spacing: 2px; }
.atcabout p:first-child { letter-spacing: 1px; }
.atcabout p:after { content: ""; width: 100%; display: inline-block; }
.atcupdates { width: 197px; height: 176px; overflow: auto; position: absolute; top: 12px; right: 12px; font: 11px/12px calibri; text-align: justify; }
.atcupdates p { margin: 0px 0px 5px 0px; }
.atcupdates p b { font: 9px/15px oranienbaum; text-transform: uppercase; background: black; color: white; padding: 2px 3px 2px 5px; letter-spacing: 2px; margin-right: 5px; }

/* rest */
.atcthreads, .atcshipping, .atcsite, .atctech, .atcsig, .atcmisc, .atcskin, .atctut, .atccredits { width: 405px; height: 46px; margin: 10px; padding-right: 5px; overflow: auto;  }
.atctut { height: 20px!important; }
.atccredits { height: 72px!important; }
.inneratc hr { border: 0px; width: 300px; height: 1px; background: black; }

.atcthreads a, .atcshipping a, .atcsite a, .atctech a, .atcsig a, .atcmisc a, .atcskin a, .atctut a, .atccredits a { display: inline-block; color: white!important; font: 10px/10px oranienbaum!important; text-transform: uppercase; padding: 4px; margin-bottom: 2px; -webkit-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; }
.atcthreads a { background: #5cb4c4; }
.atcshipping a { background: #1f899c; }
.atcsite a { background: #055e6e; }
.atctech a { background: #b570ae;}
.atcsig a { background: #972b8c; }
.atcmisc a { background: #6e0563; }
.atcskin a.light { background: #8bc7b2; }
.atcskin a.inbet { background: #3a9576; }
.atcskin a.dark { background: #187c5a; }
.atctut a { background: #c78b91; }

.atccredits { font: 11px/12px calibri; text-align: justify; overflow: auto; }

/* a shit ton of scrollbars */
.atcthreads::-webkit-scrollbar, .atcshipping::-webkit-scrollbar, .atcsite::-webkit-scrollbar, .atctech::-webkit-scrollbar, .atcsig::-webkit-scrollbar, .atcmisc::-webkit-scrollbar, .atcskin::-webkit-scrollbar, .atctut::-webkit-scrollbar, .atccredits::-webkit-scrollbar { width: 5px; background: rgba(255,255,255,0); }

.atcthreads::-webkit-scrollbar-track, .atcshipping::-webkit-scrollbar-track, .atcsite::-webkit-scrollbar-track, .atctech::-webkit-scrollbar-track, .atcsig::-webkit-scrollbar-track, .atcmisc::-webkit-scrollbar-track, .atcskin::-webkit-scrollbar-track, .atctut::-webkit-scrollbar-track, .atccredits::-webkit-scrollbar-track { background: rgba(255,255,255,0); }

.atcthreads::-webkit-scrollbar-thumb, .atcshipping::-webkit-scrollbar-thumb, .atcsite::-webkit-scrollbar-thumb, .atctech::-webkit-scrollbar-thumb, .atcsig::-webkit-scrollbar-thumb, .atcmisc::-webkit-scrollbar-thumb, .atcskin::-webkit-scrollbar-thumb, .atctut::-webkit-scrollbar-thumb, .atccredits::-webkit-scrollbar-thumb { background: black; }

</style>
<center><div id="aveygallery"><div class="openingtab"><input type="checkbox" id="hellooo" name="opening"><label for="hellooo"><div class="aveytab">

<h1>and the hardest part</h1>
<h2>was letting go</h2>

</div></label><div class="aveytabcontent">

<div class="atcinner">
<div class="atctab"><input type="radio" id="atci" name="atc" checked><label for="atci">i.</label><div class="inneratc"><div class="atcabout">

<p><span>avey.</span> filipino / chinese / canadian. rping for a few years. coding since march of twenty twelve. harry potter > everything. likes doctor who, sherlock, snk, asoiaf. theon greyjoy (◕‿◕✿) theon (◡︿◡✿)  <i>theon</i>  (◠‿◠✿)  i also like armin arlert.</p>

<p>thanks for checking out my gallery! comments and constructive criticism are welcome. if you have any questions about my codes feel free to pm me! (◠△◠✿)</p>

</div><div class="atcupdates">

<p><b>december 25</b> merry christmas! gallery revamp!</p>

</div></div></div>
  
<div class="atctab"><input type="radio" id="atcii" name="atc"><label for="atcii">ii.</label><div class="inneratc"><div class="atcthreads">

 <a href="http://shine.b1.jcink.com/index.php?showtopic=5002" title="no scroll, minimal">primadonna</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7660" title="greys, shibicomo">carry my heart</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7761" title="minimal, monochrome, shibicomo">a question of space</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=11891" title="circle, hover, white">birds came flying</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=11889" title="hover, no scroll">stuck in square one</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=12219" title="hover, autumn">like autumn leaves</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=12270" title="b&w, shapes">the last goodbye</a>

</div><hr><div class="atcshipping">

<a href="http://shine.b1.jcink.com/index.php?showtopic=7434" title="b&w, sliding hover, shibicomo">from the wild winds around you</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7666" title="b&w, hover, shibicomo">nobody else</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7657" title="tabs, shibicomo">after the storm</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7757" title="b&w, blur hover, shibicomo">bad blood</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7759" title="greys, minimal, shibicomo">howling ghosts</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7774" title="simple, hover">everybody talks</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=12218" title="tabs, two versions">here comes the hurricane</a>

</div><hr><div class="atcsite">

<a href="http://shine.b1.jcink.com/index.php?showtopic=4811" title="mini profile, simple">radioactive</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=5114" title="mini profile, hover, animation">i'm your lionheart</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7237" title="application, columns, pink, shibicomo">i'm not moving</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7667" title="general, b&w, simple, shibicomo">hearts afire</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7756" title="application, tabs, shibicomo">never alone</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7762" title="application, b&w, horizontal scroll, shibicomo">still breathing</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=12907" title="mini profile, hover">locking up the sun</a>
</div></div></div>
  
<div class="atctab"><input type="radio" id="atciii" name="atc"><label for="atciii">iii.</label><div class="inneratc"><div class="atctech">

<a href="http://shine.b1.jcink.com/index.php?showtopic=998" title="cellphone, gradients">hard to concentrate</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=3316" title="im, simple, speech bubble">smooth criminal</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7233" title="cellphone, hover">fire away</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7764" title="im, simple, shibicomo">graceless heart</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=10986" title="im, pinks">reeling through an endless fall</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=12215" title="im, box shadows">in the long run</a>

</div><hr><div class="atcsig">

<a href="http://shine.b1.jcink.com/index.php?showtopic=1911" title="tables">give me love</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=3810" title="tables">such a shame for us to part</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=3958" title="one image, purple">it's time to begin</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=3959" title="two versions, tables">won't go home without you</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=4927" title="purple shades, two images">swallowed in the sea</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=5129" title="ribbons">burning red</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7236" title="rotated text, golds, shibicomo">cold girl fever</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7431" title="blues, triangle, shibicomo">the man who can't be moved</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7765" title="simple, neutral colours">i won't give up on us</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7769" title="emphasis on typography">most nights i don't know</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=11890" title="greys, triangles">guessing at numbers</a>

</div><hr><div class="atcmisc">

<a href="http://shine.b1.jcink.com/index.php?showtopic=2965" title="game, simple">it's dark in a cold december</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7235" title="tracker, greys, tabs">easy way out</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=12216" title="tracker, minimal, hover">keep on the road</a>

</div></div></div>

<div class="atctab"><input type="radio" id="atciv" name="atc"><label for="atciv">iv.</label><div class="inneratc"><div class="atcskin">

<a href="http://shine.b1.jcink.com/index.php?showtopic=5040" title="invisionfree, static sidebar" class="inbet">a man called the doctor</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7583" title="jcink, fixed and tabbed sidebar" class="inbet">winter's heir</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=7584" title="jcink, toggle cbox" class="light">waking up</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=11270" title="jcink, b&w, toggle cbox, tabbed header" class="inbet">standing in the dark</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=12959" title="jcink, b&w, carousel in sidebar, javascript" class="dark">only hate the road</a>
</div><hr><div class="atctut">

<a href="http://shine.b1.jcink.com/index.php?showtopic=13432">transform</a>

</div><hr><div class="atccredits">

i'd like to thank <i>everyone</i> in the rp world for inspiring me to keep coding! also to all coders for being my inspiration, and to all the help i've received over the last year. thanks to css-tricks for providing the original tabs code, google for the fonts, and site inspire for giving me ideas in my darkest hours (◕‿◕✿) background images in this gallery are screencaps from various movies and shows, and colouring used is a mix of various psds. all codes linked in this gallery are mine with the help of other sources, which would be linked in the individual code credits! please don't steal, thank you! stealing's not nice (◡﹏◡✿)

</div></div></div>

</div>

</div></div></div></center>

0

6

Код:
<style type="text/css">.cy { font-family: georgia; font-size: 20px; font-style: italic; line-height: 100%; text-transform: uppercase; text-align: center; letter-spacing: 1px; color: #d0d0d0; width: 360px; position: relative; }
.cy:before { content: ""; position: absolute; width: 50px; height: 1px; background: #d0d0d0; margin-top: 8px; margin-left: -55px; }
.cy:after { content: ""; position: absolute; width: 50px; height: 1px; background: #d0d0d0; margin-top: 8px; margin-left: 5px; }</style><center><div class="cy">'cause when i fell</div><div style="font-family: georgia; font-size: 8px; line-height: 100%; text-transform: uppercase; text-align: center; letter-spacing: 3px; color: #d0d0d0; padding-top: 4px;">you pulled me through</div><table cellpadding="0" cellspacing="0" style="margin-top: 5px; margin-bottom: 5px;"><td style="width: 100px; height: 150px; overflow: hidden;"><img src="http://placehold.it/100x150" /></td><td width="5px"></td><td style="width: 150px; height: 150px; overflow: hidden;"><img src="http://placehold.it/150x150" /></td><td width="5px"></td><td style="width: 100px; height: 150px; overflow: hidden;"><img src="http://placehold.it/100x150" /></td></table><div style="font-family: georgia; font-size: 8px; line-height: 100%; text-transform: uppercase; text-align: center; letter-spacing: 3px; color: #d0d0d0; padding-top: 2px; padding-bottom: 2px;">so you know that</div><div class="cy">i'll carry you</div></center>

+1

7

Код:
<style>.overflowed::-webkit-scrollbar { background: #fff; width: 3px; } .overflowed::-webkit-scrollbar-track { background: #fff; } .overflowed::-webkit-scrollbar-thumb { background: #0081ab; } .overflowed h1 { font: bold 20px georgia; line-height: 50%; color: #cc0014;  display: block; } .overflowed h2 {  font: italic bold 20px georgia; line-height: 70%; color: #cc0014;  display: block; } .overflowed h2:before { content: '“'; }</style><center><div style="width: 520px; background: #f8f8f8; border-top: 3px solid #0081ab; border-bottom: 3px solid #0081ab; padding: 5px;">

<table><td valign="top"><img src="http://placehold.it/100x100"><br><br><div style="text-align: justify; font: 9px georgia; line-height: 95%; height: 90px; overflow: auto; width: 50px;">this is where you write about yourself, the roleplayer.</div></td><td>
<div class="overflowed" style="width: 400px; padding: 0px 3px 0px 0px; height: 600px; overflow: auto; text-align: left; font: 10px georgia; line-height: 90%;">

<img src="http://placehold.it/300x300" width="300px">
<br><br>
this is a caption

<div align="left"><i>posted yesterday at 11:30 am</i></div>

<br><br><br>
<h1>this is an optional title</h1>
write a text post. rant about your brother, your sister, your mother. whatever. write a text post. rant about your brother, your sister, your mother. whatever. write a text post. rant about your brother, your sister, your mother. whatever. write a text post. rant about your brother, your sister, your mother. whatever. write a text post. rant about your brother, your sister, your mother. whatever. 
<div align="right"><i>posted yesterday at 11:47 am</i></div><br><br><br>

<div style="height: 300px;">
<div style="float: left; background: url(http://placehold.it/150x150); width: 149px; height: 149px; margin: 0px 1px 1px 0px;"></div>
<div style="float: left; background: url(http://placehold.it/150x150); width: 149px; height: 149px; margin: 0px 0px 1px 1px;"></div>
<div style="float: left; background: url(http://placehold.it/150x150); width: 149px; height: 149px; margin: 1px 1px 0px 0px;"></div>
<div style="float: left; background: url(http://placehold.it/150x150); width: 149px; height: 149px; margin: 1px 0px 0px 1px;"></div>
</div><br>
this is a caption

<div align="right"><i>posted yesterday at 11:55 am</i></div><br><br><br>

<div style="height: 90px;">
<div style="float: left; background: url(http://placehold.it/90x90) center; width: 78px; height: 78px; margin: 0px 1px 1px 0px;"></div><div style="float: left; line-height: 120%;"><b>track:</b> song name<br><b>artist:</b> artist<br><b>album:</b> album <br><b>plays:</b> 2,734 plays<br><br>

music player here
</div></div><div align="right"><i>posted yesterday at 12:03 pm</i></div><br><br><br>


<h2>it does not matter how fast you go, so long as you do not stop.</h2>
<i>-- the wisdom of confucious</i>
<div align="right"><i>posted yesterday at 12:11 pm</i></div>
<br><br><br>

<b><i>Anonymous whispered:</i></b> one, fifteen, twenty four, eighteen, and thirty.<hr>
o1. what's your name?<br>
15. what song would you have sex to and with whom?<br>
18. If you could meet anyone on this earth, who would it be?<br>
24. favourite things to do on a rainy afternoon<br>
30. define art.
</div></td></table>

</div><div align="right" style="width: 400px;"><a href="http://shine.b1.jcink.com/index.php?showuser=2317" style="font: 8px helvetica; text-transform: uppercase; letter-spacing: 1px;">&copy; lucky charms</a></div></center>

0

8

Код:
<tr><td><center><div style="width: 450px; height: 455px; padding: 15px; background: #baaa81; border-right: 20px solid #22180e;">
<link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'><div style="width: 2px; height: 20px; border-left: 281px solid #22180e; border-right: 168px solid #d3c6a4;"></div><div style="width: 450px; height: 100px; margin-top: 2px; margin-bottom: 2px; background: url(http://s8.uploads.ru/1b9gL.jpg);"></div><div style="width: 450px; text-align: right; line-height: 100%; font-family: georgia; font-size: 25px; font-weight: bold; letter-spacing: -4px; margin-top: -8px; text-align: left; text-transform: lowercase; color: #22180e;">everybody hates waiting</div><div style="width: 400px; font: italic 9px/9px times; text-align: right; text-transform: lowercase; color: black; letter-spacing: 8px;">“standing on a street corner waiting for no one is power”</div>
<br><br>
<div style="width: 450px; height: 428px; font-family: arial; font-size: 11px; text-align: justify; line-height: 100%; margin-top: -11px; color: #000; overflow: auto;" class="taylor">— <b>Е</b>динственная акция нашего проекта посвящена требуемым в игру персонажам. Любой игрок, пришедший на наш проект, может оставить здесь заявку на поиск партнера для своего сюжета. <br>
— <b>А</b>дминистрация не несет ответственности за использованные в заявках материалы, будь то графика или интеллектуальная собственность в виде описания/идеи. Если вы заметили плагиат, свяжитесь с одним из администраторов, чтобы мирно уладить этот вопрос. <br>
— <b>У</b>частникам проекта настоятельно советуем руководствоваться лишь своей фантазией, а также не забывать о грамотности при написании заявки. Постарайтесь как можно понятнее рассказать, что конкретно вы хотите видеть, по возможности не злоупотребляя смайлами в описании. 
<br><br><center>*****</center><br>
— на нужных персонажей не действует упрощенный прием.<br>
— персонажи данной акции придерживаются на три дня администрацией. Игрок, оставивший заявку, может самовольно снять бронь, если его не устраивает уровень потенциального партнера. <br>
— придержание внешностей для персонажей акции осуществляется на платной основе. Расценки вы можете посмотреть здесь.<br>
— администрация не может уследить за всеми, так что не забывайте и сами проверять статус вашей заявки.  <br>
— при придержании вашей заявки, администрация оповестит вас об этом по ЛС (по необходимости). Дальнейшая судьба вашего "нужника" зависит от вас. <br>
— если с потенциальным партнером не срослось, не поленитесь снять бронь, чтобы не вводить гостей и администрацию в заблуждение.<br>

</div></td><td></center>

цитатня

0

9

Код:
<center><div style="width: 750px; height: 500px;">

<table><tr><td><div style="width: 600px; height: 470px; padding: 15px; background: #baaa81;"><div style="width: 340px; text-align: justify; line-height: 100%; font-family: arial; font-size: 6px; text-transform: uppercase; color: #000;">Из учебников по истории следует, что Чикаго появился на карте всего-то в 1833 году и его название в вольной французской — черт возьми, лягушатники всюду приложили свою руку, — интерпретации с языка местных индейцев означает то ли дикий лук, то ли чеснок. И, давайте признаем честно, это весьма символично. По крайней мере, этим можно объяснить, почему этот город способен любого довести до слез.</div>
<div style="width: 278px; text-align: right; line-height: 100%; font-family: georgia; font-size: 25px; font-weight: bold; letter-spacing: -4px; margin-top: -8px; text-transform: lowercase; color: #22180e;">everybody hates chicago</div><br>

<div style="width: 340px; height: 428px; font-family: arial; font-size: 10px; text-align: justify; line-height: 90%; margin-top: -11px; color: #000; overflow: auto;" class="taylor"><div style="width: 110px; height: 101px; padding: 10px; background: #22180e; margin-bottom: 5px; margin-left: 9px; float: right; z-index: 99;"><img src="http://s9.uploads.ru/2f5Vy.gif" width="110px"></div>Чикаго — большая свалка никому не нужных людей, мыслей и целей. Хаос мечущихся стремлений и мечт создает иллюзию полноценной жизни, от которой хочется удавиться уже в четверг, но приходится терпеть до воскресенья, когда становится просто лень. Да и церковь вроде как не приветствует никаких серьезных дел в этот день.
Чикаго есть один большой загон, из которых состоит наш свободный мир. Даже если ты переедешь — ты окажешься в другом таком же, может поменьше, а может побольше. Толпы одиноких людей на улицах, которые ненавидят друг друга за свое одиночество. Они могли бы дружить, любить, но здесь проще пройти мимо, мысленно сравняв похожих на себя с землей, чтобы хоть немного возвысится в своих же глазах. 
Все люди равны, но это слишком унизительно — быть равным. Время индивидуальности, граничащей с психическими расстройствами родом из детства, как определяют все эти психологи, коих приходится по два на человека. Люди борются за права геев, исторические здания, озеленение города, когда где-то до сих пор ведутся войны, люди умирают от голода, болезней и насилия. Смотря на это со стороны, создается впечатление, что перед глазами разворачивается какой-то дурной фильм из разряда, что отправляют на конкурсы авторского кино - все жанры сплетаются в какой-то причудливой порнографии, которая жестко имеет мозг каждого, кто осмелится задуматься над смыслом.
Уж насколько бы ни были бессмысленны размышления о смысле жизни, но здесь, в Чикаго, где люди сходят с ума сами от себя, они становятся и вовсе абсурдными. Деньги, семья, любовь? Мне бы хватило и пары здоровых легких, но, кажется, Вселенную не слишком заботят желания людей, а их чужие желания заботят и того меньше.<div style="width: 110px; height: 101px; padding: 10px; background: #22180e; margin-bottom: 5px; margin-right: 9px; margin-top: 5px; float: left; z-index: 99;"><img src="http://s8.uploads.ru/ZEWX8.gif" width="110px"></div>Меня зовут Джесси Дойл, около года назад мне поставили диагноз — рак легких. С тех пор единственное, что мне остается — это наблюдать за тем, как живут остальные, оставаясь безмолвным зрителем чужих надуманных драм. Чикаго стал пристанищем для псевдо-несчастных натур, кончающими жизнь самоубийством от скуки или на спор (конечно, до последнего никто не задумывается, что выпить тридцать две стопки абсента — чистое самоубийство). 
Пока одни убиваются наркотиками и философствуют о том, как спасти этот мир, другие ведут здоровый образ жизни и губят окружающую среду ради денег. Всегда чего-то не хватает, что порой доводит просто до исступления. Иногда люди кажутся мне бьющимися друг о друга рогами баранами, которые чего-то добиваются, но вряд ли сами понимают до конца — чего. И это их бесит, выматывает и в конце концов убивает, если до этого их не успевает свести в могилу что-нибудь еще типа СПИДа, рака или аллергии на лактозу. 
Попав в водоворот событий Чикаго, люди закручивают его еще круче, чтобы было меньше времени думать. О чем? Да вообще обо всем, что не касается ренты за квартиру или предстоящих экзаменов. Это довольно умно, как по мне, ведь чем меньше человек думает, тем больше он счастлив. В моей жизни осталось слишком много свободного времени для того, чтобы я могла хоть чему-то радоваться. Однако многие в этом преуспели.
Чикаго буквально кипит от протестов, но все они опять не более, чем способ занять свое время. Протесты в одежде, сексуальной ориентации, творчестве, поведении - во всем в чем только можно и, казалось когда-то, нельзя. Каждый второй - творческий, каждый первый - личность. И кто будет разбираться, в чем это проявляется?<br>
Чикаго - один из желаннейших городов Америки, но я знаю, что на самом деле <b>все ненавидят Чикаго</b>. </div>

<div style="width: 350px; margin-top: 5px;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="248" height="10">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="#CDCDCD" />
    <param name="FlashVars" value="mp3=http://a.tumblr.com/tumblr_lbg3juUwGv1qcu59co1.mp3" />
</object></div>

</div></td><td><div style="width: 115px; height: 500px; background: url(http://s9.uploads.ru/dSKgJ.jpg); border-left: 20px solid #22180e;"></div></td></tr></table>


</div></center><style>.taylor::-webkit-scrollbar { width: 2px; }
.taylor::-webkit-scrollbar-track { background: none; }
.taylor::-webkit-scrollbar-thumb { background: none; }</style>

0

10

http://shine.b1.jcink.com/index.php?sho … amp;st=135
http://shine.b1.jcink.com/index.php?sho … amp;st=120
http://shine.b1.jcink.com/index.php?sho … mp;p=81588

0

11

Код:
<link href='http://fonts.googleapis.com/css?family=Sancreek' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'><center>

<style/type="text/css">
.bodypara{ padding:15px; text-align:justify; color:#000000; font-family:times new roman; font-size:10px; padding-top:-10px; }
.bodypara p:first-letter { font-size:30px; font-family:sancreek; color:#FF7200; text-shadow:2px 0px #000000; padding-right:5px; padding-bottom:3px; float:left; padding-top:10px;}
</style>

<div style="width:400px; border:15px solid #000000; background-color:#ffffff;"><div style="font-size:30px; font-family:sancreek; letter-spacing:-2px; color:#FF7200; text-shadow:2px 0px #000000; padding:10px 0px 5px 0px;">sasha, ti smoti</div>

<div style="font-size:9px; font-family:roboto slab; text-transform:uppercase; color:#000000; letter-spacing:2.5px;">wood floors they creep, innocently down the stairs</div>

<div style="height:120px; background-image:url('http://imageshack.us/a/img96/1392/nxxw.png'); border-bottom:5px solid #ff7200; border-top:5px solid #ff7200;"></div>

<div class="bodypara"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in vehicula augue. In in lacus non tortor fermentum malesuada. Duis lacinia lacinia convallis. Phasellus sodales nisi in auctor iaculis. Nam faucibus orci vel pharetra posuere. Suspendisse convallis molestie rhoncus. In hac habitasse platea dictumst. Sed ut auctor magna, vel rhoncus diam. Fusce vulputate ipsum eu congue volutpat. Morbi id pharetra sem. Maecenas placerat mi est, ac posuere tortor feugiat ut. Pellentesque et ipsum quis nisl tincidunt auctor et quis elit. Integer molestie, justo sollicitudin posuere tincidunt, dolor lorem sollicitudin lectus, ut lobortis elit velit eget magna.

Mauris ac tellus id odio venenatis facilisis eget at purus. Quisque et vehicula diam. Nam dignissim diam quis volutpat mattis. Praesent vitae eros est. Sed orci nunc, egestas sed pharetra sed, sagittis et tortor. Mauris mollis, metus non ullamcorper auctor, leo ipsum venenatis tortor, vitae malesuada ipsum dui at eros. Fusce nec magna blandit, gravida lectus sit amet, mattis mauris. Fusce condimentum nisl id enim ullamcorper iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed eu volutpat lorem. Donec quis est luctus mauris ultricies imperdiet. Ut mauris turpis, semper vel mauris ut, pretium eleifend odio. Integer tincidunt sodales est sit amet consequat.</div>

<div style="height:120px; background-image:url('http://imageshack.us/a/img571/4426/7wl.png');"></div>

</div>

</center>

0

12

Код:
[dohtml]<link href='http://fonts.googleapis.com/css?family=Yeseva+One' rel='stylesheet' type='text/css'>
<center><div style="width: 300px; padding: 50px; background-image: url(http://i48.tinypic.com/6gj490.jpg);"><div style="width: 240px; padding: 20px; border: 10px solid #D85123; background-color: #fafafa; font-size: 9px; color: #555; font-family: verdana, sans-serif; text-align: justify; line-height: 100%;"><div style="width: 240px; height: 150px; background-image: url(http://placehold.it/240x150);"></div><div style="width: 240px; font-family: 'Yeseva One', cursive; font-size: 40px; text-align: center; text-transform: lowercase; line-height: 100%; margin-top: -20px; color: #fff; text-shadow: 1px 1px 0px #BA0C5D; padding-bottom: 10px;">first l.</div>

shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg 

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="#000000" />
    <param name="FlashVars" value="mp3=http://cs5174v4.vk.me/u50121430/audios/fce0606e1273.mp3" />
</object>
<div style="float: left; margin: 5px 5px 0px 0px;"><img src="http://placehold.it/100"/></div>

shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg shipping goes here omfg 

</div></div></center>[/dohtml]



[dohtml]<link href='http://fonts.googleapis.com/css?family=Yeseva+One' rel='stylesheet' type='text/css'>
<center><div style="width: 300px; padding: 50px; background-image: url(http://i48.tinypic.com/6gj490.jpg);"><div style="width: 240px; padding: 20px; border: 10px solid #D85123; background-color: #fafafa; font-size: 9px; color: #555; font-family: verdana, sans-serif; text-align: justify; line-height: 100%;"><div style="width: 240px; font-family: 'Yeseva One', cursive; font-size: 30px; text-align: center; text-transform: lowercase; line-height: 100%;  color: #fff; text-shadow: 1px 1px 0px #BA0C5D; padding-bottom: 10px;">first & first</div>

reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy reply here yayyyy 

</div></div></center>[/dohtml]

http://shine.b1.jcink.com/index.php?sho … mp;p=75439

0

13

Код:
<style type="text/css">
.imagine { width: 330px; height: 180px;  opacity: 0; padding: 10px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.imagine:hover { width: 330px; height: 180px;  opacity: .8; padding: 10px; }
.becky01 { width: 330px; height: 330px; padding: 10px; overflow: auto; font-size: 10px; font-family: calibri, sans-serif; text-align: justify; color: #22180e; line-height: 100%; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px; }
.becky01::-webkit-scrollbar { width: 5px; height: 5px; }
.becky01::-webkit-scrollbar-track { background-color: #baaa81; }
.becky01::-webkit-scrollbar-thumb { background-color: #22180e; }
.becky02 { width: 330px; padding-top: 5px; padding-bottom: 5px; background-color: #22180e color: #fff; line-height: 100%; text-align: center; font-family: arial, sans-serif; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; }
.becky02 a { color: #fff; line-height: 100%; text-align: center; font-family: arial, sans-serif; font-size: 7px; text-transform: uppercase; letter-spacing: 2px;  }
.becky03 { width: 350px; font-family: 'Source Sans Pro', sans-serif; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; font-style: italic; text-align: center; color: #fff; margin-top: 25px; text-shadow: 1px 0px 1px #222;}
.becky04 { width: 350px; font-family: 'Sacramento', cursive; font-size: 60px; text-align: center; text-transform: lowercase; line-height: 100%;  color: #A7C5C5; text-shadow: 1px 1px 0px #222; margin-top: -55px; padding-bottom: 15px;}
.becky05 { width: 350px; font-family: 'Raleway', sans-serif; font-size: 15px; text-transform: uppercase; line-height: 100%; text-align: center; letter-spacing: 2px; word-spacing: 2px; color: #fff; }
</style>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>

<center><div style="width: 350px; padding: 20px; background-color: #baaa81; border-left: 10px solid #22180e; border-right: 20px solid #22180e;"><div class="becky05">I'm waking up to ash and dust</div><div class="becky03"> and I sweat my rust I'm breathing in the chemicals</div><div class="becky04">I wipe my brow</div><div style="width: 350px; height: 200px; background-image: url(http://placehold.it/350x200); margin-bottom: 10px;"><div class="imagine"><div style="height: 15px;"></div>

<div class="becky02"> name/name </div>
<div class="becky02"> ### words </div>
<div class="becky02"> location </div>
<div class="becky02"> outfit </div>
<div class="becky02"> notes </div>

</div></div><div class="becky01">

thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf thread here and post and everything perf 

</div></div></center>

0

14

Код:
<link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'><center><div style="width: 2px; height: 30px; border-left: 281px solid #22180e; border-right: 168px solid #baaa81;"></div><div style="width: 450px; height: 100px; margin-top: 2px; margin-bottom: 2px; background: url(http://s8.uploads.ru/rdNw2.jpg);"></div><div style="width: 450px; text-align: right; line-height: 100%; font-family: georgia; font-size: 25px; font-weight: bold; letter-spacing: -4px; margin-top: -8px; text-align: left; text-transform: lowercase; color: #22180e;">everybody hates chicago</div><div style="width: 400px; font: italic 9px/9px times; text-align: right; text-transform: lowercase; color: black; letter-spacing: 8px;">“big city can't have a big heart”</div></center>

0

15

Код:
<tr><td><center><div style="width: 450px; height: 710px; padding: 15px; background: #baaa81; border-right: 20px solid #22180e;">
<link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'><div style="width: 2px; height: 20px; border-left: 281px solid #22180e; border-right: 168px solid #d3c6a4;"></div><div style="width: 450px; height: 100px; margin-top: 2px; margin-bottom: 2px; background: url(http://s8.uploads.ru/rdNw2.jpg);"></div><div style="width: 450px; text-align: right; line-height: 100%; font-family: georgia; font-size: 25px; font-weight: bold; letter-spacing: -4px; margin-top: -8px; text-align: left; text-transform: lowercase; color: #22180e;">everybody hates rules</div><div style="width: 400px; font: italic 9px/9px times; text-align: right; text-transform: lowercase; color: black; letter-spacing: 8px;">“big city can't have a big heart”</div>
<br><br>
<div style="width: 450px; height: 710px; font-family: arial; font-size: 11px; text-align: justify; line-height: 100%; margin-top: -11px; color: #000; overflow: auto;" class="taylor"><b><size=13>То, что каждый должен иметь в виду:</size></b><br><br>

— <i>инстинкт самосохранения</i>; любое оскорбление администрации и/или игроков неприемлемо. В особенности администрации, наш долг предупредить об этом, ибо мы заботимся о вашем психическом состоянии здоровья. <br>
— «<i>звонок: дилогия</i>»; игра ради игры, товарищи, поэтому никаких поблажек особо ленивым личностям. Каждому новоприбывшему дается срок в неделю, дабы успеть написать свой первый пост, в противном случае <s>на экране появится черно-белая картина: лес, колодец, из которого вылезет Самара</s> нам придется распрощаться с вами. Тот же срок должен пугать и любителей провалиться сквозь землю без соответствующих криков, которые могли бы оповестить администрацию о вашем временном отсутствии.<br>
— «<i>я хочу, чтобы меня было много</i>»; создание вторых/третьих/пятых/десятых персонажей возможно лишь с благословения администрации. Будет учитываться активность вашего основного профиля, в интересах развития ролевого проекта. <br>
— <i>знай меру всему</i>; очень надеемся, что вы, как и мы, прекрасно понимаете, что если бы в мире было столько моделей и двадцатилетних бизнесменов, сколько зачастую бывает на ролевых проектах, мир бы просто-напросто прогнил и рухнул. Способствовать размножению подобных личностей мы не намерены, так что вам придется снять оковы со своей оригинальности, и сотворить нечто логичное и/или интересное. Этим мы намекаем, что никаких запретов на бизнесменов и etс., хвала небесам, - нет и не будет, при условии, что подобным будет не менее тридцати лет, а их путь к деньгам и славе логически обоснован.<br>
— «<i>а вот и Молли</i>»; мы против плагиата, а посему за любое его проявление жестоко караем неверных, отправляя их в Сибирь, перед этим как следует пройдясь палкой по хребту.<br>
— «<i>rest in peace</i>»; по этическим соображениям под запретом находятся внешности усопших. Никаких исключений, увы, быть не может. <br>
<br><br><br>
<b><size=13>То, что каждый знает наизусть:</size></b>
<br><br>
— <i>руки-крюки</i>; упаси вас Оби-Ван Кеноби начать игру без заполненного по шаблону Личного Звания, в обиходе ЛЗ. Тому же магистру вы должны молиться, если вдруг ваш аватар превышает размеры - 180x180.<br>
— <i>перо и чернила</i>; небольшая заметка на случай, если кто-то вдруг забыл и/или не знает по каким-либо причинам, как оформлять игровой пост: <b>- речь вашего персонажа</b>; <i>мысли вашего персонажа, если таковые имеют место быть</i>; <u>- речь другого персонажа</u>. Также любой игрок в праве отписывать действия своего персонажа от любого угодного ему лица, известного русскому языку. Минимум игрового поста - 16 полных строк. <br>
— <i>вы нам, мы вам</i>; общепринятый закон всех ролевых: взаимная реклама. Любой неверный, нарушивший его, навлечет гнев Богов на себя и свой проект, а также будет добавлен в бан-лист нашего проекта. То же ждет и злостных нарушителей, воспользовавшихся более примитивным способом, а именно - рекламой в ЛС.
<br><br><br>
<center><i>Администрация оставляет за собой право выдумывать новые пункты,
 дабы облегчить, а, быть может, усложнить кому-либо жизнь.</i></center>

</div></td><td></center>

0

16

Код:
<script src="http://hostjs-mybb2011.narod.ru/js/transform_code_boxr.js"></script>
Код:
<script>a="https://arkansas.rusff.me/viewtopic.php?id=1#p5";
Transform_Code_Box_in_HTML (a)</script>

<script>a="https://arkansas.rusff.me/viewtopic.php?id=1#p4";
Transform_Code_Box_in_HTML (a)</script>

<script>a="https://arkansas.rusff.me/viewtopic.php?id=1#p8";
Transform_Code_Box_in_HTML (a)</script>

<script>a="https://arkansas.rusff.me/viewtopic.php?id=1#p7";
Transform_Code_Box_in_HTML (a)</script>

<script>a="https://arkansas.rusff.me/viewtopic.php?id=1#p9";
Transform_Code_Box_in_HTML (a)</script>

<script>a="https://arkansas.rusff.me/viewtopic.php?id=1#p10";
Transform_Code_Box_in_HTML (a)</script>

<script>a="https://arkansas.rusff.me/viewtopic.php?id=1#p11";
Transform_Code_Box_in_HTML (a)</script>

<script>a="https://arkansas.rusff.me/viewtopic.php?id=1#p13";
Transform_Code_Box_in_HTML (a)</script>

<script>a="https://arkansas.rusff.me/viewtopic.php?id=1#p14";
Transform_Code_Box_in_HTML (a)</script>

<script>a="https://arkansas.rusff.me/viewtopic.php?id=1#p15";
Transform_Code_Box_in_HTML (a)</script>

<script>a="https://arkansas.rusff.me/viewtopic.php?id=1#p16";
Transform_Code_Box_in_HTML (a)</script>

<script>a="https://arkansas.rusff.me/viewtopic.php?id=1#p17";
Transform_Code_Box_in_HTML (a)</script>

0

17

Код:
<link href='http://fonts.googleapis.com/css?family=Miniver' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>

<style type="text/css">
.side1 {width: 130px; height: 30px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 9px; border-bottom: 1px dashed #ccc; font-family: dosis; letter-spacing: -2px; font-size: 25px; color: #000; background-color: #eee; text-align: center; text-transform: uppercase;}
</style>

<center><div style="border: 1px dashed #ccc; width: 450px;"><div style="width: 410px; padding-top: 40px; padding-right: 40px; background-color: 79b4d7;"><table cellpadding="0" cellspacing="0"><td><div style="width: 260px; height: 250px; background: #f8f8f8 url(http://placehold.it/260x250);">

<div style="font-family: miniver; font-size: 40px; text-transform: lowercase; text-align: center; letter-spacing: -1px; color: #79b4d7; text-shadow: 1px 1px 0px #505050; padding-top: 210px;">first last</div>

</div></td><td><div class="side1">nickname</div><div class="side1">age</div><div class="side1">job</div><div class="side1">group</div><div class="side1">playby</div></td></table>

<table cellpadding="0" cellspacing="0"><td><div class="side1">trait</div><div class="side1">trait</div><div class="side1">trait</div><div class="side1" style="border-bottom: 1px solid #eee;">trait</div></td>

<td><div style="width: 240px; height: 180px; border: 10px solid #f8f8f8; background-color: #f8f8f8; overflow: auto; text-align: justify; font-family: trebuchet ms; font-size: 9px; line-height: 100%; color: #000;">words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek words and stuff idek </div></td></table><div style="width: 410px; height: 75px; background: #dadada url(http://placehold.it/410x75);"></div></div></div>
<a href="http://shine.b1.jcink.com/index.php?showuser=55"><div style="width: 450px; text-align: right;">♥</div></a></center>

0

18

Код:
<div class="container">
    <div class="html-box">
    	<!--левая часть Ⅰ-->

<div style="position: absolute; top: 400px; left: 37px; color: #a4986e; font-family: Arial; font-size: 12px; line-height: 12px;   width: 360px; max-height: 182px; text-shadow: #0b0a08 1px 1px;">
<b>» »Важно: </b>количество демонов, охотников и стихийных магов на ролевой ограничено. В игру особо требуются оборотни и вампиры, которые могут пройти по упрощенной анкете. <br>С пожеланиями и предложениями ждем в гостевой форума.<br><center><b>WANTED:</b><br>
<a href="http://postmortem.rusff.me/viewtopic.php?id=4">Action №0 "I need you"</a> ❖<a href="http://postmortem.rusff.me/viewtopic.php?id=15#p170">Werewolves</a> ❖<a href="http://postmortem.rusff.me/viewtopic.php?id=14#p161">FBI</a> ❖<a href="http://postmortem.rusff.me/viewtopic.php?id=13">Demons</a> ❖<a href="http://postmortem.rusff.me/viewtopic.php?id=12#p146">Wizards</a> ❖<a href="http://postmortem.rusff.me/viewtopic.php?id=21">Vampires</a> ❖<a href="http://postmortem.rusff.me/viewtopic.php?id=42#p227">Hunters</a> ❖</center><center>❖<a href="http://postmortem.rusff.me/viewtopic.php?id=69#p269">ХОЧУ БЫТЬ НУЖНЫМ</a> ❖</center>
</div>


<!--левая часть Ⅱ-->
<div style="position: absolute; top: 355px; left: 37px; color: #a4986e; font-family: Arial; font-size: 10,4px; line-height: 10px; text-align: justify;  width: 360px; max-height: 182px; text-shadow: #0b0a08 1px 1px;">
<table cellpadding="7" ><tr><td width="40%" align="left">
<center><a href="http://postmortem.rusff.me/viewtopic.php?id=11">путеводитель</a> ❖
<a href="http://postmortem.rusff.me/viewtopic.php?id=7">сюжет</a> <br>
<a href="http://postmortem.rusff.me/viewtopic.php?id=9">внешности</a> ❖
<a href="http://postmortem.rusff.me/viewtopic.php?id=10">имена</a> <br></center>
</td><td width="60%" align="left">
<center><a href="http://postmortem.rusff.me/viewtopic.php?id=16">описание рас</a> ❖
<a href="http://postmortem.rusff.me/viewtopic.php?id=40#p218">орг структура рас</a> <br>
<a href="http://postmortem.rusff.me/viewtopic.php?id=33">способности</a> ❖
<a href="http://postmortem.rusff.me/viewtopic.php?id=17#p185">шаблоны анкет</a> </center>
</td></tr></table>
</td>
</div>


<!--правая часть-->
<div style="position: absolute; top: 355px; left: 410px; color: #a4986e; font-family: Arial; font-size: 10,4px; line-height: 10px; text-align: justify;  width: 400px; max-height: 182px;">
<br>
Добро пожаловать в Рэвинхэлл, город, где никогда не сбудутся ваши мечты. О спокойной жизни здесь можно забыть, ведь придя к своему другу в гости, вы можете обнаружить его оторванные конечности. Это мир, где у власти больше полувека стоят оборотни, защищающие свою территорию от вампиров, желающих вернуть свой город. Грядет революция, ведь весь подземный город набирает силы, вампиры нашли способ питаться, не убивая местных жителей. Все это представляло бы типичный сюжет о вампирах и оборотнях, если бы масла в огонь активно не подливали маги и демоны. Город настолько заполнился мистическими существами, что стало причиной рождения охотников - сверхлюдей, которые в данный момент, считаются вымирающей расой. 
<br>
<br><br>
</div>
    </div>
	</div>

0

19

Код:
/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 95.01%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
  margin: 100px;
  position: relative;
  width: 843px;
  margin: auto;


  }

/* A5.2 */
.punbb {
  float: auto;
  height: auto;
  width: 92%;
 padding-left: 35px;


  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #888;
  width: 250px;
  margin: 5px 0;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;

  }


/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  background-color: transparent;
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  background-color: transparent;
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
background-color: transparent;
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
background-color: transparent;
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
    .punbb .main .tcl {
      border-left-style: none;
      border-left-width: 0
      }

    * html .tclcon {height: 1px}

   
 /* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
  border-color: #202021 ;
}



/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color:  transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;

  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent ;

  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;

  }

/* CS2.5 */
.punbb th {
  border-color: transparent ;

  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #e7d1ab;

  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;

  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent ;

  }

.punbb .divider {
  border-color: transparent;

  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;

  }

li.pa-online {
  border-left-color: transparent ;

  }








/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */


.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: none none none none;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 */
#pun-title .container {
  border-style: none none none none;
  }

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

/* D1.4 */
#pun-title h1 span  {
  display: none;
  }

#pun-title h1 span  {
  font-size: 1.5em;
  }


/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }




/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding: -2em 1em;
  }

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.0em;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: -2em 1em;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: -2em 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */

#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
/* Скрыть "Награды" */
li#navawards {display: none;}

0

20

Код:
<center><div style="width: 750px; height: 500px;">

<table><tr><td><div style="width: 600px; height: 470px; padding: 15px; background: #baaa81;"><div style="width: 340px; text-align: justify; line-height: 100%; font-family: arial; font-size: 6px; text-transform: uppercase; color: #000;">Суть шутки заключалась в том, что однажды бостонского таксиста остановил на улице мужчина, который лишь с огромным трудом, чуть не падая, сумел сойти с тротуара и добраться до машины. От боли лицо его совершенно побагровело, он то ли задыхался, то ли сдерживал дыхание — видимо, ему было очень тяжело говорить. Таксист вылез, открыл дверцу и помог бедолаге забраться в машину; тот улегся прямо на пол параллельно заднему сиденью и поджал колени к груди.</div>
<div style="width: 278px; text-align: right; line-height: 100%; font-family: georgia; font-size: 25px; font-weight: bold; letter-spacing: -4px; margin-top: -8px; text-transform: lowercase; color: #22180e;">everybody hates quetions</div><br>

<div style="width: 340px; height: 428px; font-family: arial; font-size: 10px; text-align: justify; line-height: 90%; margin-top: -11px; color: #000; overflow: auto;" class="taylor"><div style="width: 110px; height: 101px; padding: 10px; background: #22180e; margin-bottom: 5px; margin-left: 9px; float: right; z-index: 99;"><img src="http://s9.uploads.ru/2f5Vy.gif" width="110px"></div>В 1942 году в Бостоне мать Гарпа, Дженни Филдз, была арестована за нанесение в кинотеатре тяжких телесных повреждений незнакомому мужчине. Это случилось вскоре после того, как японцы напали на Пёрл-Харбор, и публика относилась к солдатам достаточно терпимо, поскольку внезапно солдатами стали практически все, однако Дженни Филдз твердо стояла на позиции абсолютно нетерпимого отношения к распущенности мужчин в целом и солдат в частности. Тогда, в кинотеатре, ей пришлось три раза пересаживаться, но этот солдат всякий раз вновь подсаживался к ней поближе, пока она не оказалась практически прижатой к заплесневелой стене, а экран, где шла сводка новостей, загораживала какая-то идиотская колоннада. Тем не менее, Дженни решила больше с места не вставать. Солдат же пересел еще раз и теперь устроился с нею рядом.

Дженни было 22 года. Она бросила колледж, едва успев туда поступить, зато окончила курсы медсестер и была там лучшей ученицей; ей нравилась эта работа. Выглядела Дженни очень спортивно, на щеках у нее всегда играл румянец, что прекрасно сочеталось с ее темными блестящими волосами, однако ее походку мать презрительно называла «мужской» (Дженни шагала широко и при ходьбе размахивала руками); у нее была крепкая небольшая попка и стройные сильные ноги, так что сзади ее запросто можно было принять за мальчишку. Только вот, по мнению самой Дженни, грудь у нее была великовата; ей даже казалось, что при таком «представительном» бюсте она смахивает на «легко доступную дешевку».

А она ею отнюдь не была. По правде сказать, она и колледж-то бросила, заподозрив, что родители послали ее учиться в Уэлсли в основном потому, что им хотелось заставить ее встречаться с парнями и в конечном счете выдать замуж за «молодого человека из хорошей семьи». Рекомендация насчет Уэлсли поступила от старших братьев Дженни, которые убедили родителей, что тамошние студентки особенно высоко котируются на брачном рынке, ибо считаются девушками серьезными и весьма строгих взглядов. Дженни сочла это оскорбительным: отдав дочь в колледж, родители словно вежливо попросили ее немного подождать, пока она, словно телка, не будет готова к введению устройства для осеменения.<div style="width: 110px; height: 101px; padding: 10px; background: #22180e; margin-bottom: 5px; margin-right: 9px; margin-top: 5px; float: left; z-index: 99;"><img src="http://s8.uploads.ru/ZEWX8.gif" width="110px"></div>В колледже она выбрала основной дисциплиной английскую литературу, но, увидев, что однокурсницы озабочены главным образом накоплением сексуального опыта и умением привлекать к себе мужчин, Дженни без малейших затруднений или угрызений совести приняла решение поменять филологию на медицину и получила профессию медсестры. Эту профессию она, во-первых, могла немедленно применить на практике, а, во-вторых, изучение медицины явно не таило в себе никаких скрытых мотивов (позднее, правда, она писала в своей знаменитой автобиографии, что слишком многие медсестры «вертят хвостом» перед врачами, но к тому времени и учеба, и работа медсестрой были уже позади).

Ей нравилась простая, без всяких изысков форма медсестры. Белый халат был достаточно просторным и скрадывал пышный бюст; туфли были удобные и как нельзя лучше подходили для ее быстрой, размашистой походки. А во время ночных дежурств она по-прежнему могла довольно много читать. Она прекрасно обходилась без общества студентов мужского пола, которые, впрочем, сразу терялись и мрачнели, если девушка явно не желала себя компрометировать, но дай им только повод и взгляни поласковей, как они тут же задирали нос. Пациентами этой больницы были большей частью солдаты и рабочие, люди простые, откровенные и с куда меньшими претензиями; если девушка все же оказывала им внимание, рискуя быть скомпрометированной, то они, по крайней мере, испытывали благодарность и старались поддерживать с ней добрые отношения. А потом вдруг буквально все вокруг стали солдатами — и сразу задрали нос от сознания собственной важности, прямо как студенты-молокососы; и тогда Дженни Филдз вообще прекратила какие бы то ни было попытки вступить с мужчинами в более близкие отношения.

«Моя мать, — писал позднее Гарп, — была волком-одиночкой (точнее, одинокой волчицей, конечно!)».</div>

</div></td><td><div style="width: 115px; height: 500px; background: url(http://s8.uploads.ru/AjLt1.jpg); border-left: 20px solid #22180e;"></div></td></tr></table>


</div></center><style>.taylor::-webkit-scrollbar { width: 2px; }
.taylor::-webkit-scrollbar-track { background: none; }
.taylor::-webkit-scrollbar-thumb { background: none; }</style>

0

21

(Обязательно)<div class="container">
    <div class="html-box">
    <!--левая часть Ⅰ-->

<div style="position: absolute; top: 400px; left: 37px; color: #a4986e; font-family: Arial; font-size: 12px; line-height: 12px;   width: 360px; max-height: 182px; text-shadow: #0b0a08 1px 1px;">
<b>» »Важно: </b>количество демонов, охотников и стихийных магов на ролевой ограничено. В игру особо требуются оборотни и вампиры, которые могут пройти по упрощенной анкете. <br>С пожеланиями и предложениями ждем в гостевой форума.<br><center><b>WANTED:</b><br>
<a href="http://postmortem.rusff.me/viewtopic.php?id=4"><font color="#a4986e">Action №0 "I need you"</font></a> ❖<a href="http://postmortem.rusff.me/viewtopic.php?id=15#p170"><font color="#a4986e">Werewolves</font></a> ❖<a href="http://postmortem.rusff.me/viewtopic.php?id=14#p161"><font color="#a4986e">FBI</font></a> ❖<a href="http://postmortem.rusff.me/viewtopic.php?id=13"><font color="#a4986e">Demons</font></a> ❖<a href="http://postmortem.rusff.me/viewtopic.php?id=12#p146"><font color="#a4986e">Wizards</font></a> ❖<a href="http://postmortem.rusff.me/viewtopic.php?id=21"><font color="#a4986e">Vampires</font></a> ❖<a href="http://postmortem.rusff.me/viewtopic.php?id=42#p227"><font color="#a4986e">Hunters</font></a> ❖</center><center>❖<a href="http://postmortem.rusff.me/viewtopic.php?id=69#p269"><font color="#a4986e">ХОЧУ БЫТЬ НУЖНЫМ</font></a> ❖</center>
</div>

<!--левая часть Ⅱ-->
<div style="position: absolute; top: 355px; left: 37px; color: #a4986e; font-family: Arial; font-size: 10,4px; line-height: 10px; text-align: justify;  width: 360px; max-height: 182px; text-shadow: #0b0a08 1px 1px;">
<table cellpadding="7" ><tr><td width="40%" align="left">
<center><a href="http://postmortem.rusff.me/viewtopic.php?id=11"><font color="#a4986e">путеводитель</font></a> ❖
<a href="http://postmortem.rusff.me/viewtopic.php?id=7"><font color="#a4986e">сюжет</font></a> <br>
<a href="http://postmortem.rusff.me/viewtopic.php?id=9"><font color="#a4986e">внешности</font></a> ❖
<a href="http://postmortem.rusff.me/viewtopic.php?id=10"><font color="#a4986e">имена</font></a> <br></center>
</td><td width="60%" align="left">
<center><a href="http://postmortem.rusff.me/viewtopic.php?id=16"><font color="#a4986e">описание рас</font></a> ❖
<a href="http://postmortem.rusff.me/viewtopic.php?id=40#p218"><font color="#a4986e">орг структура рас</font></a> <br>
<a href="http://postmortem.rusff.me/viewtopic.php?id=33"><font color="#a4986e">способности</font></a> ❖
<a href="http://postmortem.rusff.me/viewtopic.php?id=17#p185"><font color="#a4986e">шаблоны анкет</font></a> </center>
</td></tr></table>
</td>
</div>

<!--правая часть-->
<div style="position: absolute; top: 355px; left: 410px; color: #a4986e; font-family: Arial; font-size: 10,4px; line-height: 10px; text-align: justify;  width: 400px; max-height: 182px;">
<br>
Добро пожаловать в Рэвинхэлл, город, где никогда не сбудутся ваши мечты. О спокойной жизни здесь можно забыть, ведь придя к своему другу в гости, вы можете обнаружить его оторванные конечности. Это мир, где у власти больше полувека стоят оборотни, защищающие свою территорию от вампиров, желающих вернуть свой город. Грядет революция, ведь весь подземный город набирает силы, вампиры нашли способ питаться, не убивая местных жителей. Все это представляло бы типичный сюжет о вампирах и оборотнях, если бы масла в огонь активно не подливали маги и демоны. Город настолько заполнился мистическими существами, что стало причиной рождения охотников - сверхлюдей, которые в данный момент, считаются вымирающей расой.
<br>
<br><br>
</div>
    </div>
</div>

0

22

http://placehold.it/455x100

имя и фамилия латиницей, возраст

внешность

ПОЛОЕ ИМЯ
Данный пункт заполняется кириллицей; не забываем, друзья, про систему двойных имен.

ДАТА РОЖДЕНИЯ
ЧЧ/ММ/ГГ

ДЕЯТЕЛЬНОСТЬ
Если не работает, указываем, что безработный; если учится, приписываем название учебного заведения.

ОРИЕНТАЦИЯ

chapte one "H e l l   i s — o t h e r   p e o p l e"

Глава первая специально отводится под характер и все, что с ним связано. Помимо самого описания характера (установленный минимум - 8 строк) вы в праве расписать о своем персонаже все, что взбредет в вашу голову; плюсы/минусы, привычки, страхи, мечты, да хоть перечислить названия авиакомпаний, которыми он предпочитает летать.

chapter two "T h e   m a r k s   h u m a n s  l e a v e   a r e   t o o   o f t e n   s c a r s"

РОДСТВЕННИКИ
Совершенно необязательно вспоминать всех тех, кто еще воевал - или же наоборот, выступал за права - с бедными индейцами за земли Северной Америки, достаточно указать тех, кто оказал какое-никакое влияние на жизнь вашего персонажа.

Установленный минимум биографии - 10 строк/фактов.

0


Вы здесь » the apple of my eye » we're here and now, but will we ever be again? » Тестовое сообщение


Рейтинг форумов | Создать форум бесплатно