Занятые роли

Код:

<!--HTML-->
<div class="postcolor"><br><br><link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">

<link href="http://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css">
<style type="text/css">

.cronoviccontainer {
 margin: 15px auto; 
 height: auto;
 width:auto;
 text-align:justify;
 }

.cronovictabs {
 margin: 0px auto; 
 position: relative;
 width: 500px; 
 height:550px;
 padding:10px;
}

.cronovictab {
display:block; 
}

/* position your tab labels in here - also use margins to space your labels - you kind of have to eye until it's centered bc the math with tabs gets confusing */
.cronovictab label {
 display: block; /* this lets you fix the label dimensions */
 width: 50px;
 padding:4px;
 background: #f7e1e4;
 text-align:center;
 border: 0px solid #ccc;
 margin:5px;
 color:#1e1e1e;
 position: relative;
 font-size:10px;
 text-transform:uppercase;
 border-bottom:1px solid #601004;
 font-family:oswald;
 text-align:center;
 left:-80px;
 top: 145px;
 z-index:5;
  
 }

.cronovictab input[type=radio]:checked ~ label{
 background: #75151e;
 text-shadow: 0px 1px 0px #9fcfdd;
 z-index: 2;
}

.cronovictab input[type=radio] {
 display: none; /* DON'T EDIT */
}

/* if you want tab transitions they go here */
.cronoviccontent {
   position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
background: #d8d8d8;
 padding:20px;
 font-family:times new roman;
 font-size:13px;
 letter-spacing:1px;
 text-align:justify;
 overflow:auto;
 border-bottom:5px solid #601004;
 
 }

/* if you want tab transitions they also go here */
.cronovictab input[type=radio]:checked ~ label~.cronoviccontent {
 z-index: 1;
}

.cronoviccontent h1{
 margin:0;
 text-transform:uppercase;
 font-family:oswald;
 font-size:30px;
 color:#601004;
 text-shadow: 2px 2px 0px #dbd8d8;
 background-color:#f3f3f3;
 padding:25px;
  
}

.cronoviccontent h2{
 margin:0;
  font-family:oswald;
 font-size:10px;
font-weight:500;
line-height:180%;
}

.cronoviccontent h3{
 margin:0;
 text-transform:uppercase;
 font-family:oswald;
 font-size:15px; 
 color:#1e1e1e;
 border-bottom: 1px solid #1e1e1e;
padding:6px;
}

.loveinitself {
  font-size:9px;
 font-family:oswald;
  letter-spacing:1px;
}

.loveinitself a {
 text-decoration:none;
 font-weight:500;
 font-family:oswald;
 font-size:10px;
 color:#601004;
 text-shadow: 0px 1px 0px #eaeaea;
  -moz-transition:all 0.4s ease-in-out; 
  -webkit-transition:all 0.4s ease-in-out;
  
}


.loveinitself a:hover{
   color:#601004;
  letter-spacing:2px;
}


