RSS
RSS



 
ouverture du forum
le 01/08/2013 - nous avons 1 an ! *champagne*

Partagez| .

version 16 / gris intrigue cluedo

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage




Admin
avatar
louha
http://louha.forumactif.org
Messages : 531
Date d'inscription : 15/08/2013


MessageSujet: version 16 / gris intrigue cluedo Ven 15 Mai - 23:04

catégories

Code:
        <table width="100%" 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 style="font-size:9px;" class="gensmall" href="{U_SEARCH_NEW}">quoi de neuf ?</a> &                   
        <a style="font-size:9px;" class="gensmall" href="{U_SEARCH_SELF}">mes messages</a> &
       
        <!-- END switch_user_logged_in -->
        <a style="font-size:9px;" class="gensmall" href="{U_SEARCH_UNANSWERED}"> sans réponse</a>
              </td>
          </tr>
        </table>
        <!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="cathead"><div style="text-align:center; background-position:bottom center;"><span class="secondarytitle"><div class="catetitre">{catrow.tablehead.L_FORUM}</div></span></div></div><div class="catbody"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
             
                 
          </tr>
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
              <!-- END inc -->
              <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                <h{catrow.cathead.LEVEL} class="hierarchy">
                    <span class="cattitle">
                      <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                    </span>
                </h{catrow.cathead.LEVEL}>
              </td>
              <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
          </tr>
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
              <!-- END inc -->
           

              <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <h{catrow.forumrow.LEVEL} class="hierarchy">
                            <span class="forumlink">
                         
           
                          </span>
                        </h{catrow.forumrow.LEVEL}>
                          <span class="genmed"><div class="desccolonne"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="nomcat">{catrow.forumrow.FORUM_NAME}</div></a>
                            <table><tbody><tr><td><div class="boutcat"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div></td>
                              <td><table><tbody><tr><td><div class="entourdesc"><div class="description">{catrow.forumrow.FORUM_DESC}</div></div><br/><div class="sousfocat">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </div></td></tr></tbody></table></td>
                              <td><table><tr><td><div id="colonneinfo">{catrow.forumrow.LAST_POST}</div></td></tr><tr><td><div id="lastmsg">{catrow.forumrow.POSTS} M. dans {catrow.forumrow.TOPICS} S.</div></td></tr></table></td></tbody></table></div></span>
                <span class="gensmall">
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                             
                </span>
              </td>
           
          </tr>
          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
              <!-- END inc -->
              <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
          </tr>
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
        </table></div></div><div class="catfoot"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

_________________

Elaine Pendragon
Il parait que je suis quelqu'un d'important. Il parait... Je sais qui je suis : une orpheline parmi tant d'autres.
Revenir en haut Aller en bas




Admin
avatar
louha
http://louha.forumactif.org
Messages : 531
Date d'inscription : 15/08/2013


MessageSujet: Re: version 16 / gris intrigue cluedo Ven 15 Mai - 23:10

css

Code:
/*--------------------------------------------------
              FLECHES DE NAVIGATION
---------------------------------------------------*/
.haut{     
  position:fixed;
  bottom:50px;   
  right:50px;
}
.bas{
  position:fixed;     
  bottom:10px;
  right:50px;
}

/*--------------------------------------------------
                  MODIFICATIONS header
---------------------------------------------------------*/     
 body{
  background-image: url();
background-color: #C5C4AD;
background-position:top;
background-repeat:no-repeat;
}

.bodyline{
  border-left: 4px solid #e3e5c7;
  border-right: 4px solid #e3e5c7;
  border-bottom: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

/****** ------------------------------
      ANNONCE EN HAUT DU FORUM
---------------------------********/
/***** pour modifier le fond des annonces defilantes ****/
#fa_ticker_container {
background-color: #C5C4AD;
  border-top: 3px solid #e3e5c7;
  border-bottom: 3px solid #e3e5c7;
  border-radius:30px;
}
.annoncetitre
{
  color: #593813;
  font-size: 25px;
  font-family: 'Vibur', cursive;
  text-align: center;
  margin-bottom: -15px;
}
.texteannonce
{
  color: #848484;
  font-size: 15px;
 font-family: 'Snippet', sans-serif;
}

/*--------------------------------------------------
                  MODIFICATIONS DES CATEGORIES
---------------------------------------------------------*/

