Partagez | 
  codes codes codesVoir le sujet précédent Voir le sujet suivant Aller en bas 
avatar
+ messages : 22
+ localisation : lala
css

Code:
/* HAUT CATEGORIE */
.topCAT {
margin:auto; width:800px; height:45px; padding-top:10px;
background:#6395A0; border-bottom:5px solid #cad78e; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT{
text-align:right; padding-right:35px;
}
.tleCAT h2{
margin:0; font-size:36px; letter-spacing:2px;
font-family:'Great Vibes'; color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; margin-bottom:15px;
width:798px; height:auto; padding-bottom:35px; border-top:none; border:1px solid;
background:#DEE7EE; border-color:#6395A0; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
width:900px; margin:auto; text-align:center;
}
/* BLOC ICÔNES / TITRE / DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES FORUM */
.FRM {
display:inline-block; vertical-align:top; margin:35px 25px 0;
width:400px;
}
/* BORDURE ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:middle;
width:50px; height:50px; padding:5px; border:1px solid;
border-color:#efefef; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:middle; margin-left:35px;
}
/* TITRE FORUM */
.tleFRM {
margin-bottom:10px; width:175px;
text-align:center; font-size:18px; text-transform:uppercase; letter-spacing:1px;
}
.tleFRM a{
font-family:'Open Sans Condensed';  color:#000000 !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:175px; font-size:10px;
color:black;  /* MODIFIABLE */
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
width:86px; height:76px; padding:2px; overflow:hidden;
text-transform:uppercase; font-size:11px; font-family:'Open Sans Condensed';
background:#efefef; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BORDURE NOMBRE SUJETS FORUM */
.nbFRM p{
margin:0; height:59px; padding-top:15px; border:1px solid;
border-color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-top:20px;
background:#efefef; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BORDURE NOMBRE MESSAGES FORUM */
.nbIIFRM p{
border-color:white; /* MODIFIABLE */
}
/* TAILLE NOMBRES NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM b {
font-size:14px;
}
/* BLOC DESCRIPTION & SOUS-FORUMS */
#descFRM {
display:inline-block; margin-top:35px; margin-right:25px;
width:250px; height:178px; overflow:hidden; border:1px solid;
background:#6395A0; border-color:#6395A0; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM{
margin:auto; margin-top:19px;
width:200px; height:128px; padding:5px; overflow:auto;
font-size:11px; text-align:justify; border:1px solid;
background:#D4D6D1; border-color:#6395A0; color:black; /* MODIFIABLE */
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM {
margin-left:120px; margin-top:1px;
width:0; height:0; border-style:solid; border-width:0 10px 17.3px 10px; border-color:transparent;
border-bottom-color:white; /* MODIFIABLE */
}

index_box
Code:
<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
 <table width="900px" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>
 
 <!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <div class="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
    <div class="mdlCAT"><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
      <div class="blocFRM"><div class="FRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="boxFRM"><div class="nbFRM"><p><b>{catrow.forumrow.TOPICS}</b><br/>sujets</p></div><div class="nbFRM nbIIFRM"><p><b>{catrow.forumrow.POSTS}</b><br/>messages</p></div></div></div><div id="descFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div></div> 
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div>
    <!-- END tablefoot --><!-- END catrow -->
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://adomania.forumactif.com
avatar
+ messages : 22
+ localisation : lala
Code:
/* HAUT CATEGORIE */
.tleCAT{
margin:5px auto 0; width:800px; padding:15px 0; text-align:center;
background:#736467; /* MODIFIABLE */
}
/* BANDE GAUCHE TITRE CATEGORIE */
.lftCAT {
display:inline-block; vertical-align:middle; margin-right:10px; height:2px; width:150px;
background:white; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
display:inline-block; vertical-align:middle; margin:0;
font-size:37px; letter-spacing:3px;
color:white; font-family:'Great Vibes'; /* MODIFIABLE */
}
/* BANDE DROITE TITRE CATEGORIE */
.rgtCAT {
display:inline-block; vertical-align:middle; margin-left:10px; height:2px; width:150px;
background:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; margin-bottom:15px; width:800px; padding:25px 0 15px;
background:#E2D5C5; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:10px;
width:750px; text-align:center;
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:5px;
height:15px; padding:5px 0 5px 10px;
text-transform:uppercase; text-align:left; font-size:11px;
background:#736467; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:white !important;  /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin:5px auto 0; width:235px; height:90px; padding-top:5px; overflow:auto;
text-align:center; line-height:0px; color:rgba(0,0,0,0);
background:white; /* MODIFIABLE */
}
/* LIEN SOUS-FORUM */
.sfFRM a{
display:block; margin:auto; margin-bottom:3px; width:95%; padding-bottom:5px;
text-transform:uppercase; text-align:left; font-size:10px; line-height:12px;
border-bottom:1px solid #736467; color:#736467 !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:185px; height:115px; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
background:white; color:#736467; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top;
width:225px; height:118px; padding:7px 0 0 10px;
text-align:left; font-size:12px; text-transform:uppercase;
background:#E2D5C5; color:darkgrey; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
margin-top:5px; width:60%; height:18px; padding:2px 5px 0 10px;
font-size:10px; text-transform:uppercase; text-align:left;
background:#736467; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbFRMII {
margin:5px 0; width:60%; height:18px; padding:2px 5px 0 10px;
font-size:10px; text-transform:uppercase; text-align:left;
background:#736467; color:white; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
position:absolute; margin-left:160px; margin-top:-50px;
width:64px; height:100px; overflow:hidden;
}
.avaFRM img {
height:100px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; margin-left:10px;
width:50px; height:125px;
}

/****************************************** SCROLLBAR ******************************************/
::-webkit-scrollbar { /*taille dans les messages ou fiches */
  height: 5px;
  width: 5px;
  background-color: #EEE8E3; /* couleur de fond */
}
html > ::-webkit-scrollbar {
  width: 7px; /* largeur de la barre du forum */
}
::-webkit-scrollbar-thumb {
  background: #382A1E; /* couleur de la barre qui se déplace */
  border-radius: 50px;  /* Arrondis */
}
::-webkit-scrollbar-track-piece {
  background-color: #EEE8E3; /* couleur de fond */
}

/***TEST***/

.testt {
text-transform:uppercase; text-align:left; font-size:11px;
 /* MODIFIABLE */
}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://adomania.forumactif.com
avatar
+ messages : 22
+ localisation : lala
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://adomania.forumactif.com
avatar
+ messages : 22
+ localisation : lala
pa
Code:
<div class="fondsgénéraux">
 
<center>
 
<div class="titrePA1">
 Once Upon A Time
</div><img src="http://nsa31.casimages.com/img/2014/01/25//140125112012539200.png" style="margin-top: -50px; WIDTH: 100px; margin-left: 320px; opacity: 0.5px" />
</center>
 
<table>
 
<tbody>
 
<tr>
 
<td>
 
<center>
 <script type="text/javascript">
        //<!--
                function change_paonglet(name)
                {
                        document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
                        document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
                        document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
                        document.getElementById('contenu_paonglet_'+name).style.display = 'block';
                        anc_paonglet = name;
                }
        //-->
        </script>
<div class="contenu_paonglets">
 
<div id="contenu_paonglet_contexte" class="contenu_paonglet">
 
<div class="titrePA2">
 Contexte
</div><img src="http://data2.whicdn.com/images/97872350/large.jpg" style="width: 200px" /> <br /><br />
<div style="TEXT-ALIGN: justify; WIDTH: 230px; HEIGHT: 150px; COLOR: #767676; OVERFLOW: auto;">
 Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque Haec nulla rerum nulla benevolentiae fides ab tyrannorum omnia Nam velit caritas erunt homines est nimirum atque ipse enim ullo esse velit ipse nulla omnibus amicitia usu omnium nec atque nulla in nec ergo est stabilis abundantia fidem semper suspecta neque potest suspecta sollicita erunt diligat tyrannorum omnibus usu ut est qua si abundantia stabilis usu ullo neque Haec suspecta omnium vivere si omnium de vivere abundantia Nam est disputabunt habent circumfluere caritas stabilis atque. <a href="http://rpgiletaitunefois.lesmots.net/t13-le-contexte" style="COLOR: #fe6d6d !important">La suite</a>
</div>
 
</div>
 
<div id="contenu_paonglet_encours" class="contenu_paonglet">
 
<div class="titrePA2">
 Actuellement ...
</div><img src="http://data2.whicdn.com/images/83773104/large.gif" style="WIDTH: 200px" /> <br /><br />
<div style="TEXT-ALIGN: justify; WIDTH: 230px; HEIGHT: 175px; COLOR: #767676; OVERFLOW: auto;">
 Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque Haec nulla rerum nulla benevolentiae fides ab tyrannorum omnia Nam velit caritas erunt homines est nimirum atque ipse enim ullo esse velit ipse nulla omnibus amicitia usu omnium nec atque nulla in nec ergo est stabilis abundantia fidem semper suspecta neque potest suspecta sollicita erunt diligat tyrannorum omnibus usu ut est qua si abundantia stabilis usu ullo neque Haec suspecta omnium vivere si omnium de vivere abundantia Nam est disputabunt habent circumfluere caritas stabilis atque.
</div>
 
</div>
 
</div><br />
<div class="paonglets">
 <span onclick="javascript:change_paonglet('contexte');" id="paonglet_contexte" class="paonglet_0 paonglet"><img src="http://i56.servimg.com/u/f56/18/71/36/65/sans_t10.png" /></span> <span onclick="javascript:change_paonglet('encours');" id="paonglet_encours" class="paonglet_0 paonglet"><img src="http://i56.servimg.com/u/f56/18/71/36/65/sans_t12.png" /></span>
</div>
 <script type="text/javascript">
        //<!--
                var anc_paonglet = 'contexte';
                change_paonglet(anc_paonglet);
        //-->
        </script><br /><br />
<div class="blocpa">
 
<div class="titrePA2">
 Liens utiles
</div><br /><select onchange="location = this.value" style="BACKGROUND-COLOR: #d3d3d3; WIDTH: 190px; COLOR: #16161a"> <option>Faites votre choix</option> <option value="#">Lien</option> <option value="#">Lien 2</option> <option value="#">Lien 3</option> <option value="#">Lien 4</option> <option value="#">Lien 5</option></select>
</div><br /><br />
<div class="blocpa">
 
<div class="titrePA2">
 Les manitou-tou
</div><d class="info"><img src="http://i56.servimg.com/u/f56/18/71/36/65/110.png" class="imgwidget" /><span><e style="COLOR: #f0f0f0 !important; FONT-SIZE: 18px !important" class="titrePA1">Pseudo</e> <br /><a href="#" style="COLOR: #f0f0f0 !important">Profil</a> <f style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕</f> <a href="#" style="COLOR: #f0f0f0 !important">MP</a></span></d> <d class="info"><img src="http://i56.servimg.com/u/f56/18/71/36/65/110.png" class="imgwidget" /><span><e style="COLOR: #f0f0f0 !important; FONT-SIZE: 18px !important" class="titrePA1">Pseudo</e> <br /><a href="#" style="COLOR: #f0f0f0 !important">Profil</a> <f style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕</f> <a href="#" style="COLOR: #f0f0f0 !important">MP</a></span></d> <d class="info"><img src="http://i56.servimg.com/u/f56/18/71/36/65/110.png" class="imgwidget" /><span><e style="COLOR: #f0f0f0 !important; FONT-SIZE: 18px !important" class="titrePA1">Pseudo</e> <br /><a href="#" style="COLOR: #f0f0f0 !important">Profil</a> <f style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕</f> <a href="#" style="COLOR: #f0f0f0 !important">MP</a></span></d>
</div>
 
</center>
 
</td>
 
<td style="WIDTH: 20px">
 
</td>
 
<td>
 
<center>
 
<div style="WIDTH: 350px" class="blocpa">
 
<div class="titrePA2">
 Nos actualités
</div><br /><br />
<div style="TEXT-ALIGN: justify; WIDTH: 300px; HEIGHT: 150px; COLOR: #767676; OVERFLOW: auto">
 <span style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕ </span>Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque <a href="#" style="COLOR: #fe6d6d !important">La suite</a> <br /><br /><span style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕ </span>Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque <a href="#" style="COLOR: #fe6d6d !important">La suite</a> <br /><br /><span style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕ </span>Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque <a href="#" style="COLOR: #fe6d6d !important">La suite</a> <br /><br /><span style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕ </span>Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque <a href="#" style="COLOR: #fe6d6d !important">La suite</a> <br /><br />
</div><br /><br />
<div class="titrePA2">
 Nos vedettes manquantes sont ...
</div>
 <br /><br /> <c class="info"><img src="http://i56.servimg.com/u/f56/18/71/36/65/110.png" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important" class="titrePA1">Pseudo</d> <br /><a href="#" style="COLOR: #fe6d6d !important">Sa fiche</a></span></c> <c class="info"><img src="http://i56.servimg.com/u/f56/18/71/36/65/110.png" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important" class="titrePA1">Pseudo</d> <br /><a href="#" style="COLOR: #fe6d6d !important">Sa fiche</a></span></c> <c class="info"><img src="http://i56.servimg.com/u/f56/18/71/36/65/110.png" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important" class="titrePA1">Pseudo</d> <br /><a href="#" style="COLOR: #fe6d6d !important">Sa fiche</a></span></c> <c class="info"><img src="http://i56.servimg.com/u/f56/18/71/36/65/110.png" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important" class="titrePA1">Pseudo</d> <br /><a href="#" style="COLOR: #fe6d6d !important">Sa fiche</a></span></c>
</div><br />
<div style="WIDTH: 300px" class="blocpa">
 
<div class="titrePA2">
 Pensez à survoler tout élément suspect !
</div>
 
</div><br />
<div style="WIDTH: 350px" class="blocpa">
 
<div class="titrePA2">
 Si tu nous aimes, prouve-le !
</div><a href="#"><img src="http://www.renders-graphiques.fr/image/upload/normal/1079_render_Pomme.png" class="tops" /></a> <a href="#"><img src="http://www.renders-graphiques.fr/image/upload/normal/1079_render_Pomme.png" class="tops" /></a> <a href="#"><img src="http://www.renders-graphiques.fr/image/upload/normal/1079_render_Pomme.png" class="tops" /></a><br /><a href="#" style="FONT-FAMILY: georgia; COLOR: #fe6d6d !important"><em>Et sois récompensé</em></a>
</div>
 
</center>
 
</td>
 
</tr>
 
</tbody>
 
</table><br /><a style="color: #767676 !important;" href="http://www.never-utopia.com">© Halloween</a>
</div><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Parisienne" />

css
Code:
/*--------------------------------- PA ---------------------------------*/

/* Fond */
.fondsgénéraux {
  background-color: #1B1B1F;
  width: 700px;
  padding: 15px;
  color: #767676;
}

.blocpa {
  width: 220px;
  padding: 15px;
  background-color: #141517;
}

.blocpa:hover {
  width: 220px;
  background-color: #141517;
  border-left: 2px solid #2F3C3E;
  border-right: 2px solid #2F3C3E;
}

/* Titres */
.titrePA1 {
  font-family: parisienne;
  font-size: 35px;
  color: #FE6D6D;
  z-index: 1px;
  position: relative;
}

.titrePA2 {
  font-family: parisienne;
  font-size: 25px;
  color: #F0F0F0;
  position: relative;
}

.titrePA2:hover {
  font-family: parisienne;
  font-size: 25px;
  color: #FE6D6D;
  position: relative;
}

.titrePA3 {
  font-family: parisienne;
  font-size: 25px;
  color: #FE6D6D;
  position: relative;
}

.titrePA3:hover {
  font-family: parisienne;
  font-size: 25px;
  color: #F0F0F0;
  position: relative;
}

/* Système onglets */
.paonglet {
  display: inline-block;
  cursor: pointer;
}

.contenu_paonglet {
  display: none;
  width: 250px;
  height: 360px;
  background-color: #141517;
}

.contenu_paonglet:hover {
  display: none;
  width: 250px;
  background-color: #141517;
  border-left: 2px solid #2F3C3E;
  border-right: 2px solid #2F3C3E;
}

/* Info-bulles staff */
.info {
  position: relative;
  z-index: 24;
  text-decoration: none;
}

d.info:hover {
  z-index: 25;
}
 
d.info span {
  display: none;
}
 
d.info:hover span {
  display: block;
  position: absolute;
  top: -2em;
 left: -2em;
  width: 120px;
  height: 50px;
  background-color: #1B1B1F;
  color: #16161A;
  text-align: center;
  font-weight: none;
}

/* Info-bulles prédef */
.info {
  position: relative;
  z-index: 24;
  text-decoration: none;
}
 
c.info:hover {
  z-index: 25;
}
 
c.info span {
  display: none;
}
 
c.info:hover span {
  display: block;
  position: absolute;
  top: -7.3em;
 left: -0.2em;
  border-radius: 50%;
  width: 85px;
  height: 85px;
  background-color: #1B1B1F;
  color: #16161A;
  text-align: center;
  font-weight: none;
}

/* Images Prédef */
.imgPA {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

/* Images Staff */
.imgwidget {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: linear;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: linear;
  transition-duration: 1s;
  transition-timing-function: linear;
}

.imgwidget:hover {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Top Sites */
.tops {
  -moz-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  width: 40px;
}

.tops:hover {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 40px;
}

/*--------------------------------- FIN PA ---------------------------------*/
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://adomania.forumactif.com
avatar
+ messages : 22
+ localisation : lala
PNJ LALALALA
CAMP TROIS LALALALA
COLONIE LALALALA ici lien lala
CAMP JUPITER LALALALA
ERRANTS LALALALA
CREATURES LALALALA
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://adomania.forumactif.com
avatar
+ messages : 22
+ localisation : lala
Son regard se promène autour d'eux, attentif. Il est tendu, comme toujours en public. Il cherche la moindre indication que quelque chose est anormal, que quelqu'un chercherait à s'approcher un peu trop près. Il est installé dos au mur, toujours dos au mur, personne ne peut arriver derrière et il voit à peu près tout le café, du groupe d'adolescents qui trinquent avec leurs gobelets dans d'immenses éclats de rire au couple discret qui partage un cookie en se regardant dans le blanc des yeux. Il se demande ce que ça fait, d'être mortel. D'être aussi... inconscients des dangers qui les entourent, des monstres qu'ils croisent tous les jours, de ce à quoi ils échappent constamment en se promenant dans des ruelles sombres à des heures tardives de la nuit. Il se demande ce que ça fait, de ne pas avoir le sang divin qui coule dans ses veines et le poids qui l'accompagne. Il les méprise, la plupart du temps, les mortels. Ils se soucient de choses trop simples, rient d'un rien, bravent des dangers juste pour le plaisir de sentir l'adrénaline leur courir dans les veines, avalent des litres d'alcool pour pouvoir excuser leur comportement erratique. Il les envie, aussi, des fois. La simplicité de leur vie, la possibilité de flâner dans des rues animées sans avoir à rester alerte en permanence, la guerre qui n'a jamais eu lieu à leurs yeux, les pertes qu'ils n'ont jamais subies, la violence que la plupart n'ont pas connue. Il porte le gobelet à ses lèvres, se brûle la langue avec le liquide sombre, savoure le goût amer qui se répand dans sa bouche, et tourne la tête pour observer Teagan. C'est étrange, de la voir là, au milieu des mortels comme une fille normale. Il l'a toujours vue au camp, une arme à portée de main. Avec un sourire discret, il laisse échapper un petit son semblable à un rire, et désigne le groupe d'adolescents, qui se prennent en photo par deux ou trois et commentent les images affichées ensuite sur leur écran. Sans trop réfléchir, il plonge la main dans sa poche et en ressort le téléphone qu'il a parfois sur lui, au cas où, et parce qu'il peut y transférer ses livres quand il en a besoin. Il déverrouille l'écran, sélectionne l'appareil photo, et le tend vers Teagan. "Faut bien se fondre dans le décor." Il n'y a pas une once de rire dans sa voix, juste la douceur habituelle, mais le coin de ses lèvres est relevé dans un sourire timide, un genre d'encouragement, parce qu'ils ne font jamais ça, mais qu'il aimerait bien croire qu'il est normal, juste de temps en temps. "Souris, tata Tea." Il prend une photo d'elle, examine l'image ensuite, avant d'hocher la tête. Puis, il se rapproche doucement d'elle, bouge sa chaise de quelques centimètres, et tend le téléphone à la jeune femme. "Une de nous deux, maintenant." Autant se faire des souvenirs autres que ceux qui le hantent dans ses nuits agitées.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://adomania.forumactif.com
avatar
+ messages : 22
+ localisation : lala
up
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://adomania.forumactif.com
avatar
+ messages : 22
+ localisation : lala

teagan & theodore

don't ask, just come along.


Dehors, le froid s'est installé. Theodore le sent même depuis son lit, sur lequel il est allongé. Il n'a même pas pris la peine de défaire les draps. Il l'a senti dès l'instant où il est allé se coucher : il verrait les heures passer sans même pouvoir fermer les yeux. Ce n'est pas plus mal, ceci dit. Les cauchemars le hantent chaque fois qu'il ferme les yeux. Parfois, ils sont là même quand il est éveillé. La fatigue le rend plus faible, ses souvenirs se mêlent, et il voit Jules encore debout, à la bataille de Manhattan où s'entrechoquent les armes écarlates. Ses souvenirs se mêlent, les images plus atroces qu'elles ne devraient l'être. Etre incapable de dormir lui évite au moins les cauchemars plus vrais que nature, qui le laissent essoufflé et le coeur affolé. La douleur s'était calmée, dans sa poitrine et dans le creux de son estomac. Au fil des mois, il allait mieux - grâce au troisième camp, grâce à Declan et leur petit groupe de bras cassés. Quand ils se sont installés près de Sanford, les souvenirs comme les cauchemars sont revenus avec force. Ils se sont installés dans les bois, le même décor où Theodore a perdu Jules. Quand il s'éveillait de ses cauchemars, ce n'était que pour voir les arbres et leurs feuilles mortes, les même couleurs et les mêmes formes que ses cauchemars. Il n'avait pas remis les pieds dans une forêt depuis Jules. Y vivre à nouveau avait été comme se plonger dans ce souvenir, encore et encore. Et tous ses progrès avaient été réduits à néant.
Avec le temps, ça s'était amélioré. Theodore a bien compris, le temps, il n'y a que ça pour guérir. Même s'il n'a jamais vraiment guéri. Les choses se sont améliorées, et la panique s'était atténuée à chaque réveil. Au fil du temps, la forêt qui les entoure encore aujourd'hui est devenue plus accueillante. Différente de celle de ses souvenirs. Il y a encore des jours plus difficiles, comme aujourd'hui. Ces jours où il s'échappe comme il le peut, va parcourir les rues de Sanford ou rejoint les missions de ravitaillement pour échapper quelques temps à l'ombre des arbres et au fantôme de Jules. C'est ce qu'il sait faire de mieux, fuir. Surtout depuis Jules, surtout depuis Manhattan. La vue des armes, des demi-dieux couverts de cicatrices lui est parfois trop difficile à supporter. Sanford le rassure, lui rappelle les nombreuses villes visitées avec Jules, lui rappelle un peu Lewisburg et Livia. Ca fait un peu mal, mais c'est une douleur différente de celle qu'il éprouve quand il pense à ce qu'il a perdu.

Aujourd'hui est un de ces jours où Theodore a besoin de s'échapper. Le gel s'est déposé sur les feuilles des arbres, sur les fenêtres et la rambarde devant la maison deux. Theodore n'a même pas besoin de mettre les pieds dehors pour savoir qu'il règne un froid glaçant, celui qui s'insinue dans les os et donne l'impression qu'il ne partira jamais. Il n'a pas besoin de vérifier la température pour savoir que le sweatshirt à capuche écarlate qu'il a enfilé ne suffira pas à le réchauffer. La veste qu'il enfile par-dessus ne sera pas d'une grande utilité non plus, mais l'hiver s'est installé sournoisement, sans prévenir, et il n'a pas de vêtements chauds - il était trop habitué à voyager léger, et emmener un gros manteau était compliqué lorsque le besoin de fuir les monstres se faisait. Peut-être que s'il y pense, il passera en acheter, aujourd'hui. Parce qu'il quitte le camp pour la journée, c'est sûr. Rester là et tourner en rond ne suffira pas à calmer son coeur qui rate des battements, à apaiser la boule qui repose dans son estomac et à défaire le noeud qui lui serre la gorge. Il n'est même pas sûr de pouvoir parler. Poursuivre la construction des maisons du camp ne sera pas suffisant non plus, son esprit marche à cent à l'heure. Sanford reste la meilleure solution.
Quand il rejoint la maison principale, il est déjà dix heures, mais la luminosité laisse penser qu'il est déjà dix-sept heures. Il fait sombre, comme si quelqu'un avait jeté un drap gris sur le camp tout entier. Dans la pièce principale, il croise quelques demi-dieux à qui il adresse un bref signe de tête, incapable de se pousser à aller faire la conversation. Aujourd'hui n'est pas un de ces jours. Theodore s'approche du petit panneau qui indique les listes de ce dont le camp a besoin. Remplies au fur et à mesure, quand ils viennent à manquer de quelque chose. Comme ça, ceux qui partent du camp pour des raisons diverses peuvent vérifier et récupérer ce qui manque s'ils en ont l'occasion. Au moins, Theodore peut se sentir utile  même quand il échappe à ses responsabilités. Il note mentalement quelques listes - le matériel pour la construction, mais aussi la nourriture et les vêtements - et quitte la maison rapidement. A cette heure-ci, la pièce principale est bien remplie, par ceux qui veulent s'entretenir avec les responsables de maison, Declan ou juste vérifier les listes. Ca le rend anxieux, quand il est dans cet état.

A peine a-t-il mis un pied dehors qu'il se trouve face à Teagan, immanquable. Elle dégage quelque chose, ça fait Theodore se sentir minuscule, à côté d'elle. C'est peut-être son parent divin, ou juste elle. Il lui adresse un sourire minuscule, son sourire un peu tordu qui est tout ce qu'il peut lui offrir à ce moment précis. Et, sans réfléchir : "Je vais à Sanford pour le ravitaillement." Il n'ajoute rien, même si la suite de sa phrase est en suspend, comme une proposition ou une suggestion. La vérité, c'est qu'il n'a pas envie d'être seul, mais qu'il n'a pas envie de parler non plus. Teagan comprend ça, des fois. Ou alors elle le secoue. Dans les deux cas, elle l'aide. Theodore resserre les pans de sa veste contre lui, se balance lentement d'un pied sur l'autre. "Y'a besoin de pas mal de trucs, j'aurais besoin de quelqu'un de fort et musclé pour tout porter." Il parvient même à insérer une note d'humour dans la fin de sa phrase. Miracle.

AVENGEDINCHAINS
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://adomania.forumactif.com
Contenu sponsorisé
Revenir en haut Aller en bas
 
codes codes codes
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» FR-7B et Codes Midi ChangeControl Expression
» sites pour les codes CUP
» Codes midi..
» manuel de code e-anim
» Vidéos - générateur de code pour vidéo et player

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
test. :: first of all. :: Votre 1er forum :: sous forum.-