.cronoviccontent::-webkit-scrollbar { width: 2px; background: #f3f3f3f; } 
.cronoviccontent::-webkit-scrollbar-thumb { background: #601004; } 
.cronoviccontent::-webkit-scrollbar-corner { background: #caa0aa; }


</style>

<div class='postcolor'> <center><div style="width: 550px; padding: 2px; background-color: #eeeeee; border: 20px solid #201e1f;">

<div style="width: 530px; font-family: georgia; font-size: 30px; text-transform: lowercase;  background-color: #601004; color: #ffffff; font-style: italic; line-height: 90%; text-shadow: 1px 1px 0px #1a1b26;">Занятые роли</div>
<p>
<br>
<div style="width: 530px; color: #601004 ; text-align: center; text-transform: uppercase; font-size: 9px; font-family: verdana; height: 10px; border-top: 1px solid #8F4C5B; border-bottom: #8F4C5B 1px solid; margin-bottom: 13px; padding-top: 3px; padding-bottom: 5px;">the hunger games: resonance</div>



<div class="cronoviccontainer">

<div class="cronovictabs">


<div class="cronovictab">
<input type="radio" id="cronovictab-1" name="cronovictab-group-1" checked="">
<div class="cronoviccontent">

<table style="width: 450px; font-family: georgia; font-size: 12px; text-align: center; vertical-align: top !important">
      <tr>
        <td><fc1><b>Женские персонажи </b> </fc1></td>
        <td><fc1><b>Мужские персонажи </b> </fc1></td>
      </tr>
      <tr>
        <td><fc2><br>ABCD</fc2>
        <td><fc2><br>ABCD</fc2>
      </tr>
      <tr>
        <td><div id="facestd">

        <!--ЖЕНСКИЕ ВНЕШНОСТИ-->
 <a href="http://thgresonance.rusff.me/profile.php?id=40">  Alma Coin</a>
          <br>  <a href="http://thgresonance.rusff.me/profile.php?id=7">  Annie Cresta</a>
 <br> <a href="http://thgresonance.rusff.me/profile.php?id=18">Cashmere Richemont</a>
 <br><a href="http://thgresonance.rusff.me/profile.php?id=44">  Cressida</a>

          </div>
        </td>
        <td><div id="facestd">

        <!--МУЖСКИЕ ВНЕШНОСТИ-->
    <a href="http://thgresonance.rusff.me/profile.php?id=10">  Boggs</a> <br>
<a href="http://thgresonance.rusff.me/search.php?action=show_user_posts&user_id=42"> Beetee Latier </a><br>
 <a href="http://thgresonance.rusff.me/profile.php?id=8">Dale Cartwright</a> <br>
      <a href="http://thgresonance.rusff.me/profile.php?id=17">  Coriolanus Snow </a> <br>   
 <a href="http://thgresonance.rusff.me/profile.php?id=38">  Caesar Flickerman</a>     

          </div>
        </td>
      </tr>
      <tr>
        <td><fc2>EFGH</fc2>
        <td><fc2>EFGH</fc2>
      </tr>
      <tr>
        <td><div id="facestd">

        <!--ЖЕНСКИЕ ВНЕШНОСТИ--> 
        <a href="http://thgresonance.rusff.me/profile.php?id=19">  Effie Trinket</a>

          </div>
        </td>
        <td><div id="facestd">
 

        <!--МУЖСКИЕ ВНЕШНОСТИ--> 
<a href="http://thgresonance.rusff.me/profile.php?id=6">  Haymitch Abernathy</a><br>
 <a href="http://thgresonance.rusff.me/profile.php?id=29">  Finnick Odair</a>
<br> <a href="http://thgresonance.rusff.me/profile.php?id=22">  Gloss Richemont</a>
          </div>
        </td>
      </tr>
            <tr>
        <td><fc2>IJKLM</fc2>
        <td><fc2>IJKLM</fc2>
      </tr>
      <tr>
        <td><div id="facestd">

        <!--ЖЕНСКИЕ ВНЕШНОСТИ-->
 <a href="http://thgresonance.rusff.me/profile.php?id=30">  Johanna Mason</a><br>
 <a href="http://thgresonance.rusff.me/profile.php?id=20">  Lauren Ternan</a><br>
 <a href="http://thgresonance.rusff.me/profile.php?id=48">  Madge Undersee</a><br>
 <a href="http://thgresonance.rusff.me/profile.php?id=47">  Katniss Everdeen</a>


          </div>
        </td>
        <td><div id="facestd">

        

        <!--МУЖСКИЕ ВНЕШНОСТИ--> 


       
          </div>
        </td>
      </tr>
                 <tr>
        <td><fc2>NOPQ</fc2>
        <td><fc2>NOPQ</fc2>
      </tr>
      <tr>
        <td><div id="facestd">

        <!--ЖЕНСКИЕ ВНЕШНОСТИ-->

<a href="http://thgresonance.rusff.me/profile.php?id=11">  Primrose Everdeen</a>
        

          </div>
        </td>
        <td><div id="facestd">

        <!--МУЖСКИЕ ВНЕШНОСТИ--> 
 
<a href="http://thgresonance.rusff.me/viewtopic.php?id=142#p5415">Peeta Mellark</a>

          </div>
        </td>
      </tr>
       <tr>
        <td><fc2>RSTU</fc2>
        <td><fc2>RSTU</fc2>
      </tr>
      <tr>
        <td><div id="facestd">

        <!--ЖЕНСКИЕ ВНЕШНОСТИ-->
  <a href="http://thgresonance.rusff.me/profile.php?id=41">  Sabrina Goldenrose</a>


        

          </div>
        </td>
        <td><div id="facestd">

        <!--МУЖСКИЕ ВНЕШНОСТИ--> 
 


          </div>
        </td>
      </tr>
       <tr>
        <td><fc2>VWXYZ</fc2>
        <td><fc2>VWXYZ</fc2>
      </tr>
      <tr>
        <td><div id="facestd">

        <!--ЖЕНСКИЕ ВНЕШНОСТИ--> 
 

          </div>
        </td>
        <td><div id="facestd">

        

        <!--МУЖСКИЕ ВНЕШНОСТИ--> 


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



</div>
</div>

</div>
<br>


</div>  </div>

Код:

 <a href="ссылка на профиль">  имя персонажа</a>

The Hunger Games: Resonance

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

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

Объявление

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

Занятые роли

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

Поделиться12017-02-05 09:20:38