.cathead{
      background: url('http://image.noelshack.com/fichiers/2015/14/1428156072-haut.png') top center no-repeat;
      width: 750px;
  height:180px;
      margin: auto; /*Permet de centrer la partie du corps*/
      margin-bottom: -5px;
}
.catbody{
      background: url('') repeat-y;
      background-color: #A6A58B;
      width: 750px;
      margin: auto;
      margin-top: 0px;
      margin-bottom: 0px;
}
.catfoot{
      background: url('http://image.noelshack.com/fichiers/2015/14/1428155961-bascate.png') bottom center no-repeat;
      width: 750px;
  height:80px;
      margin: auto;
      margin-top: -5px;
}
.catetitre{
  text-align: left;
  padding-left:100px;
  padding-top: 45px;
}
.catetitre h2{
  font-size:50px;
  color: #40464A;
  font-family: "Seaweed Script";
  text-shadow: 3px 3px 3px #C5C4AD;
}
.catforum{
      background-color: #;
      border: 2px solid #;
      width: 700px;
      height: 150px;
      margin: auto;
      margin-top: 5px;
      margin-bottom: 5px;
}
.boutcat img{
      width: 70px;
      height: 70px;
      margin-right: 10px;
}
#colonneinfo {
      width: 130px;
      height: 50px;
      background-color: #C5C4AD;
      border-left: 3px solid #40464A;
  border-right: 3px solid #40464A;
      font-size: 10px;
      font-style: normal;
      font-weight:bold;
      position: absolute;
  margin-top:-50px;
      margin-left: 10px;
      text-align: center;
      z-index: 1;
  border-radius: 20px;
}
#lastmsg {
  width: 120px;
  height: 20px;
  position: absolute;
      margin-left: 10px;
  font-size: 9px;
      text-align: center;
      z-index: 1;
}
.nomcat{
      font-size: 25px;
      text-align: left;
  margin-left:150px;
      padding-left: 120px;
      margin-bottom: -20px;
      color: #40464A;
      border-bottom: 1px solid #;
  font-family: "Niconne";
}
.description{
      width: 420px;
      height : 70px;
      margin-top: 10px;
      margin-bottom: -10px;
  margin-left:-35px;
      background-color: #C5C4AD;
      overflow: hidden;
      font-size: 10px;
      font-family: 'verdana';
      text-align: justify;
  border-radius: 25px;
  border-left: 5px solid #40464A;
  border-right: 5px solid #40464A;
  padding-left : 15px;
  padding-right:15px;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
}
.entourdesc {
  margin-left : 25px;
  width: 400px;
  height: 75px;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  background: #40464A;
  border-bottom: 2px solid #EDEDCA;
  border-radius: 25px;
}
.titredesc{
  color: #B21375;
  display: inline;
}
.desccolonne{
      width: 690px;
      height: 120px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
      padding: 10px;
}
.sousfocat{
      width: 450px;
      height: 30px;
      overflow: auto;
      text-align:center;
      margin: auto;
      margin-top: -5px;
}
.titredesc {
    font-family: "Ubuntu Mono:700";
  font-size: 10px;
  text-transform : uppercase;
  font-weight: bold;
  color: #1A6D89;
}

