Код:
<!--HTML--><div class="postcolor"> <style type="text/css">.tabs {
position: relative;
width: 400px;
height: 250px;
}
.tab {
float: cemter;
}
.tab label {
background: #843091;
padding: 5px; color: #fff;
position: relative; top: -250px;
right: 123px; margin: 5px;
font-size: 8px;
text-transform: uppercase;
font-family: Oswald;
display: block; box-shadow: 4px 0px 0px #fff;
width: 30px; height: 30px;
border-radius: 100%;
line-height: 30px;
}
.tab [type=radio] {
display: none;
}
.content {
position: absolute;
top: 10px;
bottom: 0px;
left: 0px; overflow: auto;
right: 0px;
background: #fbfbfb;
padding: 20px;
font-family: calibri; font-size: 10px;
text-align: justify; color: #111;
}
.content::-webkit-scrollbar
{width: 5px;}
.content::-webkit-scrollbar-track
{background-color: #fbfbfb;}
.content::-webkit-scrollbar-thumb
{background-color: #843091; height: 10px;}
[type=radio]:checked ~ label {
background: #a86eb2;
z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
z-index: 1;
}
.content a
{color: #843091; text-decoration: none;}
</style>
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<center>
<div style="box-shadow: 0px 0px 10px #efefef; border: 10px solid #fff; padding: 0px; width: 400px; height: 540px; margin: 30px;">
<div style="background: url(http://s5.favim.com/610/140823/born-to-die-flowers-lana-del-rey-lanadelrey-Favim.com-2017185.jpg); width: 400px; height: 299px; margin-bottom: -15px;">
<div style="font-family: Oswald; color: #fff; font-size: 50px; font-weight: bold; text-align: left; line-height: 35px; padding-top: 178px; padding-left: 110px; text-shadow: 4px 0px 0px #a86eb2; letter-spacing: -2px;">
<small><small>HOLLY</small></small><br>
WOOD
</div>
</div>
<div class="tabs">
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked="">
<label for="tab-1">about</label>
<div class="content">
<div style="background: #fff;">
<div style="padding: 20px;">
<div style="font-family: Oswald; color: #a86eb2; font-size: 30px; font-weight: bold; text-align: right; border-right: 15px solid #a86eb2; padding-right: 15px; text-transform: uppercase; line-height: 20px; letter-spacing: -2px; margin-bottom: 15px;">about</div>
<div style="background: url(http://images.8tracks.com/cover/i/002/329/383/tumblr_static_black-amp-white-lana-del-rey-roses-favim.com-691269-5825.jpg?rect=0,16,500,500&q=98&fm=jpg&fit=max&w=100&h=100); background-size: cover; float: left; width: 70px; height: 70px; border: 3px solid #a86eb2; margin-right: 8px; margin-bottom: 3px; margin-top: 5px;"></div>
доброго времени суток! если вы читаете данное сообщение — вероятнее всего, вам интересна такая тематика, как <b>голливуд</b> и, возможно, вы хотите к нам присоединиться. у нас есть особая концепция, по этой причине, наш проект не будет похож на остальные. в этом моменте не нужно саркастично улыбаться, потому что мы не планируем прыгать выше своей головы, полностью забывать о реальной жизни и пытаться достичь огромной активности. нет, этого не будет. нам надоело наблюдать, как люди приходят на проект ради внешности_конкурсов_ещечегототам, и ставят игру на последнее место. если вы из таких — постарайтесь не тратить ни свое, ни наше время. на нашем будущем форуме вы не увидите постоянных конкурсов и каких-либо новейших и крутых фишек, потому что все это — привлекательная обертка. мы создаем форум для игры; для тех людей, которые, как и мы, много-много лет назад приходили на проект не для того, чтобы просто там быть, а для того, чтобы играть, развивать сюжет/отношения своих персонажей и, конечно же, общаться. <br>
если вы скучаете по тем временам также, как и мы; если вас не пугает отсутствие конкурсов и многих привычных на сегодняшний день фишек — милости просим ♥ пока идет работа, вы можете придержать внешность, написать заявку на желаемого персонажа и пообщаться с обитателями тестового форума.
</div>
</div>
<br>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">nav</label>
<div class="content">
<div style="background: #fff;">
<div style="padding: 20px;">
<div style="font-family: Oswald; color: #a86eb2; font-size: 30px; font-weight: bold; text-align: right; border-right: 15px solid #a86eb2; padding-right: 15px; text-transform: uppercase; line-height: 20px; letter-spacing: -2px; margin-bottom: 15px;">navigation</div>
ссылочки, которые вы видите ниже, помогут вам ознакомиться с основными темами форума; они будут полезны как и гостям, так и уже зарегистрированным участникам. <br>
• <a href="http://starfckr.rusff.me/viewtopic.php?id=6">ты мне нужен</a>;<br>
• <a href="http://starfckr.rusff.me/viewtopic.php?id=7">рекламная пауза</a>;<br>
• <a href="http://starfckr.rusff.me/viewtopic.php?id=9">вопросы, предложения, пожелания</a>;<br>
• <a href="http://starfckr.rusff.me/viewtopic.php?id=8">выяснение отношений</a>;<br>
• <a href="http://starfckr.rusff.me/viewtopic.php?id=21">шаблон эпизода</a>;<br>
</div>
</div>
<br>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">news</label>
<div class="content">
<div style="background: #fff;">
<div style="padding: 20px;">
<div style="font-family: Oswald; color: #a86eb2; font-size: 30px; font-weight: bold; text-align: right; border-right: 15px solid #a86eb2; padding-right: 15px; text-transform: uppercase; line-height: 20px; letter-spacing: -2px; margin-bottom: 15px;">NEWS</div>
7.12.2015: открытие тестовика. начало работы над основным форумом.<br>
9.12.2015: открытие игрового раздела. можно создавать эпизоды и начинать писать посты, пока мы все еще работаем.<br>
</div>
</div>
<br>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-4" name="tab-group-1">
<label for="tab-4">women</label>
<div class="content">
<div style="background: #fff;">
<div style="padding: 20px;">
<div style="font-family: Oswald; color: #a86eb2; font-size: 30px; font-weight: bold; text-align: right; border-right: 15px solid #a86eb2; padding-right: 15px; text-transform: uppercase; line-height: 20px; letter-spacing: -2px; margin-bottom: 15px;">women</div>
<center>придержать внешность можно по следующему шаблону: <br>
имя фамилия на англ. языке → ваш ник <br> </center><br>
<center>- abc -<br>
alexandra park → магдалена<br>
alicia vikander → sounds of madness <br>
alycia debnam carey → свет в конце туннеля<br>
amber heard → new americana <br>
ashley benson →heaven <br>
ashley greene → эльф <br>
behati prinsloo → магдалена<br>
blake lively → я не твоя война<br>
candice accola → sunny<br>
candice swanepoel → конфета <br>
chloe bennet → cliff's edge<br>
crystal reed → wild<br>
- def -<br>
danielle campbell → блин блинский<br>
eiza gonzalez → магдалена<br>
elsa hosk → тэмпура<br>
elizabeth olsen → january dancer <br>
Emily Bett Rickards → выхода нет<br>
emily browning → коктейль молотова <br>
emilia clarke → эфемерная <br>
emma roberts → сова<br>
emmy rossum → ka-boom <br>
Emma Stone → валькирия <br>
- ghi -<br>
gigi hadid → shame <br>
hayley atwell → сладкая вата <br>
hilary duff → summer<br>
holland roden → new americana<br>
- jkl -<br>
jaimie alexander → чистый секс <br>
jennifer lawrence → сладкая вата <br>
jenna coleman → мисти<br>
julianne hough → kiss me<br>
kaya scodelario → молко<br>
kristen stewart → snow <br>
lady gaga → countess <br>
leighton meester → оливье <br>
lily collins → sorry not sorry<br>
lily james → delilah<br>
- mno -<br>
margot robbie → arctic monkey<br>
marzia bisognin → cute<br>
megan fox → женщина лись <br>
meg myers → тедвина тормосби <br>
natalie dormer → чистый секс <br>
nina dobrev → блин блинский<br>
- pqr -<br>
perrie edwards → sorry not sorry <br>
phoebe tonkin → фибра<br>
rita volk→ кумыс <br>
rooney mara → коктейль молотова <br>
- stu -<br>
scarlett johansson - пьяное солнце <br>
selena gomez → blueberry <br>
shelley hennig → сумасшедшая <br>
sophia bush → axis <br>
svetlana hodchenkova<br>
Suki Waterhouse → клео <br>
tatiana maslany → тупая сука (с) <br>
teresa palmer → тирлинг <br>
tuppence middleton → immortal <br>
- vwx -<br>
victoria justice → eye candy<br>
willa holland → изакиэль душистый гель <br>
- yz -<br></center>
</div>
</div>
<br>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-5" name="tab-group-1">
<label for="tab-5">men</label>
<div class="content">
<div style="background: #fff;">
<div style="padding: 20px;">
<div style="font-family: Oswald; color: #a86eb2; font-size: 30px; font-weight: bold; text-align: right; border-right: 15px solid #a86eb2; padding-right: 15px; text-transform: uppercase; line-height: 20px; letter-spacing: -2px; margin-bottom: 15px;">men</div>
<center>придержать внешность можно по следующему шаблону: <br>
имя фамилия на англ. языке → ваш ник <br> </center><br>
<center>- abc -<br>
adam levine → ацетальдегид<br>
alex turner → morфine <br>
brian molko → в интересах революции <br>
chris evans → котофей <br>
chris wood → ёж <br>
- def -<br>
d.j. cotrona → ацетальдегид<br>
dylan o`brien → борода <br>
evan peters → countess <br>
felix kjellberg → пьюдс<br>
- ghi -<br>
grant gustin → уэс <br>
harry styles → хазз<br>
henry cavill → sounds of madness <br>
ian somerhalder → хайзенберг <br>
- jkl -<br>
jamie dornan → шенни <br>
jared leto → летыч-котлетыч <br>
joseph morgan → просковья сидоровна <br>
- mno -<br>
michael fassbender → дикий <br>
miles kane → клубничный гробовщик<br>
norman reedus → Норм<br>
- pqr -<br>
paul wesley → doin' your mom<br>
richard madden → wings<br>
- stu -<br>
sam claflin → ланнистер <br>
sebastian stan → выпадун <br>
shannon leto → шенни <br>
shiloh fernandez → 211 <br>
stephen amell → выпадун <br>
Theo James → súperbia<br>
tom austen → ацетальдегид<br>
tom hardy → pineapple <br>
tom hiddleston → клафилин <br>
- vwx -<br>
- yz -<br></center>
ну он же Клаус, он же Британец, у него же ямочки 
