список внешностей и имен

Код:

 [html]
<style>
.commands { width: 650px; height: auto;  padding-top: 20px; padding-bottom: 30px; display: ; background: url(http://funkyimg.com/i/2zC5H.png) top no-repeat, url(http://funkyimg.com/i/2zC5J.png) bottom no-repeat, url(http://funkyimg.com/i/2zC5K.png) repeat-y;}
 
  .jay {width:500px;position:relative;top: -10px;left: 235px; color: #000; font: 35px old standard tt; font-weight: 900; 
 text-transform: lowercase;}

.tm-q {width: 560px; padding: 5px;margin-top: -1px; text-align: right; }
 .tm-q span {font: 20px old standard tt; font-weight: 900; letter-spacing: -1px;}
 .tm-q span i {color: #79b8c5; float: left;}
 .tm-q sub {display: block; font: 10px cousine; text-transform: uppercase; color: #222;
 text-align: justify; margin: 10px;}

 .jdbtabs { position: relative; width: 570px; height: 990px; }

  .jdbtab { float: left; }

  .jdbtab label { background: #c6a36c; padding: 6px; border: 1px solid #eee; position: relative; left: 380px; top: -5px; margin: 3px; font: 10px old standard tt; color: #fff; text-transform: uppercase;font-weight: 900; }

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

  .jdbcontent { position: absolute; top: 20px; bottom: 0px; left: 15px; right: 0px;  padding: 0px; border: 0px solid #ccc; -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; }

  [type=radio]:checked ~ label { background: #b5b5b5; z-index: 2; color: #000;font: 10px old standard tt;font-weight: 900; }

  [type=radio]:checked ~ label ~ .jdbcontent { z-index: 1; -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }


.face06 { font-family: Oswald;font-weight: bold;
font-size: 16px;letter-spacing: 1px;color: #ffffff;text-align: center;line-height: 100%;margin-top: -2px;text-transform: uppercase;}

.face07 {font-family: Oswald;font-weight: bold;font-size: 16px;letter-spacing: 1px;color: #ffffff;text-align: center;line-height: 100%;margin-top: 2px;text-transform: uppercase;}

.face08 { font-family: Oswald;font-weight: bold; background-color: #b5b5b5; border-radius: 0px;font-size: 16px;letter-spacing: 1px;color: #000;text-shadow: 1px 1px 0px #fff;text-align: center;line-height: 100%;margin-top: -2px;text-transform: uppercase;   }





</style>


<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<div class="commands">
<div class="jay">занятые внешности</div>
<center>
<div style="width: 590px; margin-left: 2px;  padding-top:10px; background: #;text-align: justify; font: 11px tahoma; color: #222;
 line-height: 110%; ">
<div class="tm-q"><span> Важно знать</span><sub>

После принятия анкеты не забывайте отметиться в данной теме. 
Внешности, что не внесены в данный список, считаются свободными.
</sub></div>
<br><br>

    <div class="jayninaapp2">  
  <div class="jdbtabs">
<div class="jdbtab"><input type="radio" id="jdbtab-1" name="jdbtab-group-1" checked=""><label for="jdbtab-1">внешности</label><div class="jdbcontent">
<table border="0" style="font: 10px verdana; text-transform: lowercase; ">
<tbody><tr>
<td width="220px"><div class="face08 ">ABCD</div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff;">
<br><b>ФИО ЗВЕЗДЫ</b> - <a href="ССЫЛКА НА ПРОФИЛЬ">ФИО ЗВЕЗДЫ</a>
</div>
</td>
<td width="220px"><div class="face08 ">ABCD</div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff;">
<br><b>ФИО ЗВЕЗДЫ</b> - <a href="ССЫЛКА НА ПРОФИЛЬ">ФИО ЗВЕЗДЫ</a>
</div>
</td></tr>

<tr>
<td width="220px"><div class="face08 ">EFGH</div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center;background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff; ">
<br><b>ФИО ЗВЕЗДЫ</b> - <a href="ССЫЛКА НА ПРОФИЛЬ">ФИО ЗВЕЗДЫ</a>
</div>
</td>
<td width="220px"><div class="face08 ">EFGH</div> <div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto; background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff; ">
<br><b>ФИО ЗВЕЗДЫ</b> - <a href="ССЫЛКА НА ПРОФИЛЬ">ФИО ЗВЕЗДЫ</a>

</div>
</td></tr>
<tr>
<td width="220px"><div class="face08 ">IJKLM</div> <div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff; ">
<br><b>ФИО ЗВЕЗДЫ</b> - <a href="ССЫЛКА НА ПРОФИЛЬ">ФИО ЗВЕЗДЫ</a>

</div>
</td>
<td width="220px"><div class="face08 ">IJKLM</div> <div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff; ">
<br><b>ФИО ЗВЕЗДЫ</b> - <a href="ССЫЛКА НА ПРОФИЛЬ">ФИО ЗВЕЗДЫ</a>
</div>
</td></tr>

<tr>
<td width="220px"><div class="face08 ">NOPQ</div> <div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff;">
<br><b>ФИО ЗВЕЗДЫ</b> - <a href="ССЫЛКА НА ПРОФИЛЬ">ФИО ЗВЕЗДЫ</a>

</div>
</td>
<td width="220px"><div class="face08 ">NOPQ</div> <div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff;">
<br><b>ФИО ЗВЕЗДЫ</b> - <a href="ССЫЛКА НА ПРОФИЛЬ">ФИО ЗВЕЗДЫ</a>

</div>
</td></tr>


<tr>
<td width="220px"><div class="face08 ">RSTU</div> <div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff; ">
<br><b>ФИО ЗВЕЗДЫ</b> - <a href="ССЫЛКА НА ПРОФИЛЬ">ФИО ЗВЕЗДЫ</a>

</div>
</td>
<td width="220px"><div class="face08 ">RSTU</div> <div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff; ">
<br><b>ФИО ЗВЕЗДЫ</b> - <a href="ССЫЛКА НА ПРОФИЛЬ">ФИО ЗВЕЗДЫ</a>

</div>
</td></tr>

<tr>
<td width="220px"><div class="face08 ">VWXYZ</div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff; ">
<br><b>ФИО ЗВЕЗДЫ</b> - <a href="ССЫЛКА НА ПРОФИЛЬ">ФИО ЗВЕЗДЫ</a>

</div>
</td>
<td width="220px"><div class="face08 ">VWXYZ</div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff;"> 
<br><b>ФИО ЗВЕЗДЫ</b> - <a href="ССЫЛКА НА ПРОФИЛЬ">ФИО ЗВЕЗДЫ</a>

</div>
</td></tr>
</tbody></table>
</div></div>  
  <div class="jdbtab"><input type="radio" id="jdbtab-2" name="jdbtab-group-1"><label for="jdbtab-2">имена и фамилии</label><div class="jdbcontent">
<table border="0" style="font: 10px verdana; text-transform: lowercase; ">
<tbody><tr>
<td width="220px"><div class="face08 ">names </div><div class="fclaim" style="height:600px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff;">
<br>first last || ns
<br>first last || ns
</div>
</td>
<td width="220px"><div class="face08 ">surnames</div><div class="fclaim" style="height:600px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #e5ddd9; padding: 5px; border: 1px solid #fff; box-shadow: inset 0px 0px 20px #d3c5be;font: 10px old standard tt; text-transform: uppercase;font-weight: 900;text-shadow: -1px 1px 1px #ffffff;">
<br>first last || ns
<br>first last || ns
</div>
</td></tr>
</tbody></table>


</div></div>
  



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

Код:

 <br><b>ФИО ЗВЕЗДЫ</b> - <a href="ССЫЛКА НА ПРОФИЛЬ">ФИО ЗВЕЗДЫ</a>

crack a joke

Меню навигации

Пользовательские ссылки

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

список внешностей и имен

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

Поделиться12017-11-21 19:15:08