/*============================================================
                      * liste des sujets *
===============================================================*/
.bloc_sujets
{
  width: 740px;
  margin: auto;
  background: #C5C4AD;
  border: 1px solid #E3E5C7;
  padding: 5px;
  border-radius:30px;
}
.sujets
{
  background: #A6A58B;
  border: 1px solid #E3E5C7;
  padding: 3px;
  border-radius:30px;
}
.topictitle
{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last
{
  display: block;
  width: 200px;
  height: 40px;
  background: #E3E5C7;
  border-left: 3px solid #40464A;
  border-right: 3px solid #40464A;
  border-radius:30px;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  width: 700px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu
{
  font-size: 10px;
  color: #40464A;
}
.lastpost-avatar {
  float: left;
  position:relative;
  margin-left: 10px;
  margin-top:5px;
}
.lastpost-avatar img {
  height: 40px;
  width: auto;
  border-radius:15px
}
/*-----------------------------------------------------
                MODIFICATIONS PROFILS
---------------------------------------------------*/
.postdetails.poster-profile img {
  max-width:200px;
  border : 1px solid #2B2626 ;
}
.details_profil img{
  max-width:190px;
  border : 1px solid #2B2626 ;
}
.avatar_profil {
  max-height: 320px !important;
}
.profilmasque {
      background-color: #C5C4AD;
      width: 200px;
      padding: 5px;
      font-size: 11px;
      font-family: 'Voltaire', sans-serif !important;
  border-radius:20px;
    }
.profil1 {
      width: 200px;
      font-size: 20px;
      font-family: 'Miniver', cursive;
      background-color: #A6A58B;
      border: none;
      color: #2B2626;
  border-radius: 25px;
    }
.profil {
      background-color: #A6A58B;
      padding: 10px;
      border-radius: 25px;
    }
.rang {
  border: 1px solid #2B2626;
      background-color: #C5C4AD;
      padding: 10px;
      width: 200px;
      text-align: center;
      color: #2B2626 !important;
      font-size: 25px;
  font-family: 'Vibur',;
  border-radius: 25px;
 font-size: 15px;
    }
#rankabs {
  text-align:center;
  margin-top: -45px;
 
}
.bloc_pseudo {
      padding: 10px;
      width: 200px;
      position: relative;
      left: 1em;
      text-align: center;
      font-size: 12px;
      font-family: 'Miniver', cursive;
    }
.pseudo_profil {
      font-family: 'Finger Paint', cursive;
      font-size: 20px !important;
      text-align: center;
  margin-bottom: -18px;
    }

    .details_profil {
      background-color: #;
      padding: 1px;
      width: 210px;
      height: 350px;
      overflow: auto;
      text-align: justify;
      color: #2B2626 !important;
      font-size: 11px;
      font-family: 'Voltaire', sans-serif !important;
    }

/*-----------------------------------------------------
                MODIFICATIONS GENERALES
---------------------------------------------------*/

/*CSS de la petite phrase à la fin du fofo */
.mes-credits{
  font-weight:normal;
  color: #2B2626;
  font-size:11px;
  text-align:justify;
  font-family:arial, helvetica, sans-serif;
}

/*fond de la feuille de personnage */
textarea, input, select {
  background-color: #A6A58B;
  border-radius: 15px;
  border : 1px solid #2B2626;
  padding: 5px;
}

/* pas de soulignement de liens */
a:link {text-decoration: none!important; font-style:"Vibur";}
a:visited {text-decoration: none!important;}
a:hover {text-decoration: none !important;}

div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(http://image.noelshack.com/fichiers/2015/04/1422025552-ntbg.png);
  z-index:10;
   
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 7px;
    text-align: left;
    padding-top: 3px;
}
        .realTime_alert{
        background:#FDFDFD no-repeat 10px center;
        -webkit-background-size:50px;
          -moz-background-size:50px;
            -o-background-size:50px;
                background-size:50px;
        -webkit-box-shadow:0 0 4px rgba(0,0,0,.6);
          -moz-box-shadow:0 0 4px rgba(0,0,0,.6);
                box-shadow:0 0 4px rgba(0,0,0,.6);
        position:fixed;
        top:50px;
        right:20px;
        min-height:60px;
        font-size:13px;
        width:200px;
        padding:10px 10px 10px 70px;
        font-family:Helvetica;
        color:#474747;
        }
        .realTime_alert b{
        display:block;
        margin-bottom:5px;
        font-size:15px;
        }
        .realTime_alert .close{
        position:absolute;
        right:10px;
        top:5px;
        font-size:15px;
        -webkit-border-radius:50px;
          -moz-border-radius:50px;
                border-radius:50px;
        height:16px;
        width:16px;
        text-align:center;
        line-height:13px;
        cursor:pointer;
        }
        .realTime_alert .close:hover{
        color:#FFF;
        background:#666;
        }
        #ebtzd .tooltip{
        opacity:0;
        position:relative;
        overflow:visible;
        z-index:100!important;
        display:inline-block;
        top:5px;
        -webkit-transition-duration:500ms;
          -moz-transition-duration:500ms;
            -o-transition-duration:500ms;
                transition-duration:500ms;
        background:rgba(0, 0, 0, .8);
        padding:10px;
        -webkit-border-radius:3px;
          -moz-border-radius:3px;
                border-radius:3px;
        font-family:Helvetica;
        letter-spacing:1px;
        font-size:13px;
        width:300px;
        color:#fff;
        }
/*------------------------------------------------------
                      CSS pour tous les postes
-------------------------------------------------------*/
.postbody {
    text-align: justify !important;
}

.wrapmsg{
  background-color : #A6A58B;
  border-left : 2px solid #52526E;
  border-right : 2px solid #52526E;
  border-top : 5px solid #52526E;
  border-bottom : 5px solid #52526E;
  padding: 30px;
  text-align: justify;
  min-height : 100px;
  border-radius: 25px;
}
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}
/*==================================
Sélectionner le contenu
====================================*/
.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
  color: #2B2626;
  font-size:10px;
}
::selection{
        background: #CDCCB1;
        color: #2B2626;
    }
::-moz-selection{
        background: #CDCCB1;
        color: #2B2626;
    }
::-webkit-selection{
        background: #CDCCB1;
        color: #2B2626;
    }
::-htm-selection{
        background: #CDCCB1;
        color: #2B2626;
    }
::-o-selection{
        background: #CDCCB1;
        color: #2B2626;
    }
/*-----------------------------------------------------
          MODIFICATIONS SPOILER/CODE/QUOTE
---------------------------------------------------*/
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
    color: #2B2626;
  background-color: #52526E;
  text-align : justify; /* alignement standart d'un spoiler */
  border-color: transparent; /* c'est ceci qui fera disparaître votre cadre */
  padding:10px; /* espacement entre le bord de votre cadre et votre texte */
  max-height:420px;
  width:350px!important;
  border-radius:25px;
  overflow:auto;
}
.code, .quote {
    color: #2B2626;
    background-color: #52526E;
  text-align : justify; /* alignement standart d'un spoiler */
  border-color: #181010; /* c'est ceci qui fera disparaître votre cadre */
  display:block;
  max-height:420px;
  width:350px!important;
  position: center;
  text-align:justify;
  padding:5px;
  border-radius:25px;
  overflow:auto;
}
.hidecode dd{
  color:#2B2626;
    background-color: #52526E;
  text-align : justify; /* alignement standart d'un spoiler */
  border-color: #181010; /* c'est ceci qui fera disparaître votre cadre */
  display:block;
  max-height:420px;
  width:350px!important;
  position: center;
  text-align:justify;
  padding:5px;
  border-radius:25px;
  overflow:auto;
}
/*-----------------------------------------------------
            MODIFICATIONS ZONE DE TEXTE
---------------------------------------------------*/

/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #C5C4AD !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #C5C4AD !important;}
/*---  Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
  background-color: #C5C4AD !important; 
  width: 540px !important;
}
/*---  Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
  background-color: #C5C4AD !important;
  text-align:justify;
  margin:0 !important;
  line-height: 16px;
  width: 540px !important; 
  color: #52526E !important;
  font-size:11px !important;
}
/*---  Groupe de boutons ---*/
div.sceditor-group {background-color: #C5C4AD !important; }
/*---  Boutons ---*/
a.sceditor-button {      }
/*---  Boutons sélectionnés ---*/
a.sceditor-button.hover {background-color: #E3E5C7 !important;}
/*---  Smileys ---*/
.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}

        /* bordure de l'éditeur */
div.sceditor-container {
  border: 1px solid #E3E5C7;
  border-radius:25px;
  padding: 5px;
}
       
/* bordure entre la barre d'outils et la zone de saisie de texte */

body div.sceditor-toolbar {
  border: 1px solid #E3E5C7;
  border-radius:25px;
}
       
/* bordure sous les groupes de bouton */
       
body div.sceditor-group { 
  box-shadow: none
}
/* ombre d'un bouton survolé ou activé */
       
a.sceditor-button:hover, a.sceditor-button.hover {
  box-shadow: none;
  background-color: #E3E5C7 !important;
}
        /* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */
        .sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
        /* Image du bouton */
        .sceditor-button-fontawesome div { background:url(http://i19.servimg.com/u/f19/19/06/98/92/fa-f10.png) !important }
       
        /* Popup */
        .sceditor-fontawesome {
          width:220px;
          height:250px;
          overflow-y:auto;
        }
       
        /* Icônes */
        .sceditor-fontawesome i {
          color:#333;
          font-size:20px;
          text-align:center;
          cursor:pointer;
          padding:3px 0;
          width:25%;
        }
        .sceditor-fontawesome i:hover { color:#666 }
/*-----------------------------------------------------
                MODIFICATIONS CHATBOX
---------------------------------------------------*/

#chatbox_header .catBottom .cattitle {
            color: #52526E;
}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
  color: #52526E;

#chatbox_members ul li,
#chatbox_members ul li a {   
  color: #8F0735;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3, .chatbox_row_1 a, .chatbox_row_2 a, .chatbox_row_3 a  {
  color: #52526E;
}
body.chatbox {
  background-image: none;
  background-color: #C5C4AD;
}
#chatbox_header .cattitle:before { content: "La cours de récréation"; }
#chatbox_header .cattitle strong { visibility: hidden; }
#chatbox_header .cattitle:before { content: "La cours de récréation"; }
#chatbox.recently-connected:after {
  font-family: "trebuchet ms", serif;
  color: #8BC34A;
  box-shadow:0 0 5px #AED581;
  display:block;
  background: #F1F8E9;
  margin:auto;
  width:80%;
  content: "Bienvenue sur la chatbox =D \a Si tu es seul, Remonte le sujet dans le flood !";
        }
/*===========================
        QEEL
=============================*/

.qeel
{
  width: 750px;
  height: 400px;
  background: url('http://image.noelshack.com/fichiers/2015/14/1428157917-qeel.png') center no-repeat ;
}
.qeel_table
{
  position:absolute;
  width: 700px;
  margin-left: 25px;
  margin-top: 70px;
 
}
.colonne
{
  position: absolute;
  z-index: 1;
  width: 225px;
  height: 300px;
  overflow: auto;
  margin-top: 0px;
  margin-left: 0px;
  border: 1px solid #40464A;
  font-size: 11px;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  border-radius:25px;
}
.colonne:hover
{
  position: absolute;
  z-index: 99;
  width: 300px;
  height: 400px;
  margin-top: -50px;
  margin-left: -50px;
  background: #A6A58B;
  border: 1px solid #40464A;
  font-size: 12px;
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  border-radius:25px;
}
.qeel_contenu
{
  display: block;
  text-align: justify;
  padding: 10px;
}

/*------------------------------------------------------
              CSS pour la liste de la PA
-------------------------------------------------------*/

/* LISTE */
ul#conteneur {
position: fixed;
margin: 0;
padding: 0;
top: 20px;
right: 0px;
list-style: none;
z-index: 999;
}
/* ÉLÉMENT DE LA LISTE */
ul#conteneur li {
width: 98px;
margin: 6px 0;
      padding: 0;
}
/* BLOC DE CHAQUE MENU */
.block_tfa {
background: #E6D0CA;
      display: block;
width: 98px;
border: 1px solid #000;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
      padding: 5px;
}
/* SPAN CONTENANT LE LIEN DU BAS */
.lien_bas {
      display: block;
padding: 2px;
background: #E6D0CA;
border: 1px solid #000;
font: 10px Arial;
font-style: italic;
}
/* LIEN DU BAS */
.lien_bas a {
text-decoration: none;
color: #825765 !important;
outline: none;
}
/* LIEN DU BAS AU SURVOL */
.lien_bas a:hover {
color: #4D2C28 !important;
}

/* ------------------------------------
        ONGLET DEVOILE EN CLIC
------------------------------------*/

    #target_onglet, #target_onglet2
    {
      position: fixed;
    }
    #onglet_clic
    {
      position: fixed;
      z-index: 999;
      width: 342px;
      height: 200px;
      margin-left: -310px;
      margin-top: 20px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    #onglet_contenu
    {
      width: 290px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      height: 190px;
      color: #545339;
      font-size: 15px;
    }
    .onglet_clic_navigation
    {
      display: block;
      float: right;
      width: 40px;
      height: 120px;
      overflow: hidden;
      margin-top: 40px;
    }
    .onglet_ouvrir
    {
      position: absolute;
      z-index: 3;
    }
    .onglet_fermer
    {
      position: absolute;
      z-index: 2;
    }
    #onglet_clic_contenu
    {
      width: 300px;
      height: 200px;
      overflow: hidden;
      background: #A6A58B;
      border: 1px solid #E3E5C7;
    }
    #target_onglet:target #onglet_clic
    {
      margin-left: -10px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    #target_onglet:target .onglet_ouvrir
    {
      z-index: 1;
    }
    #target_onglet2:target #onglet_clic
    {
      margin-left: -310px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

/* ------------------------------------
      PAGE ACCUEIL
------------------------------------*/
.soustitrePA01 {
  font-family:'Damion';
  color:#13141A!important;
  left:10px; 
  position: relative;
  top: -500px;
  text-transform:capitalize;
  font-size:16px;
  font-weight:bold;
  z-index:1;
}
.soustitrePA01 a {  color:#13141A!important;}
.context01 {  left:50px;    top: -440px;  height:130px;  width:220px;}
.intri01 {  left:500px;    top: -440px;  height:130px;  width:220px;}
.newpa{  left:510px;  top: -265px;  height:123px;  width:190px;}
.infopa {  left:500px;  top: -105px;  height:100px;  width:190px;}
.membredumois {  left:60px;    top: -240px;  height:140px;  width:300px;}
.context01, .intri01, .newpa, .infopa, .membredumois {  overflow: auto;  text-align: justify;  position: absolute;}
.lucy {left:250px;    position: absolute;  top: -410px;  height:150px;  width:150px;}
.elladan{left:330px;    position: absolute;  top: -410px;  height:130px;  width:220px;}
.alyx{left:210px;  position: absolute;  top: -245px;  height:130px;  width:220px;}
.clara{left:310px;  position: absolute;  top: -125px;  height:130px;  width:220px;}
.thibault{left:330px;    position: absolute;  top: -245px;  height:130px;  width:220px;}
/*** IMAGES DES membres du mois ***/
.imgwidget {  height: 80px;}
.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;
      width: 150px;
      height: 70px;
      overflow: auto;
      background-color: #BAB29C;
      text-align: center;
      font-weight: none;
}
div.cssactif_tableaupartenaire {
  width: 290px;
  /* À adapter en fonction du nombre de colonnes désirées
  (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
  line-height: 0; /* À ne pas modifier */
}
div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {height: 18px; width: 50px;}
div.cssactif_tableaupartenaire a {
  display: inline-block; /* À ne pas modifier */
  position: relative; /* À ne pas modifier */
  margin: 1px; /* MARGE entre les images */
}
div.cssactif_tableaupartenaire a img {
  display: block; /* À ne pas modifier */
  position: absolute; /* À ne pas modifier */
  left: 0; /* À ne pas modifier */
  top: 0; /* À ne pas modifier */
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
div.cssactif_tableaupartenaire a:hover img {      height: 35px;width: 100px;z-index: 99; left: -50%;top: -50%;}
.img_partenaires {opacity: 0.5; }
.img_partenaires:hover {opacity: 1;}

/*------------------------------------------------------
                      AUTREs CODES
-------------------------------------------------------*/
/*feuille de style post */
.mbenoist {background:#fffffc; border:4px double #765235; width:390px; text-align:center;}
.image {margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px; border:3px double #000; width:374px; height:229px;}
.mbenoistspeak {margin-top:2px; font-size:10px; font-family:verdana; text-align:justify; color:#191e1a; background-color:#fffffc; padding:3px; width:378px;}
.notes1 {margin-left:auto; margin-right:auto;background:#ffffdc; color:#191e1a; border:4px double #000; padding: 3px; font-size:10px; font-family:georgia; font-style:oblique; text-align:center; width:368px; height:9px;}
.notes2 {margin-left:auto; margin-right:auto;background:#ffffdc; color:#191e1a; border:4px double #000; padding: 3px; font-size:10px; font-family:arial; text-align:center; width:368px; text-transform:uppercase; margin-top:3px; margin-bottom:5px;}
.credits, .credits a {width:398px; text-align:right; font-family:calibri; font-size:10px; text-transform:uppercase;}

//* téléphone *//
.datetel {font-size:12px; color:#fff; line-height:100%; letter-spacing:1px; margin-left:5px;}
.unlock {margin-top:175px; font-size:23px; opacity:.5; line-height:100%;}
.bwbgthing { overflow:hidden; }
.bwbgidk { position:relative; width:218px; height:327px; background-color:#fff; overflow:hidden; font-family:lato; font-weight:100; }
.bwbgpic { position:absolute; left:0px; width:218px; height:327px; background-color:#222; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgdarken { position:absolute; top:0px; left:0px; width:218px; height:327px; background-color:#000; opacity:.25; }
.bwbgover { position:absolute; top:0px; left:0px; width:218px; height:327px; font-family:lato; color:#fff; text-align:center;  font-weight: 100; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out;  }
.bwbgidk:hover .bwbgpic { left:-235px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbgover { left:-235px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgwords { margin-top:20px; color:#fff; font-size:52px; line-height:100%; }
.bwbgbar { position:absolute; top:0px; left:0px; width:218px; height:7px; padding:4px; font-family:lato; color:#fff; text-align:center;  font-weight: 100; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbgbar { top:0px; left:0px; color:#000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbattery { background-color:#000; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbatteryright { background-color:none; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbatterybar { background-color:#000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwcirclefull { background-color:#000; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwcircleempty { background-color:none; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .triangle-down { border-top: 7px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwcirclefull { margin-top:1px; margin-bottom:1px; width:3px; height:3px; background-color:#fff; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; margin-right:1px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwcircleempty { margin-top:1px; margin-bottom:1px; width:3px; height:3px; background-color:none; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; margin-right:1px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwprovider { line-height:15px; font-size:10px; display:inline-block; margin-left:2px; }
    .bwtriangle-down { margin-left:2px; display:inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwcircle { position:absolute; left:95px; top:11px; width:30px; background-color:#fff; opacity:.7; height:4px; border-radius:30%; -webkit-border-radius:30%; -moz-border-radius:30%; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwbgidk:hover .bwcircle { top:-20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwbattery { margin-left:3px; width:10px; height:4px; background-color:#fff; opacity:.7; border:1px solid #fff; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwbatteryright { width:3px; height:4px; background-color:none; opacity:.7; border:1px solid #fff; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwbatterybar { margin-bottom:2px; width:1px; height:2px; background-color:#fff; opacity:.5; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwbgtime { text-align:center; margin-top:9px; width:218px; font-size:10px; font-weight:bold; line-height:100%; color:#000; font-family:lato; }
    .bwmessageheader { width:218px; height:20px; background-color:#fff; font-family:helvetica; line-height:20px; font-size:10px; border-bottom:1px solid #eee; }
    .bwmessageblue { width:60px; display:inline-block; color:#56c8f7;}
    .bwmessagebold { width:98px; display:inline-block; color:#000; text-align:center; font-weight:bold; }
    .picture { width: 178px; height: 80px; -moz-border-radius:    10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom:5px; }
    .bwtalkbubble { width: 148px; padding:15px; background: #128cf4; -moz-border-radius:    10px; -webkit-border-radius: 10px; border-radius: 10px; color:#fff; font-family:helvetica; font-size:10px; line-height:12px; text-align:justify; }
    .bwtriangle-up { margin-left:5px; margin-right:133px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #128cf4; }

/*------------------------------------------------------
            CODAGE GENERAL POSTES
-------------------------------------------------------*/
.fondpost{
  width:400px;
  background-color:#394247;
  border:3px solid #C5C4AD; 
  text-align:justify;
  padding:20px;
  border-radius:10px;
}
.imgpost{
  border:3px solid #C5C4AD;
  padding: 2px;
  width:380px;
  z-index:1;
  position:relative;
}
.titrpost{
  font-family:'Metal Mania';
  font-size:30px;
  color:#190405;
  position:relative;
  top:-50px;
  background-color:white;
  opacity: 0.5;
  z-index:2;
}
.titrpost2{
  font-family:'Metal Mania';
  font-size:30px;
  color:#190405;
  position:relative;
  background-color:white;
  opacity: 0.5;
}
.stitrpost{
  font-family:'Orbitron';
  color:#C9D3D3;
  font-size:13px;
  border-bottom: 3px double #C9D3D3;
}
.corpspost{
  background-color:#182228;
  color:#C9D3D3;
  border: 1px solid #C5C4AD;
  padding: 5px;
  text-align: justify;
  font-size:12px;
  border-radius:10px;
}
.sstitre01{
  font-family:'Orbitron';
  color:#C9D3D3;
  text-transform:capitalize;
  font-size:13px;
}
.titrpostb{
  font-family:'Megrim';
  color:#C9D3D3;
  font-size:18px;
  border-bottom: 3px double #C9D3D3;
}
.cre{font-weight:normal;
    font-variant:small-caps;
    color:#C9D3D3;
    font-size:11px;
    text-align:center;
  font-family:arial, helvetica, sans-serif;}
/*------------------------------------------------------
          PV/SCENARIOS/BIOGRAPHIES
-------------------------------------------------------*/

#infopv {
      height:320px;
      background-color:#182228;
      width:240px;
      letter-case:2px;
      font-size:14px;
      padding:20px;
      line-height:14px;
      border-top:2px solid #E3E5C7;
  overflow:auto;
    }
    #txt {
      width: 350px;
      height: 95px;
      overflow-x: auto;
      overflow-y: auto;
      text-align: justify;
      background-color: #182228;
    font-size:11px; padding:5px;
    margin-left:15px;}

.cs, cs {color:#E3E5C7; font-weight:800;}

    #fondpv {
    width:500px;
    margin:auto;
    border-left: 4px solid #E3E5C7 ;
    border-right: 4px solid #E3E5C7 ;
    background-color:#394247;
      text-align:justify;
}
    #pseudopv {
    font-size:45px;
    font-family: 'Seaweed Script', cursive;
    text-align:center;
    text-shadow: 0px 0px 2px #A6A58B ;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    text-transform:capitelize;
      letter-case:2px;
      color: #E3E5C7 ;
   
    }

    #sstitrepv {
    font-size:16px;
    font-family: 'Donegal One', serif;
    text-align:center;
    text-shadow: 0px 0px 2px #A6A58B;
    filter: dropshadow(color=#7D3138, offx=0, offy=0);
      text-transform:uppercase;
      letter-case:2px;
      color: #E3E5C7  ;
      background-color:#394247 ;
    }

    #phys{
      height:40px;
      overflow:auto;
      width:472px;
    font-size:10px;
      padding:4px;
      background-color:#182228 ;
  }

    #infopr {
      height:360px;
      background-color:#182228 ;
      letter-case:2px;
      font-size:14px;
      width:480px;
    margin:auto;
      padding:4px;
      line-height:14px;
      border-top:2px solid #E3E5C7 ;
    }
    #caract {
      height:105px;
      overflow:auto;
      width:234px;
    font-size:10px;
      padding:4px;
      background-color:#182228 ;
    }

    #story {
      height:300px;
      overflow:auto;
      width:450px;
    font-size:10px;
      padding:4px;
    margin:auto;
 background-color:#182228 ;
    }

/*------------------------------------------------------
          Posts administratifs
-------------------------------------------------------*/

.fondpost01{
  width:450px;
  border-radius:100px;
  background-color:#52526E;
  padding-top:15px;
  padding-bottom:15px;
}
.fondpost02{
  width:420px;
  border-radius:15px;
  background-color:#E0DFCC;
  padding:10px;
  marging-left:-30px;
  border:1px solid #394247;
}
.imgpost01{
  width:300px;
  border-radius:10px;
  border:solid 1px #394247;
}
.titrepost01{
  font-family:'Megrim';
  font-size:25px;
  color:#075360;
}
.text01{
  font-family:'Snippet';
  text-align: justify;
  padding:3px;
  color:#182228;
}
.biov7 {
  font-size:10px; letter-spacing:1px; text-align:justify;font-style:Snippet; }

.surligne {color:#25AA90;
  foont-size:12px;
  text-align:justify;
font-weight:bold;}

.petitmot {
  font-style:italic;
  color:#82C2E5;
}
.sexe01, ro {
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#DD2A27;
  font-style:bold;
}
.sexe02, ve {
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#0A875D;
  font-style:bold;
}
.fondliens01{
  width:500px;
  border-radius:100px;
  background-color:#52526E;
  padding-top:15px;
  padding-bottom:15px;
}
.fondliens02{
  width:470px;
  border-radius:15px;
  background-color:#E0DFCC;
  padding:10px;
  marging-left:-30px;
  border:1px solid #394247;
}
.imgliens01{
  width:200px;
  height:320px;
  border-radius:10px;
  float:left;
  padding: 2px;
}
.imgliens02{
  width:200px;
  height:320px;
  border-radius:10px;
  padding:2px;
  float:right;
}
.titreliens01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:25px;
  color:#81A9C6;
}
.imgliens03{  width:400px;  border-radius:10px;  border:solid 1px black;}
#iconsujet, .icoliens{  width:100px;  border:solid 1px #394247;}
.texlien{
  height:100px;overflow:auto; text-align:justify; padding: 10px;color:#4D2C28;
}

.sstit02{  font-family:'Orbitron';color:#182228;text-transform:capitalize;font-size:12px;text-align:left;}
.stitrpost{
  font-family:'Orbitron';  color:#182228;  font-size:13px;  border-bottom: 3px double #DBC1C0;}
.corps02 {
  background-color:#6A7B84;
  color:#182228;
  border-left: 5px solid #8E9AA0;
  border-right:5px solid #8E9AA0;
  border-top: 1px solid #8E9AA0;
  border-bottom: 1px solid #8E9AA0;
  padding: 5px;
  font-family:'Snippet';
  text-align: justify;
  padding:3px;
}
.corpspost1{
  max-height:300px;
  overflow:auto;
  background-color:#6A7B84;
  color:#182228;
  border: 1px solid #8E9AA0;
  padding: 5px;
  text-align: justify;
  font-size:12px;
  border-radius:10px;
}
.corpspost2{
  max-height:150px;
  overflow:auto;
  background-color:#6A7B84;
  color:#182228;
  border: 1px solid #8E9AA0;
  padding: 5px;
  text-align: justify;
  font-size:12px;
  border-radius:10px;
}
i {  color: #0A6A6D;}
lu {
  line-height: 80%;
  width: 400px;
  letter-spacing: 1.9px;
  font-family: courier new;
  font-size: 9px;
  text-shadow: 1px 1px 0px #000000;
  color: #BCDDE5;
  text-transform: uppercase;}

vi {
  font-family: Vibur;
  font-size: 14px; 
  color: #6E007C; }

_________________

Elaine Pendragon
Il parait que je suis quelqu'un d'important. Il parait... Je sais qui je suis : une orpheline parmi tant d'autres.
Revenir en haut Aller en bas




Admin
avatar
louha
http://louha.forumactif.org
Messages : 531
Date d'inscription : 15/08/2013


MessageSujet: Re: version 16 / gris intrigue cluedo Ven 15 Mai - 23:59

css spécifique liste PA

Code:
/*------------------------------------------------------
              CSS pour la liste de la PA
-------------------------------------------------------*/

/* LISTE */
ul#conteneur {
position: fixed;
margin: 0;
padding: 0;
top: 20px;
right: 0px;
list-style: none;
z-index: 999;
}
/* ÉLÉMENT DE LA LISTE */
ul#conteneur li {
width: 98px;
margin: 6px 0;
      padding: 0;
}
/* BLOC DE CHAQUE MENU */
.block_tfa {
background: #E6D0CA;
      display: block;
width: 98px;
border: 1px solid #000;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
      padding: 5px;
}
/* SPAN CONTENANT LE LIEN DU BAS */
.lien_bas {
      display: block;
padding: 2px;
background: #E6D0CA;
border: 1px solid #000;
font: 10px Arial;
font-style: italic;
}
/* LIEN DU BAS */
.lien_bas a {
text-decoration: none;
color: #825765 !important;
outline: none;
}
/* LIEN DU BAS AU SURVOL */
.lien_bas a:hover {
color: #4D2C28 !important;
}

_________________

Elaine Pendragon
Il parait que je suis quelqu'un d'important. Il parait... Je sais qui je suis : une orpheline parmi tant d'autres.
Revenir en haut Aller en bas




Contenu sponsorisé



MessageSujet: Re: version 16 / gris intrigue cluedo

Revenir en haut Aller en bas

version 16 / gris intrigue cluedo

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» MILOU petit croisé bichon gris 7 ans au Beaussart ADOPTE
» Les pouvoirs du Jedi Gris
» Levis x caniche gris moyen (dept 42) ADOPTE
» Résumé de l'intrigue
» Heartbreaker version girl [Finish]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
louha's personal forum :: archives-