Sangs Mêles Originels
Bienvenue sur Vampire's Kindgom.

Nous vous invitons à lire le contexte et vous informons de la répartition des personnages sur le forum :

Vampires : 24
Esclaves : 21
Résidents : 2
Affranchis : 5
Dévots : 10


Vous avez les cartes en main pour faire le personnage de votre choix.

A bientôt.


Forum test
 
AccueilFAQRechercherS'enregistrerConnexionCalendrierPortail

Sauvegarde du CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas
L'ange noir
avatar
Date d'inscription : 15/03/2017
Messages : 481

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:
MessageSujet: Sauvegarde du CSS Mer 17 Mai 2017 - 20:11
Code:
/* GENERAL */
body
{
background-image: url(https://img4.hostingpics.net/pics/196273Sanstitre9.jpg); /* motif du fond clair et fond de page */
background-attachement: fixed;
}
a:link, a:hover
{
  text-decoration : none !important;
}
.bodylinewidth
{
  position: relative;
  z-index: 3;
}
#fond_sombre
{
  position: fixed;
  z-index: 1;
  width: 80%;
  height: 200%;
  background: url(http://img11.hostingpics.net/pics/971567fondsombre02.jpg); /* motif du fond sombre */
  top: 0;
  left: 0;
  margin-left: 50%;
  margin-top: -15%;
  transform: rotate(20deg); /* rotation de la zone sombre */
}
#page-body /* mise en forme du corps de page */
{
  width: 950px;
  background: #000000;
  border-top: 5px solid #d4a450;
  border-bottom: 5px solid #d4a450;
  box-shadow: 0px 0px 10px #000000;
}
#navigation /* mise en forme fond barre navigation */
{
  position: absolute;
  z-index: 998;
  width: 100%;
  top: 0;
  left: 0;
  background: #000000;
  height: 30px;
  border-bottom: 1px solid #b78831;
}
a.mainmenu
{
  font-family: 'Alegreya Sans SC', sans-serif;
  letter-spacing: 2px;
}
#banniere
{
  position: absolute;
  z-index: 999;
  top: 0;
  left: 50%;
  margin-left: 50px;
  width: 229px;
  height: 187px;
  background: url(*******************); /* triangle ecusson sur la navig */
}
#logo
{
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 733px;
  background: url(http://i68.servimg.com/u/f68/18/89/02/60/image_11.jpg) center center no-repeat; /* image banniere dimension 1109*733px */
}
#i_logo
{
  height: 550px; /* espace transparent cliquable sur la banniere */
}
#titre
{
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 207px;
  background: url(http://i68.servimg.com/u/f68/18/89/02/60/14480511.png) center center no-repeat; /* image du titre doré */
  top: 0;
  left: 0;
  margin-top: 475px;
}
.forumline /* mise en forme des blocs et tables par defaut du forum */
{
  width: 98%;
  margin: auto;
  background: #e8e8e6;
  border: 1px solid #ffffff;
  margin: 10px auto;
}
table
{
  width: 98%;
  margin: auto;
}

/* CATEGORIES */
.cate_titre h2
{
  display: block;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 32px;
  letter-spacing: 5px;
  color: #5c441e;
  font-weight: normal;
  border-bottom: 1px solid #232323;
  padding-bottom: 2px;
  margin-bottom: 5px;
}
.forum
{
  height: 180px;
  background: url(http://img15.hostingpics.net/pics/861628fondcat2.png) left center no-repeat #e8e8e6; /* image et couleur de fond de forum */
  border: 1px solid #ffffff;
  margin-bottom: 10px;
}
.icone_forum
{
  position: absolute;
  margin: 35px 0 0 -40px;
}
.sous_forum
{
  position: absolute;
  width: 200px;
  height: 170px;
  margin: 5px 10px 0 40px;
  text-align: center;
  overflow: auto;
}
.sous_forum a.gensmall
{
  display: inline-block;
  float: right;
  width: 190px;
  height: 18px;
  padding-top: 2px;
  background: #ffffff;
  opacity: 0.5;
  transition: 200ms;
}
.sous_forum a.gensmall:hover
{
  opacity: 0.8;
}
.sous_forum img
{
  width: 10px;
  height: 20px;
  float: left;
  vertical-align: middle;
}
.description
{
  position: absolute;
  width: 280px;
  height: 170px;
  margin: 5px 0 0 250px;
}
.description_img
{
  position: absolute;
  width: 120px;
  border-radius: 120px;
  border: 2px solid #cdad58;
  box-shadow: 3px 3px 0px #87652a;
  margin: 40px 0 0 300px;
}
.description_texte
{
  display: block;
  height: 170px;
  overflow: auto;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 12px;
  text-align: justify;
}
.description_first
{
  font-size: 14px;
  color: #87652a;
}
.forum_titre
{
  position: absolute;
  width: 385px;
  padding: 1px 5px;
  background: #5c441e;
  border: 1px solid #87652a;
  margin: 5px 0 0 540px;
  text-align: center;
}
.forum_titre a
{
  display: block;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 22px;
  letter-spacing: 2px;
  font-weight: normal;
  text-shadow: 1px 1px 0px #000000;
  color: #cdad58 !important;
  transition: 200ms;
}
.forum_titre a:hover
{
  color: #eee37c !important;
  transition: 200ms;
}
.last_message
{
  position: absolute;
  width: 180px;
  text-align: center;
  margin-left: 710px;
  margin-top: 70px;
}
.last_message a
{
  font-family: 'Alegreya Sans SC', sans-serif;
}
.last_message a.gensmall
{
  font-size: 18px;
}
.stats
{
  position: absolute;
  width: 250px;
  margin-left: 675px;
  margin-top: 165px;
  text-align: right;
  font-size: 11px;
  color: #9f9f9f;
}
.lastpost-avatar
{
  position: absolute;
  float: none;
  width: 120px;
  height: 120px;
  top: 0;
  left: 0;
  padding: 0;
  margin-left: -158px;
  margin-top: -23px;
  border-radius: 150px;
  overflow: hidden;
  opacity: 0;
  transition: 200ms;
}
.last_message:hover .lastpost-avatar
{
  opacity: 1;
  transition: 200ms;
}
.lastpost-avatar img
{
  width: 140px;
  height: auto;
  margin-top: -30px;
  margin-left: -10px;
}
.topictitle
{
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
}
/* MESSAGES */
.mess_options
{
  position: absolute;
  width: 95%;
  margin-top: -26px;
  text-align: right;
}
.detail_mess
{
  display: block;
  text-align: right;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 11px;
}
.rang
{
  position: absolute;
  z-index: 6;
  margin-left: -20px;
  margin-top: -30px;
}
.pseudo
{
  position: relative;
  z-index: 7;
  display: block;
  margin-top: 15px;
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-shadow: 1px 1px 0px #ffffff;
}
.avatar_cadre
{
  position: relative;
  z-index: 6;
  width: 219px;
  height: 339px;
  margin: -20px auto 0 auto;
  background: url(http://img4.hostingpics.net/pics/611666fondavatar.png);
}
.avatar_contenu
{
  position: absolute;
  margin: 8px 0 0 9px;
}
.online_img
{
  position: absolute;
  z-index: 5;
  width: 342px;
  height: 467px;
  background: url(http://img4.hostingpics.net/pics/456987offline.png);
  margin-left: -80px;
}
.mess_contenu
{
  position: relative;
  z-index: 6;
  width: 96%;
  min-height: 350px;
  margin: auto;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 5px #000000;
  text-align: justify;
}
.profil_bloc
{
  position: absolute;
  z-index: 7;
  background: #141414;
  width: 190px;
  height: 310px;
  padding: 5px;
  margin-top: -331px;
  margin-left: 9px;
  text-align: center;
  font-size: 13px;
  color: #e8e8e6;
  overflow: auto;
  opacity: 0;
  transition: 200ms;
}
.profil_bloc .label
{
  display: block;
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 18px;
  color: #424242;
}
.profil_bloc:hover
{
  opacity: 1;
  transition: 200ms;
}
.sondage
{
  width: 500px;
  margin: auto;
  background: #e8e8e6;
  border: 1px solid #ffffff;
  text-align: center;
}
.progress-bar td
{
  float: left;
  cellpadding: 0 !important;
  cellspacing: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.quote, .spoiler_closed, .spoiler_content
{
  background: #e8e8e6;
  border: 1px solid #cdad58;
  color: #5c441e;
  padding: 5px;
}
.code
{
  background: #141414;
  border-left: 1px solid #b58832;
  border-right: 1px solid #b58832;
  border-top: 3px solid #b58832;
  border-bottom: 3px solid #b58832;
  color: #eee37c;
  padding: 5px;
}
/* QEEL */
.stats1
{
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.stats1 strong
{
  font-family: 'Mr Dafoe', cursive;
  font-size: 26px;
  color: #b58832;
  text-shadow: 1px 1px 0px #ffffff;
}
.stats2
{
  width: 95%;
  margin: 10px auto;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 5px #000000;
  text-align: justify;
}
/* footer */
#footer
{
  position: absolute;
  z-index: 1;
  width: 100%;
  background: url(http://i68.servimg.com/u/f68/18/89/02/60/footer13.png) center center no-repeat; /* image footer dimension 1008*403px */
  height: 403px;
  left: 0;
}
#page-footer
{
  margin: 320px 0 -410px 0; /* marge espace footer */
}
#page-footer a
{
  font-size: 10px;
}
#page-footer div
{
  text-align: right;
}
/* TITRES SAISIE ET BOUTONS */
td.catHead, th.thHead, .thSides, .cattitle
{
  font-family: 'Mr Dafoe', cursive;
  font-size: 26px;
  font-weight: normal !important;
  color: #87652a;
}
h1, h1.pagetitle
{
  font-size: 28px;
}
input, textarea, select
{
  border: 1px solid transparent;
  background: #ffffff;
  padding: 3px;
  color: #757575;
  transition: 200ms;
}
input:focus, textarea:focus, select:focus
{
  border: 1px solid #cdad58;
  color: #424242;
  transition: 200ms;
}
#text_editor_iframe, .sceditor-container iframe, .sceditor-container textarea
{
  width: 98% !important;
}
.mainoption, .liteoption, input.button
{
  margin: 10px;
  background: #b58832;
  color: #5c441e !important;
  cursor: pointer;
  border: 1px solid #87652a;
  text-shadow: 1px 1px 0px #cdad58;
  transition: 200ms;
}
.mainoption:hover, .liteoption:hover, input.button:hover
{
  background: #cdad58;
  text-shadow: 1px 1px 0px #eee37c;
  transition: 200ms;
}
.postbody
{
  text-align: justify;
  font-size: 14px;
}
.pourcentback img
{
  background: #b58832;
}
/* RETRAIT DES BORDURES */
    .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;
    }
/*-------------------------code tout sélectionner--------------*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/*************** fin code ******************/
/*********************** titre CB **********************/
#chatbox_header .catBottom .cattitle { content: "Rejoignez-nous sur la "; }
                     
Revenir en haut Aller en bas
Selene Craft
avatar
Date d'inscription : 15/03/2017
Messages : 68

Feuille de personnage
En Quelques Mots: niÂge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du CSS Dim 4 Juin 2017 - 16:17
Sauvegarde au 4/06/2017

Code:
/* GENERAL */
body
{
background-image: url(https://img15.hostingpics.net/pics/939695903.jpg) no-repeat; /* motif du fond clair et fond de page */
background-attachement: fixed;
}
a:link, a:hover
{
  text-decoration : none !important;
}
.bodylinewidth
{
  position: relative;
  z-index: 3;
}

#page-body /* mise en forme du corps de page */
{
  width: 950px;
  background: url(https://i58.servimg.com/u/f58/17/70/82/43/70041910.jpg);
  border-top: 5px solid #d4a450;
  border-bottom: 5px solid #d4a450;
  box-shadow: 0px 0px 10px #000000;
}

a.mainmenu
{
  font-family: 'Alegreya Sans SC', sans-serif;
  letter-spacing: 2px;
}

#titre
{
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 307px;
  background: url(https://img15.hostingpics.net/pics/623412ecriture.png) center center no-repeat; /* image du titre doré */
  top: 0;
  left: 0;
  margin-top: 475px;
}
.forumline /* mise en forme des blocs et tables par defaut du forum */
{
  width: 98%;
  margin: auto;
  background: #e8e8e6;
  border: 1px solid #ffffff;
  margin: 10px auto;
}
table
{
  width: 98%;
  margin: auto;
}

/* CATEGORIES */
.secondarytitle h2 {
  text-align: center; /*alignement du texte par rapport au bloc qui le contient */
  letter-spacing:2px; /* espacement entre les lettres */
  font-variant:small-caps; /* texte en petites majuscules */
  color:#610B0B; /* couleur du texte */
  font-family: Nuncio, Geneva, Tahoma, Verdana, sans-serif;
  font-size:16px;
}

/* Mise en forme du "bloc" qui contient le titre */
.TitreCategorie {
  background: #610B0B; /*fond*/
  /* Des coins arrondis */
  border-radius:50px 50px 0 0;
  -moz-border-radius:50px 50px 0 0;
  -wekbit-border-radius:50px 50px 0 0;
  width: 300px; /*largeur à modifier selon vos goûts*/
  margin-left: 360px; /* on centre le bloc */
  padding:2px; /*espace entre la bordure et le texte*/
  border:1px solid #C49E20;
  border-bottom:0px;
 
}

/* mise en forme du titre lui-même */
.TitreCategorie h2 {
  margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
  text-align: center; /*alignement du texte par rapport au bloc qui le contient */
  letter-spacing:2px; /* espacement entre les lettres */
  font-variant:small-caps; /* texte en petites majuscules */
  color:#C49E20; /* couleur du texte */
  font-family: Geneva, Tahoma, Verdana, sans-serif;
  font-size:16px;
}

.forum /*cadre du forum sous titre catégorie*/
{ border-radius:30px 30px 0 0;
  -moz-border-radius:30px 30px 0 0;
  -wekbit-border-radius:30px 30px 0 0
  height: 150px;
  width: 65%;
  margin-bottom: 10px;
  margin-left: 200px;
}

.forum_titre /*comme Le Grimoire sacré*/
{
  position: absolute;
  margin: 20px 0 0 24px;
  margin-left: 25px;
  text-align: center;
}
.forum_titre a
{
  display: block;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 17px;
  letter-spacing: 2px;
  font-weight: normal;
  text-shadow: 1px 1px 0px #000000;
  color: #cdad58 !important;
  transition: 200ms;
}
.forum_titre a:hover
{
  color: #eee37c !important;
  transition: 200ms;
}

.icone_forum /*place les cadres des forums*/
{
  position: absolute;
  margin: 35px 0 0 -40px;
  z-index: 8;
}

.sous_forum
{
  position: absolute;
  height: 170px;
  margin: 15px 20px 0 -195px;
  text-align: center;
  overflow: auto;

}
.sous_forum a.gensmall
{
  display: inline-block;
  float: right;
  width: 180px;
  height: 18px;
  padding-top: 2px;
  background-image: url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
  color: #C49E20;
  transition: 200ms;
  border-left:1px solid #C49E20;
  border-right:1px solid #C49E20; 
}

.sous_forum a.gensmall:hover
{
  opacity: 0.8;
}

.description
{
  position: absolute;
  width: 280px;
  height: 170px;
  margin: 5px 0 0 250px;
}
.description_img
{
  position: absolute;
  width: 615px;
  height: 151px;
  border-radius:35px 35px 0 0;
  -moz-border-radius:50px 50px 0 0;
  margin-left: -252px;
  margin-top: -6px;
 
}
.description_texte
{
  display: block;
  height: 170px;
  overflow: auto;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 12px;
  text-align: justify;
}
.description_first
{
  font-size: 14px;
  color: #87652a;
}

.last_message /*les titres des derniers messages à droite*/
{
  position: absolute;
  background: url(https://img15.hostingpics.net/pics/116930Fond.png) no-repeat;
  height: 90px;
  width: 190px;
  margin-top: 25px;
  margin-left: 520px;
  text-align: center;
  padding-top: 15px;
  padding-right: -5px;
}

.last_message a
{
  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  font-style: italic;
}
.last_message a.gensmall
{
  font-size: 16px;
}

.lastpost-avatar
{
  position: absolute;
  float: none;
  width: 120px;
  height: 120px;
  top: 0;
  left: 0;
  padding: 0;
  margin-left: -158px;
  margin-top: -23px;
  border-radius: 150px;
  overflow: hidden;
  opacity: 0;
  transition: 200ms;
}
.last_message:hover .lastpost-avatar
{
  opacity: 1;
  transition: 200ms;
}
.lastpost-avatar img
{
  width: 140px;
  height: auto;
  margin-top: -30px;
  margin-left: -10px;
}
.topictitle
{
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
}
/* MESSAGES */
.mess_options
{
  position: absolute;
  width: 95%;
  margin-top: -26px;
  text-align: right;
}
.detail_mess
{
  display: block;
  text-align: right;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 11px;
}
.rang
{
  position: absolute;
  z-index: 6;
  margin-left: -20px;
  margin-top: -30px;
}
.pseudo
{
  position: relative;
  z-index: 7;
  display: block;
  margin-top: 15px;
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-shadow: 1px 1px 0px #ffffff;
}
.avatar_cadre
{
  position: relative;
  z-index: 6;
  width: 219px;
  height: 339px;
  margin: -20px auto 0 auto;
  background: url(http://img4.hostingpics.net/pics/611666fondavatar.png);
}
.avatar_contenu
{
  position: absolute;
  margin: 8px 0 0 9px;
}
.online_img
{
  position: absolute;
  z-index: 5;
  width: 342px;
  height: 467px;
  background: url(http://img4.hostingpics.net/pics/456987offline.png);
  margin-left: -80px;
}
.mess_contenu
{
  position: relative;
  z-index: 6;
  width: 96%;
  min-height: 350px;
  margin: auto;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 5px #000000;
  text-align: justify;
}
.profil_bloc
{
  position: absolute;
  z-index: 7;
  background: #141414;
  width: 190px;
  height: 310px;
  padding: 5px;
  margin-top: -331px;
  margin-left: 9px;
  text-align: center;
  font-size: 13px;
  color: #e8e8e6;
  overflow: auto;
  opacity: 0;
  transition: 200ms;
}
.profil_bloc .label
{
  display: block;
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 18px;
  color: #424242;
}
.profil_bloc:hover
{
  opacity: 1;
  transition: 200ms;
}
.sondage
{
  width: 500px;
  margin: auto;
  background: #e8e8e6;
  border: 1px solid #ffffff;
  text-align: center;
}
.progress-bar td
{
  float: left;
  cellpadding: 0 !important;
  cellspacing: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.quote, .spoiler_closed, .spoiler_content
{
  background: #e8e8e6;
  border: 1px solid #cdad58;
  color: #5c441e;
  padding: 5px;
}
.code
{
  background: #141414;
  border-left: 1px solid #b58832;
  border-right: 1px solid #b58832;
  border-top: 3px solid #b58832;
  border-bottom: 3px solid #b58832;
  color: #eee37c;
  padding: 5px;
}
/* QEEL */
.stats1
{
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.stats1 strong
{
  font-family: 'Mr Dafoe', cursive;
  font-size: 26px;
  color: #b58832;
  text-shadow: 1px 1px 0px #ffffff;
}
.stats2
{
  width: 95%;
  margin: 10px auto;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 5px #000000;
  text-align: justify;
}
/* footer partenaires */

#blocfooter
{
width: 70%;
padding-top: 40px;
}

#blocfooter img {
margin-right: 6px;
width: 94px; height: 37px;
}
 
#blocfooter img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

#page-footer
{
  margin: 320px 0 -410px 0; /* marge espace footer */
}
#page-footer a
{
  font-size: 10px;
}
#page-footer div
{
  text-align: right;
}
/* TITRES SAISIE ET BOUTONS */
td.catHead, th.thHead, .thSides, .cattitle
{
  font-family: 'Mr Dafoe', cursive;
  font-size: 26px;
  font-weight: normal !important;
  color: #87652a;
}
h1, h1.pagetitle
{
  font-size: 28px;
}
input, textarea, select
{
  border: 1px solid transparent;
  background: #ffffff;
  padding: 3px;
  color: #757575;
  transition: 200ms;
}
input:focus, textarea:focus, select:focus
{
  border: 1px solid #cdad58;
  color: #424242;
  transition: 200ms;
}
#text_editor_iframe, .sceditor-container iframe, .sceditor-container textarea
{
  width: 98% !important;
}
.mainoption, .liteoption, input.button
{
  margin: 10px;
  background: #b58832;
  color: #5c441e !important;
  cursor: pointer;
  border: 1px solid #87652a;
  text-shadow: 1px 1px 0px #cdad58;
  transition: 200ms;
}
.mainoption:hover, .liteoption:hover, input.button:hover
{
  background: #cdad58;
  text-shadow: 1px 1px 0px #eee37c;
  transition: 200ms;
}
.postbody
{
  text-align: justify;
  font-size: 14px;
}
.pourcentback img
{
  background: #b58832;
}
/* RETRAIT DES BORDURES */
    .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;
    }
/*-------------------------code tout sélectionner--------------*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/*************** fin code ******************/
/*********************** titre CB **********************/
#chatbox_header .catBottom .cattitle { content: "Rejoignez-nous sur la "; }
                   
                    
Revenir en haut Aller en bas
http://sangsmelesoriginels.forumactif.com
L'ange noir
avatar
Date d'inscription : 15/03/2017
Messages : 481

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du CSS Jeu 8 Juin 2017 - 13:43
Sauvegarde du 08/06/2017

Code:
/* GENERAL */
body
{
background-image: url(https://img15.hostingpics.net/pics/935376fond.jpg) no-repeat; /* motif du fond de page */
background-attachement: fixed;
}

a:link, a:hover
{
  text-decoration : none !important;
}
.bodylinewidth
{
  position: relative;
  z-index: 3;
}

#page-body /* mise en forme du corps de page */
{
  width: 950px;
  background: url(https://img15.hostingpics.net/pics/155243463.jpg);
  border-top: 5px solid #d4a450;
  border-bottom: 5px solid #d4a450;
  border-right: 4px solid #d4a450;
  border-left: 4px solid #d4a450;
  box-shadow: 0px 0px 10px #000000;
}

a.mainmenu
{
  font-family: 'Alegreya Sans SC', sans-serif;
  letter-spacing: 2px;
}

.maintitle
{
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 307px;
  background: url(https://img4.hostingpics.net/pics/120543258267ecriture1.png) center center no-repeat; /* image du titre */
  top: 0;
  left: 0;
  margin-top: 315px;
}

.forumline /* mise en forme des blocs et tables par defaut du forum */
{
  width: 98%;
  margin: auto;
  background: #e8e8e6;
  border: 1px solid #ffffff;
  margin: 10px auto;
}

.table
{
  width: 98%;
  margin: auto;
}

/* CATEGORIES */

/* Mise en forme du "bloc" qui contient le titre */
.TitreCategorie {
   background: #610B0B; /*fond*/
   /* Des coins arrondis */
   border-radius:50px 50px 0 0;
   -moz-border-radius:50px 50px 0 0;
   -wekbit-border-radius:50px 50px 0 0;
   width: 320px; /*largeur à modifier selon vos goûts*/
   margin-left: 297px; /* on centre le bloc */
   padding:2px; /*espace entre la bordure et le texte*/
   border:1px solid #C49E20;
   border-bottom:0px;  
}

/* mise en forme du titre lui-même */
.TitreCategorie h2 {
   margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
   text-align: center; /*alignement du texte par rapport au bloc qui le contient */
   letter-spacing:2px; /* espacement entre les lettres */
   color:#C49E20; /* couleur du texte */
   font-family: Nuncio, Geneva, Tahoma, Verdana, sans-serif;
   font-size:23px;
   font-weight : bold;
}

.forum /*cadre du forum sous titre catégorie*/
{ border-radius:30px 30px 0 0;
  -moz-border-radius:30px 30px 0 0;
  -wekbit-border-radius:30px 30px 0 0;
  border: 2px solid #9B6F1B;
  height: 150px;
  width: 54%;
  margin-bottom: 10px;
  margin-left: 200px;
}

.forum_titre /*comme Le Grimoire sacré*/
{ margin: 15px 0 0 24px;
  margin-left: 25px;
  position: absolute;
}

.forum:nth-child(2n+1) .description {
    margin-left: 0;
}
.forum:nth-child(2n+1) .description_texte {
    margin-left: 265px;
}
.forum:nth-child(2n+1) .block {
    margin-left: 250px;
}
.forum:nth-child(2n+1) .forum_titre {
    margin-left: 250px;
}
 
.forum_titre a
{
  display: block;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: normal;
  text-shadow: 1px 1px 0px #000000;
  color: #9B6F1B !important;
  transition: 200ms;
}
.forum_titre a:hover
{
  color: #eee37c !important;
  transition: 200ms;
}

.icone_forum /*place les cadres des forums*/
{
  position: absolute;
  margin: 35px 0 0 -40px;
  z-index: 8;
}

.sous_forum
{
  position: absolute;
  height: 170px;
  margin: 15px 20px 0 -195px;
  text-align: center;
  overflow: auto;

}

.sous_forum a.gensmall
{
  display: inline-block;
  float: right;
  width: 180px;
  height: 18px;
  padding-top: 2px;
  background-image: url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
  color: #C49E20;
  transition: 200ms;
  border-left:1px solid #000000;
  border-right:1px solid #000000;  
}

.sous_forum a.gensmall:hover
{
  opacity: 0.8;
}

.description
{
  position: absolute;
  width: 200px;
  height: 170px;
  margin: 5px 0 0 250px;

}
.description_img
{
  position: absolute;
  width: 615px;
  height: 151px;
  border-radius:35px 35px 0 0;
  -moz-border-radius:50px 50px 0 0;
  margin-left: -252px;
  margin-top: -6px;
  
}
.descriptiongestion_img
{
  position: absolute;
  width: 189px;
  height: 116px;
  border-radius:35px 35px 0 0;
  -moz-border-radius:50px 50px 0 0;
  margin-left: 45px;
  margin-top: 15px;
}

.block {
   position: absolute;
   background: #ffffff;
   opacity: 0.3;
   height: 105px;
   width: 250px; /*largeur à modifier selon vos goûts*/
   margin-left: 10px; /* on centre le bloc */
   margin-top: 38px;
}

.description_texte
{ position: absolute;
  height: 170px;
  width: 200px;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 12px;
  text-align: justify;
  margin-left: -200px;
  padding-top: 45px;
}

.last_message /*les titres des derniers messages à droite*/
{
  position: absolute;
  background: url(https://img15.hostingpics.net/pics/116930Fond.png) no-repeat;
  height: 90px;
  width: 190px;
  margin-top: 25px;
  margin-left: 520px;
  text-align: center;
  padding-top: 15px;
  padding-right: -5px;
}

.last_message a
{
  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  font-style: italic;
}
.last_message a.gensmall
{
  font-size: 16px;
}

.lastpost-avatar
{
  position: absolute;
  float: none;
  width: 120px;
  height: 120px;
  top: 0;
  left: 0;
  padding: 0;
  margin-left: -158px;
  margin-top: -23px;
  border-radius: 150px;
  overflow: hidden;
  opacity: 0;
  transition: 200ms;
}
.last_message:hover .lastpost-avatar
{
  opacity: 1;
  transition: 200ms;
}
.lastpost-avatar img
{
  width: 140px;
  height: auto;
  margin-top: -30px;
  margin-left: -10px;
}
.topictitle
{
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
}
/* MESSAGES */
.mess_options
{
  position: absolute;
  width: 95%;
  margin-top: -26px;
  text-align: right;
}
.detail_mess
{
  display: block;
  text-align: right;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 11px;
}
.rang
{
  position: absolute;
  z-index: 6;
  margin-left: -20px;
  margin-top: -30px;
}
.pseudo
{
  position: relative;
  z-index: 7;
  display: block;
  margin-top: 15px;
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-shadow: 1px 1px 0px #ffffff;
}
.avatar_cadre
{
  position: relative;
  z-index: 6;
  width: 219px;
  height: 339px;
  margin: -20px auto 0 auto;
  background: url(http://img4.hostingpics.net/pics/611666fondavatar.png);
}
.avatar_contenu
{
  position: absolute;
  margin: 8px 0 0 9px;
}
.online_img
{
  position: absolute;
  z-index: 5;
  width: 342px;
  height: 467px;
  background: url(http://img4.hostingpics.net/pics/456987offline.png);
  margin-left: -80px;
}
.mess_contenu
{
  position: relative;
  z-index: 6;
  width: 96%;
  min-height: 350px;
  margin: auto;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 5px #000000;
  text-align: justify;
}
.profil_bloc
{
  position: absolute;
  z-index: 7;
  background: #141414;
  width: 190px;
  height: 310px;
  padding: 5px;
  margin-top: -331px;
  margin-left: 9px;
  text-align: center;
  font-size: 13px;
  color: #e8e8e6;
  overflow: auto;
  opacity: 0;
  transition: 200ms;
}
.profil_bloc .label
{
  display: block;
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 18px;
  color: #424242;
}
.profil_bloc:hover
{
  opacity: 1;
  transition: 200ms;
}
.sondage
{
  width: 500px;
  margin: auto;
  background: #e8e8e6;
  border: 1px solid #ffffff;
  text-align: center;
}
.progress-bar td
{
  float: left;
  cellpadding: 0 !important;
  cellspacing: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.quote, .spoiler_closed, .spoiler_content
{
  background: #e8e8e6;
  border: 1px solid #cdad58;
  color: #5c441e;
  padding: 5px;
}
.code
{
  background: #141414;
  border-left: 1px solid #b58832;
  border-right: 1px solid #b58832;
  border-top: 3px solid #b58832;
  border-bottom: 3px solid #b58832;
  color: #eee37c;
  padding: 5px;
}
/* QEEL */
.stats1
{
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.stats1 strong
{
  font-family: 'Mr Dafoe', cursive;
  font-size: 26px;
  color: #b58832;
  text-shadow: 1px 1px 0px #ffffff;
}
.stats2
{
  width: 95%;
  margin: 10px auto;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 5px #000000;
  text-align: justify;
}
/* footer*/

#blocfooter img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

#page-footer a
{
  font-size: 10px;
}
#page-footer div
{
  text-align: right;
}
/* TITRES SAISIE ET BOUTONS */
td.catHead, th.thHead, .thSides, .cattitle
{
  font-family: 'Mr Dafoe', cursive;
  font-size: 26px;
  font-weight: normal !important;
  color: #87652a;
}
h1, h1.pagetitle
{
  font-size: 28px;
}
input, textarea, select
{
  border: 1px solid transparent;
  background: #ffffff;
  padding: 3px;
  color: #757575;
  transition: 200ms;
}
input:focus, textarea:focus, select:focus
{
  border: 1px solid #cdad58;
  color: #424242;
  transition: 200ms;
}
#text_editor_iframe, .sceditor-container iframe, .sceditor-container textarea
{
  width: 98% !important;
}
.mainoption, .liteoption, input.button
{
  margin: 10px;
  background: #b58832;
  color: #5c441e !important;
  cursor: pointer;
  border: 1px solid #87652a;
  text-shadow: 1px 1px 0px #cdad58;
  transition: 200ms;
}
.mainoption:hover, .liteoption:hover, input.button:hover
{
  background: #cdad58;
  text-shadow: 1px 1px 0px #eee37c;
  transition: 200ms;
}
.postbody
{
  text-align: justify;
  font-size: 14px;
}
.pourcentback img
{
  background: #b58832;
}
/* RETRAIT DES BORDURES */
    .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;
    }
/*-------------------------code tout sélectionner--------------*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/*************** fin code ******************/
/*********************** titre CB **********************/
#chatbox_header .catBottom .cattitle { content: "Rejoignez-nous sur la "; }
Revenir en haut Aller en bas
L'ange noir
avatar
Date d'inscription : 15/03/2017
Messages : 481

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du CSS Ven 23 Juin 2017 - 9:25
Pour mise en place de la nouvelle CB

Code:
/* GENERAL */
body
{
background-image: url(https://img15.hostingpics.net/pics/935376fond.jpg) no-repeat; /* motif du fond de page */
background-attachement: fixed;
}

a:link, a:hover
{
  text-decoration : none !important;
}
.bodylinewidth
{
  position: relative;
  z-index: 3;
}

#page-body /* mise en forme du corps de page */
{
  width: 950px;
  background: url(https://img15.hostingpics.net/pics/155243463.jpg);
  border-top: 5px solid #d4a450;
  border-bottom: 5px solid #d4a450;
  border-right: 4px solid #d4a450;
  border-left: 4px solid #d4a450;
  box-shadow: 0px 0px 10px #000000;
}

a.mainmenu
{
  font-family: 'Alegreya Sans SC', sans-serif;
  letter-spacing: 2px;
}

.maintitle
{
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 307px;
  background: url(https://img4.hostingpics.net/pics/120543258267ecriture1.png) center center no-repeat; /* image du titre */
  top: 0;
  left: 0;
  margin-top: 315px;
}

.forumline /* mise en forme des blocs et tables par defaut du forum */
{
  width: 98%;
  margin: auto;
  background: #e8e8e6;
  border: 1px solid #ffffff;
  margin: 10px auto;
}

.table
{
  width: 98%;
  margin: auto;
}

/* CATEGORIES */

/* Mise en forme du "bloc" qui contient le titre */
.TitreCategorie {
  background: #610B0B; /*fond*/
  /* Des coins arrondis */
  border-radius:50px 50px 0 0;
  -moz-border-radius:50px 50px 0 0;
  -wekbit-border-radius:50px 50px 0 0;
  width: 320px; /*largeur à modifier selon vos goûts*/
  margin-left: 297px; /* on centre le bloc */
  padding:2px; /*espace entre la bordure et le texte*/
  border:1px solid #C49E20;
  border-bottom:0px; 
}

/* mise en forme du titre lui-même */
.TitreCategorie h2 {
  margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
  text-align: center; /*alignement du texte par rapport au bloc qui le contient */
  letter-spacing:2px; /* espacement entre les lettres */
  color:#C49E20; /* couleur du texte */
  font-family: Nuncio, Geneva, Tahoma, Verdana, sans-serif;
  font-size:23px;
  font-weight : bold;
}

.forum /*cadre du forum sous titre catégorie*/
{ border-radius:30px 30px 0 0;
  -moz-border-radius:30px 30px 0 0;
  -wekbit-border-radius:30px 30px 0 0;
  border: 2px solid #9B6F1B;
  height: 150px;
  width: 54%;
  margin-bottom: 10px;
  margin-left: 200px;
}

.forum_titre /*comme Le Grimoire sacré*/
{ margin: 15px 0 0 24px;
  margin-left: 25px;
  position: absolute;
}

.forum:nth-child(2n+1) .description {
    margin-left: 0;
}
.forum:nth-child(2n+1) .description_texte {
    margin-left: 265px;
}
.forum:nth-child(2n+1) .block {
    margin-left: 250px;
}
.forum:nth-child(2n+1) .forum_titre {
    margin-left: 250px;
}
 
.forum_titre a
{
  display: block;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: normal;
  text-shadow: 1px 1px 0px #000000;
  color: #9B6F1B !important;
  transition: 200ms;
}
.forum_titre a:hover
{
  color: #eee37c !important;
  transition: 200ms;
}

.icone_forum /*place les cadres des forums*/
{
  position: absolute;
  margin: 35px 0 0 -40px;
  z-index: 8;
}

.sous_forum
{
  position: absolute;
  height: 170px;
  margin: 15px 20px 0 -195px;
  text-align: center;
  overflow: auto;

}

.sous_forum a.gensmall
{
  display: inline-block;
  float: right;
  width: 180px;
  height: 18px;
  padding-top: 2px;
  background-image: url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
  color: #C49E20;
  transition: 200ms;
  border-left:1px solid #000000;
  border-right:1px solid #000000; 
}

.sous_forum a.gensmall:hover
{
  opacity: 0.8;
}

.description
{
  position: absolute;
  width: 200px;
  height: 170px;
  margin: 5px 0 0 250px;

}
.description_img
{
  position: absolute;
  width: 615px;
  height: 151px;
  border-radius:35px 35px 0 0;
  -moz-border-radius:50px 50px 0 0;
  margin-left: -252px;
  margin-top: -6px;
 
}
.descriptiongestion_img
{
  position: absolute;
  width: 189px;
  height: 116px;
  border-radius:35px 35px 0 0;
  -moz-border-radius:50px 50px 0 0;
  margin-left: 45px;
  margin-top: 15px;
}

.block {
  position: absolute;
  background: #ffffff;
  opacity: 0.3;
  height: 105px;
  width: 250px; /*largeur à modifier selon vos goûts*/
  margin-left: 10px; /* on centre le bloc */
  margin-top: 38px;
}

.description_texte
{ position: absolute;
  height: 170px;
  width: 200px;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 12px;
  text-align: justify;
  margin-left: -200px;
  padding-top: 45px;
}

.last_message /*les titres des derniers messages à droite*/
{
  position: absolute;
  background: url(https://img15.hostingpics.net/pics/116930Fond.png) no-repeat;
  height: 90px;
  width: 190px;
  margin-top: 25px;
  margin-left: 520px;
  text-align: center;
  padding-top: 15px;
  padding-right: -5px;
}

.last_message a
{
  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  font-style: italic;
}
.last_message a.gensmall
{
  font-size: 16px;
}

.lastpost-avatar
{
  position: absolute;
  float: none;
  width: 120px;
  height: 120px;
  top: 0;
  left: 0;
  padding: 0;
  margin-left: -158px;
  margin-top: -23px;
  border-radius: 150px;
  overflow: hidden;
  opacity: 0;
  transition: 200ms;
}
.last_message:hover .lastpost-avatar
{
  opacity: 1;
  transition: 200ms;
}
.lastpost-avatar img
{
  width: 140px;
  height: auto;
  margin-top: -30px;
  margin-left: -10px;
}
.topictitle
{
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
}
/* MESSAGES */
.mess_options
{
  position: absolute;
  width: 95%;
  margin-top: -26px;
  text-align: right;
}
.detail_mess
{
  display: block;
  text-align: right;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 11px;
}
.rang
{
  position: absolute;
  z-index: 6;
  margin-left: -20px;
  margin-top: -30px;
}
.pseudo
{
  position: relative;
  z-index: 7;
  display: block;
  margin-top: 15px;
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-shadow: 1px 1px 0px #ffffff;
}
.avatar_cadre
{
  position: relative;
  z-index: 6;
  width: 219px;
  height: 339px;
  margin: -20px auto 0 auto;
  background: url(http://img4.hostingpics.net/pics/611666fondavatar.png);
}
.avatar_contenu
{
  position: absolute;
  margin: 8px 0 0 9px;
}
.online_img
{
  position: absolute;
  z-index: 5;
  width: 342px;
  height: 467px;
  background: url(http://img4.hostingpics.net/pics/456987offline.png);
  margin-left: -80px;
}
.mess_contenu
{
  position: relative;
  z-index: 6;
  width: 96%;
  min-height: 350px;
  margin: auto;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 5px #000000;
  text-align: justify;
}
.profil_bloc
{
  position: absolute;
  z-index: 7;
  background: #141414;
  width: 190px;
  height: 310px;
  padding: 5px;
  margin-top: -331px;
  margin-left: 9px;
  text-align: center;
  font-size: 13px;
  color: #e8e8e6;
  overflow: auto;
  opacity: 0;
  transition: 200ms;
}
.profil_bloc .label
{
  display: block;
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 18px;
  color: #424242;
}
.profil_bloc:hover
{
  opacity: 1;
  transition: 200ms;
}
.sondage
{
  width: 500px;
  margin: auto;
  background: #e8e8e6;
  border: 1px solid #ffffff;
  text-align: center;
}
.progress-bar td
{
  float: left;
  cellpadding: 0 !important;
  cellspacing: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.quote, .spoiler_closed, .spoiler_content
{
  background: #e8e8e6;
  border: 1px solid #cdad58;
  color: #5c441e;
  padding: 5px;
}
.code
{
  background: #141414;
  border-left: 1px solid #b58832;
  border-right: 1px solid #b58832;
  border-top: 3px solid #b58832;
  border-bottom: 3px solid #b58832;
  color: #eee37c;
  padding: 5px;
}
/* QEEL */
.stats1
{
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.stats1 strong
{
  font-family: 'Mr Dafoe', cursive;
  font-size: 26px;
  color: #b58832;
  text-shadow: 1px 1px 0px #ffffff;
}
.stats2
{
  width: 95%;
  margin: 10px auto;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 5px #000000;
  text-align: justify;
}
/* footer*/

#blocfooter img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

#page-footer a
{
  font-size: 10px;
}
#page-footer div
{
  text-align: right;
}
/* TITRES SAISIE ET BOUTONS */
td.catHead, th.thHead, .thSides, .cattitle
{
  font-family: 'Mr Dafoe', cursive;
  font-size: 26px;
  font-weight: normal !important;
  color: #87652a;
}
h1, h1.pagetitle
{
  font-size: 28px;
}
input, textarea, select
{
  border: 1px solid transparent;
  background: #ffffff;
  padding: 3px;
  color: #757575;
  transition: 200ms;
}
input:focus, textarea:focus, select:focus
{
  border: 1px solid #cdad58;
  color: #424242;
  transition: 200ms;
}
#text_editor_iframe, .sceditor-container iframe, .sceditor-container textarea
{
  width: 98% !important;
}
.mainoption, .liteoption, input.button
{
  margin: 10px;
  background: #b58832;
  color: #5c441e !important;
  cursor: pointer;
  border: 1px solid #87652a;
  text-shadow: 1px 1px 0px #cdad58;
  transition: 200ms;
}
.mainoption:hover, .liteoption:hover, input.button:hover
{
  background: #cdad58;
  text-shadow: 1px 1px 0px #eee37c;
  transition: 200ms;
}
.postbody
{
  text-align: justify;
  font-size: 14px;
}
.pourcentback img
{
  background: #b58832;
}
/* RETRAIT DES BORDURES */
    .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;
    }
/*-------------------------code tout sélectionner--------------*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/*************** fin code ******************/
/*********************** titre CB **********************/
#chatbox_header .catBottom .cattitle { content: "Rejoignez-nous sur la ";
}

#chatbox_header .cattitle:before {
padding-left: 10px;}

#chatbox_header .cattitle strong { visibility: hidden;}

#chatbox_header, #chatbox_header.main-head {
  background: url(https://img15.hostingpics.net/pics/407173Sanstitre3.jpg);
  height: 50px;
}

.chatbox a.cattitle, .chatbox-title, .chatbox-title a.chat-title {
  color: white !important;
}

#chatbox_members {
  background: url(http://image.noelshack.com/fichiers/2017/25/4/1498162256-3.jpg);
  margin-top: 20px;
  border-right: none;
}

#chatbox_members .member-title {
  background: none;
  color: #920101;
}

.msg span[style="color:green"] strong {
  color: #920101;
}

.msg span[style="color:red"] strong {
  color: #011A8C;
}

#chatbox {
  background: url(http://image.noelshack.com/fichiers/2017/25/4/1498161616-3.jpg);
  margin-top: 20px;
  border-left: none;
}

#chatbox_messenger .catBottom, body.chatbox, #chatbox_footer {
  background: url(https://img15.hostingpics.net/pics/691651Sanstitre2.jpg);
}

#chatbox p {
  border: none !important;
}

#chatbox_footer #message {
  background: white;
  padding-bottom: 10px;
}

#chatbox_footer {
  min-height: 33px;
}

.chatbox-options a, .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  color: white;
  padding-top: 10px;
}

.date-and-time {
  display: none;
}

#chatbox .cb-avatar {
  width: auto !important;
  height: auto !important;
}
#chatbox .cb-avatar > img {
  width: auto !important;
  height: auto !important;
  max-width: 30px;  /*largeur maximale des avatars dans la cb*/
  max-height: 40px;  /*hauteur maximale des avatars dans la cb*/
}
Revenir en haut Aller en bas
Selene Craft
avatar
Date d'inscription : 15/03/2017
Messages : 68

Feuille de personnage
En Quelques Mots: niÂge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du CSS Lun 3 Juil 2017 - 11:15
Sauvegarde du 8 juillet pour modification qeel plus marge des liens du bas.

Code:
/* GENERAL */
body
{
background-image: url(https://img15.hostingpics.net/pics/935376fond.jpg) no-repeat; /* motif du fond de page */
background-attachement: fixed;
}

a:link, a:hover
{
  text-decoration : none !important;
}
.bodylinewidth
{
  position: relative;
  z-index: 3;
}

#page-body /* mise en forme du corps de page */
{
  width: 950px;
  background: url(https://img15.hostingpics.net/pics/155243463.jpg);
  border-top: 5px solid #d4a450;
  border-bottom: 5px solid #d4a450;
  border-right: 4px solid #d4a450;
  border-left: 4px solid #d4a450;
  box-shadow: 0px 0px 10px #000000;
}

a.mainmenu
{
  font-family: 'Alegreya Sans SC', sans-serif;
  letter-spacing: 2px;
}

.maintitle
{
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 307px;
  background: url(https://img4.hostingpics.net/pics/120543258267ecriture1.png) center center no-repeat; /* image du titre */
  top: 0;
  left: 0;
  margin-top: 315px;
}

.forumline /* mise en forme des blocs et tables par defaut du forum */
{
  width: 98%;
  margin: auto;
  background: #e8e8e6;
  border: 1px solid #ffffff;
  margin: 10px auto;
}

.table
{
  width: 98%;

  margin: auto;
}

/* CATEGORIES */

/* Mise en forme du "bloc" qui contient le titre */
.TitreCategorie {
  background: #610B0B; /*fond*/
  /* Des coins arrondis */
  border-radius:50px 50px 0 0;
  -moz-border-radius:50px 50px 0 0;
  -wekbit-border-radius:50px 50px 0 0;
  width: 320px; /*largeur à modifier selon vos goûts*/
  margin-left: 297px; /* on centre le bloc */
  padding:2px; /*espace entre la bordure et le texte*/
  border:1px solid #C49E20;
  border-bottom:0px; 
}

/* mise en forme du titre lui-même */
.TitreCategorie h2 {
  margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
  text-align: center; /*alignement du texte par rapport au bloc qui le contient */
  letter-spacing:2px; /* espacement entre les lettres */
  color:#C49E20; /* couleur du texte */
  font-family: Nuncio, Geneva, Tahoma, Verdana, sans-serif;
  font-size:23px;
  font-weight : bold;
}

.forum /*cadre du forum sous titre catégorie*/
{ border-radius:30px 30px 0 0;
  -moz-border-radius:30px 30px 0 0;
  -wekbit-border-radius:30px 30px 0 0;
  border: 2px solid #9B6F1B;
  height: 150px;
  width: 54%;
  margin-bottom: 10px;
  margin-left: 200px;
}

.forum_titre /*comme Le Grimoire sacré*/
{ margin: 15px 0 0 24px;
  margin-left: 25px;
  position: absolute;
}

.forum:nth-child(2n+1) .description {
    margin-left: 0;
}
.forum:nth-child(2n+1) .description_texte {
    margin-left: 265px;
}
.forum:nth-child(2n+1) .block {
    margin-left: 250px;
}
.forum:nth-child(2n+1) .forum_titre {
    margin-left: 250px;
}
 
.forum_titre a
{
  display: block;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: normal;
  text-shadow: 1px 1px 0px #000000;
  color: #9B6F1B !important;
  transition: 200ms;
}
.forum_titre a:hover
{
  color: #eee37c !important;
  transition: 200ms;
}

.icone_forum /*place les cadres des forums*/
{
  position: absolute;
  margin: 35px 0 0 -40px;
  z-index: 8;
}

.sous_forum
{
  position: absolute;
  height: 170px;
  margin: 15px 20px 0 -195px;
  text-align: center;
  overflow: auto;

}

.sous_forum a.gensmall
{
  display: inline-block;
  float: right;
  width: 180px;
  height: 18px;
  padding-top: 2px;
  background-image: url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
  color: #C49E20;
  transition: 200ms;
  border-left:1px solid #000000;
  border-right:1px solid #000000; 
}

.sous_forum a.gensmall:hover
{
  opacity: 0.8;
}

.description
{
  position: absolute;
  width: 200px;
  height: 170px;
  margin: 5px 0 0 250px;

}
.description_img
{
  position: absolute;
  width: 615px;
  height: 151px;
  border-radius:35px 35px 0 0;
  -moz-border-radius:50px 50px 0 0;
  margin-left: -252px;
  margin-top: -6px;
 
}
.descriptiongestion_img
{
  position: absolute;
  width: 189px;
  height: 116px;
  border-radius:35px 35px 0 0;
  -moz-border-radius:50px 50px 0 0;
  margin-left: 45px;
  margin-top: 15px;
}

.block {
  position: absolute;
  background: #ffffff;
  opacity: 0.3;
  height: 105px;
  width: 250px; /*largeur à modifier selon vos goûts*/
  margin-left: 10px; /* on centre le bloc */
  margin-top: 38px;
}

.description_texte
{ position: absolute;
  height: 170px;
  width: 200px;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 12px;
  text-align: justify;
  margin-left: -200px;
  padding-top: 45px;
}

.last_message /*les titres des derniers messages à droite*/
{
  position: absolute;
  background: url(https://img15.hostingpics.net/pics/116930Fond.png) no-repeat;
  height: 90px;
  width: 190px;
  margin-top: 25px;
  margin-left: 520px;
  text-align: center;
  padding-top: 15px;
  padding-right: -5px;
}

.last_message a
{
  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  font-style: italic;
}
.last_message a.gensmall
{
  font-size: 16px;
}

.lastpost-avatar
{
  position: absolute;
  float: none;
  width: 120px;
  height: 120px;
  top: 0;
  left: 0;
  padding: 0;
  margin-left: -158px;
  margin-top: -23px;
  border-radius: 150px;
  overflow: hidden;
  opacity: 0;
  transition: 200ms;
}
.last_message:hover .lastpost-avatar
{
  opacity: 1;
  transition: 200ms;
}
.lastpost-avatar img
{
  width: 140px;
  height: auto;
  margin-top: -30px;
  margin-left: -10px;
}
.topictitle
{
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
}
/* MESSAGES */
.mess_options
{
  position: absolute;
  width: 95%;
  margin-top: -26px;
  text-align: right;
}
.detail_mess
{
  display: block;
  text-align: right;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 11px;
}
.rang
{
  position: absolute;
  z-index: 6;
  margin-left: -20px;
  margin-top: -30px;
}
.pseudo
{
  position: relative;
  z-index: 7;
  display: block;
  margin-top: 15px;
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-shadow: 1px 1px 0px #ffffff;
}
.avatar_cadre
{
  position: relative;
  z-index: 6;
  width: 219px;
  height: 339px;
  margin: -20px auto 0 auto;
  background: url(http://img4.hostingpics.net/pics/611666fondavatar.png);
}
.avatar_contenu
{
  position: absolute;
  margin: 8px 0 0 9px;
}
.online_img
{
  position: absolute;
  z-index: 5;
  width: 342px;
  height: 467px;
  background: url(http://img4.hostingpics.net/pics/456987offline.png);
  margin-left: -80px;
}
.mess_contenu
{
  position: relative;
  z-index: 6;
  width: 96%;
  min-height: 350px;
  margin: auto;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 5px #000000;
  text-align: justify;
}
.profil_bloc
{
  position: absolute;
  z-index: 7;
  background: #141414;
  width: 190px;
  height: 310px;
  padding: 5px;
  margin-top: -331px;
  margin-left: 9px;
  text-align: center;
  font-size: 13px;
  color: #e8e8e6;
  overflow: auto;
  opacity: 0;
  transition: 200ms;
}
.profil_bloc .label
{
  display: block;
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 18px;
  color: #424242;
}
.profil_bloc:hover
{
  opacity: 1;
  transition: 200ms;
}
.sondage
{
  width: 500px;
  margin: auto;
  background: #e8e8e6;
  border: 1px solid #ffffff;
  text-align: center;
}
.progress-bar td
{
  float: left;
  cellpadding: 0 !important;
  cellspacing: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.quote, .spoiler_closed, .spoiler_content
{
  background: #e8e8e6;
  border: 1px solid #cdad58;
  color: #5c441e;
  padding: 5px;
}
.code
{
  background: #141414;
  border-left: 1px solid #b58832;
  border-right: 1px solid #b58832;
  border-top: 3px solid #b58832;
  border-bottom: 3px solid #b58832;
  color: #eee37c;
  padding: 5px;
}
/* QEEL */
.QEEL {
margin:auto; width:930px; height:400px;
margin-top: 10px;
background:url(https://img15.hostingpics.net/pics/823886893.jpg); font-family:Arial; /* MODIFIABLE */
}
/* BLOC TITRE QEEL */
.tleQEEL {
padding:10px 10px 10px 15px;
box-shadow:inset 0 0 25px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL a{
font-size:32px;
font-family: Nuncio;
color:white; /* MODIFIABLE */
}

/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-left:329px; margin-top:15px;
width:260px; height:205px; padding:5px; overflow:hidden; border-radius:10px;
text-align:center; font-size:11px; color:white;
font-size: 18px;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
position:absolute; margin-top:20px; margin-left:35px;
width:260px; height:205px; padding-top:20px; overflow:auto;
font-size:15px; color:white;
}

/* 24H QEEL */
.dayQEEL {
position:absolute; margin-left:635px; margin-top:15px;
width:260px; height:205px; padding:5px; overflow:auto; border-radius:10px;
}
.dayQEEL .row1 {
background:none; padding-top: 20px;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial; font-size: 14px; color:white;/* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.blocGQEEL {
width:930px; padding:5px 0;
margin-top: -40px;
text-align:center; color:rgba(0,0,0,0);
font-family:Arial; /* MODIFIABLE */
}
/* GROUPES QEEL */
.blocGQEEL a {
font-size:14px; font-weight:bold; text-transform:uppercase;
}

/* Fin QEEL */

/* footer*/

#blocfooter img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

#page-footer a
{
  font-size: 10px;
}
#page-footer div
{
  text-align: right;
}
/* TITRES SAISIE ET BOUTONS */
td.catHead, th.thHead, .thSides, .cattitle
{
  font-family: 'Mr Dafoe', cursive;
  font-size: 26px;
  font-weight: normal !important;
  color: #87652a;
}
h1, h1.pagetitle
{
  font-size: 28px;
}
input, textarea, select
{
  border: 1px solid transparent;
  background: #ffffff;
  padding: 3px;
  color: #757575;
  transition: 200ms;
}
input:focus, textarea:focus, select:focus
{
  border: 1px solid #cdad58;
  color: #424242;
  transition: 200ms;
}
#text_editor_iframe, .sceditor-container iframe, .sceditor-container textarea
{
  width: 98% !important;
}
.mainoption, .liteoption, input.button
{
  margin: 10px;
  background: #b58832;
  color: #5c441e !important;
  cursor: pointer;
  border: 1px solid #87652a;
  text-shadow: 1px 1px 0px #cdad58;
  transition: 200ms;
}
.mainoption:hover, .liteoption:hover, input.button:hover
{
  background: #cdad58;
  text-shadow: 1px 1px 0px #eee37c;
  transition: 200ms;
}
.postbody
{
  text-align: justify;
  font-size: 14px;
}
.pourcentback img
{
  background: #b58832;
}
/* RETRAIT DES BORDURES */
    .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;
    }

a.gensmall[href="/?mode=delete_cookies"]{padding-right:10px;}
a.gensmall[href="/?mark=forums"]{padding-left:10px;}

/*-------------------------code tout sélectionner--------------*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/*************** fin code ******************/
/*********************** titre CB **********************/
#chatbox_header .catBottom .cattitle { content: "Rejoignez-nous sur la ";
}

#chatbox_header .cattitle:before {content: "La"" Crypte"" des"" Langues"" Pendues";
font-family: Nuncio;
padding-left: 10px;}

#chatbox_header .cattitle strong { visibility: hidden;}

#chatbox_header, #chatbox_header.main-head {
  background: url(https://img15.hostingpics.net/pics/407173Sanstitre3.jpg);
  height: 50px;
}

.chatbox a.cattitle, .chatbox-title, .chatbox-title a.chat-title {
  color: white !important;
}

#chatbox_members {
  background: url(https://img4.hostingpics.net/pics/776691Sanstitre5.jpg);
  margin-top: 20px;
  border-right: none;
}

#chatbox_members .member-title {
  background: none;
  color: #920101;
}

.msg span[style="color:green"] strong {
  color: #920101;
}

.msg span[style="color:red"] strong {
  color: #011A8C;
}

#chatbox {
  background: url(http://image.noelshack.com/fichiers/2017/25/4/1498161616-3.jpg);
  margin-top: 20px;
  border-left: none;
}

#chatbox_messenger .catBottom, body.chatbox, #chatbox_footer {
  background: url(https://img15.hostingpics.net/pics/691651Sanstitre2.jpg);
}

#chatbox p {
  border: none !important;
}

#chatbox_footer #message {
  background: white;
  padding-bottom: 10px;
}

#chatbox_footer {
  min-height: 33px;
}

.chatbox-options a, .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  color: white;
  padding-top: 10px;
}

.date-and-time {
  display: none;
}

#chatbox .cb-avatar {
  width: auto !important;
  height: auto !important;
}
#chatbox .cb-avatar > img {
  width: auto !important;
  height: auto !important;
  max-width: 30px;  /*largeur maximale des avatars dans la cb*/
  max-height: 40px;  /*hauteur maximale des avatars dans la cb*/
}
Revenir en haut Aller en bas
http://sangsmelesoriginels.forumactif.com
Selene Craft
avatar
Date d'inscription : 15/03/2017
Messages : 68

Feuille de personnage
En Quelques Mots: niÂge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du CSS Jeu 13 Juil 2017 - 14:40
Pour mise en place race dans le qeel

Code:
/* GENERAL */
body
{
background-image: url(https://img15.hostingpics.net/pics/935376fond.jpg) no-repeat; /* motif du fond de page */
background-attachement: fixed;
}

a:link, a:hover
{
  text-decoration : none !important;
}
.bodylinewidth
{
  position: relative;
  z-index: 3;
}

#page-body /* mise en forme du corps de page */
{
  width: 950px;
  background: url(https://img15.hostingpics.net/pics/155243463.jpg);
  border-top: 5px solid #d4a450;
  border-bottom: 5px solid #d4a450;
  border-right: 4px solid #d4a450;
  border-left: 4px solid #d4a450;
  box-shadow: 0px 0px 10px #000000;
}

a.mainmenu
{
  font-family: 'Alegreya Sans SC', sans-serif;
  letter-spacing: 2px;
}

.maintitle
{
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 307px;
  background: url(https://img4.hostingpics.net/pics/120543258267ecriture1.png) center center no-repeat; /* image du titre */
  top: 0;
  left: 0;
  margin-top: 315px;
}

.forumline /* mise en forme des blocs et tables par defaut du forum */
{
  width: 98%;
  margin: auto;
  background: #e8e8e6;
  border: 1px solid #ffffff;
  margin: 10px auto;
}

.table
{
  width: 98%;

  margin: auto;
}

/* CATEGORIES */

/* Mise en forme du "bloc" qui contient le titre */
.TitreCategorie {
  background: #610B0B; /*fond*/
  /* Des coins arrondis */
  border-radius:50px 50px 0 0;
  -moz-border-radius:50px 50px 0 0;
  -wekbit-border-radius:50px 50px 0 0;
  width: 320px; /*largeur à modifier selon vos goûts*/
  margin-left: 297px; /* on centre le bloc */
  padding:2px; /*espace entre la bordure et le texte*/
  border:1px solid #C49E20;
  border-bottom:0px; 
}

/* mise en forme du titre lui-même */
.TitreCategorie h2 {
  margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
  text-align: center; /*alignement du texte par rapport au bloc qui le contient */
  letter-spacing:2px; /* espacement entre les lettres */
  color:#C49E20; /* couleur du texte */
  font-family: Nuncio, Geneva, Tahoma, Verdana, sans-serif;
  font-size:23px;
  font-weight : bold;
}

.forum /*cadre du forum sous titre catégorie*/
{ border-radius:30px 30px 0 0;
  -moz-border-radius:30px 30px 0 0;
  -wekbit-border-radius:30px 30px 0 0;
  border: 2px solid #9B6F1B;
  height: 150px;
  width: 54%;
  margin-bottom: 10px;
  margin-left: 200px;
}

.forum_titre /*comme Le Grimoire sacré*/
{ margin: 15px 0 0 24px;
  margin-left: 25px;
  position: absolute;
}

.forum:nth-child(2n+1) .description {
    margin-left: 0;
}
.forum:nth-child(2n+1) .description_texte {
    margin-left: 265px;
}
.forum:nth-child(2n+1) .block {
    margin-left: 250px;
}
.forum:nth-child(2n+1) .forum_titre {
    margin-left: 250px;
}
 
.forum_titre a
{
  display: block;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: normal;
  text-shadow: 1px 1px 0px #000000;
  color: #9B6F1B !important;
  transition: 200ms;
}
.forum_titre a:hover
{
  color: #eee37c !important;
  transition: 200ms;
}

.icone_forum /*place les cadres des forums*/
{
  position: absolute;
  margin: 35px 0 0 -40px;
  z-index: 8;
}

.sous_forum
{
  position: absolute;
  height: 170px;
  margin: 15px 20px 0 -195px;
  text-align: center;
  overflow: auto;

}

.sous_forum a.gensmall
{
  display: inline-block;
  float: right;
  width: 180px;
  height: 18px;
  padding-top: 2px;
  background-image: url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
  color: #C49E20;
  transition: 200ms;
  border-left:1px solid #000000;
  border-right:1px solid #000000; 
}

.sous_forum a.gensmall:hover
{
  opacity: 0.8;
}

.description
{
  position: absolute;
  width: 200px;
  height: 170px;
  margin: 5px 0 0 250px;

}
.description_img
{
  position: absolute;
  width: 615px;
  height: 151px;
  border-radius:35px 35px 0 0;
  -moz-border-radius:50px 50px 0 0;
  margin-left: -252px;
  margin-top: -6px;
 
}
.descriptiongestion_img
{
  position: absolute;
  width: 189px;
  height: 116px;
  border-radius:35px 35px 0 0;
  -moz-border-radius:50px 50px 0 0;
  margin-left: 45px;
  margin-top: 15px;
}

.block {
  position: absolute;
  background: #ffffff;
  opacity: 0.3;
  height: 105px;
  width: 250px; /*largeur à modifier selon vos goûts*/
  margin-left: 10px; /* on centre le bloc */
  margin-top: 38px;
}

.description_texte
{ position: absolute;
  height: 170px;
  width: 200px;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 12px;
  text-align: justify;
  margin-left: -200px;
  padding-top: 45px;
}

.last_message /*les titres des derniers messages à droite*/
{
  position: absolute;
  background: url(https://img15.hostingpics.net/pics/116930Fond.png) no-repeat;
  height: 90px;
  width: 190px;
  margin-top: 25px;
  margin-left: 520px;
  text-align: center;
  padding-top: 15px;
  padding-right: -5px;
}

.last_message a
{
  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  font-style: italic;
}
.last_message a.gensmall
{
  font-size: 16px;
}

.lastpost-avatar
{
  position: absolute;
  float: none;
  width: 120px;
  height: 120px;
  top: 0;
  left: 0;
  padding: 0;
  margin-left: -158px;
  margin-top: -23px;
  border-radius: 150px;
  overflow: hidden;
  opacity: 0;
  transition: 200ms;
}
.last_message:hover .lastpost-avatar
{
  opacity: 1;
  transition: 200ms;
}
.lastpost-avatar img
{
  width: 140px;
  height: auto;
  margin-top: -30px;
  margin-left: -10px;
}
.topictitle
{
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
}
/* MESSAGES */
.mess_options
{
  position: absolute;
  width: 95%;
  margin-top: -26px;
  text-align: right;
}
.detail_mess
{
  display: block;
  text-align: right;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 11px;
}
.rang
{
  position: absolute;
  z-index: 6;
  margin-left: -20px;
  margin-top: -30px;
}
.pseudo
{
  position: relative;
  z-index: 7;
  display: block;
  margin-top: 15px;
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-shadow: 1px 1px 0px #ffffff;
}
.avatar_cadre
{
  position: relative;
  z-index: 6;
  width: 219px;
  height: 339px;
  margin: -20px auto 0 auto;
  background: url(http://img4.hostingpics.net/pics/611666fondavatar.png);
}
.avatar_contenu
{
  position: absolute;
  margin: 8px 0 0 9px;
}
.online_img
{
  position: absolute;
  z-index: 5;
  width: 342px;
  height: 467px;
  background: url(http://img4.hostingpics.net/pics/456987offline.png);
  margin-left: -80px;
}
.mess_contenu
{
  position: relative;
  z-index: 6;
  width: 96%;
  min-height: 350px;
  margin: auto;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 5px #000000;
  text-align: justify;
}
.profil_bloc
{
  position: absolute;
  z-index: 7;
  background: #141414;
  width: 190px;
  height: 310px;
  padding: 5px;
  margin-top: -331px;
  margin-left: 9px;
  text-align: center;
  font-size: 13px;
  color: #e8e8e6;
  overflow: auto;
  opacity: 0;
  transition: 200ms;
}
.profil_bloc .label
{
  display: block;
  text-align: center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 18px;
  color: #424242;
}
.profil_bloc:hover
{
  opacity: 1;
  transition: 200ms;
}
.sondage
{
  width: 500px;
  margin: auto;
  background: #e8e8e6;
  border: 1px solid #ffffff;
  text-align: center;
}
.progress-bar td
{
  float: left;
  cellpadding: 0 !important;
  cellspacing: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.quote, .spoiler_closed, .spoiler_content
{
  background: #e8e8e6;
  border: 1px solid #cdad58;
  color: #5c441e;
  padding: 5px;
}
.code
{
  background: #141414;
  border-left: 1px solid #b58832;
  border-right: 1px solid #b58832;
  border-top: 3px solid #b58832;
  border-bottom: 3px solid #b58832;
  color: #eee37c;
  padding: 5px;
}
/* QEEL */
.QEEL {
margin:auto; width:930px; height:400px;
margin-top: 10px;
background:url(https://img4.hostingpics.net/pics/133599943.jpg);
}
/* BLOC NEW ON QEEL */
.newonQEEL {
padding: 10px 10px 10px 10px;
text-align: center;
}
.newonQEEL a{
font-size:30px;
font-family: Nuncio;
font-weight: bold;
color: #BD882D; /* MODIFIABLE */
}
/*TOTAL POST*/
.stsQEEL1 {
position: absolute;
margin-top: -42px;
width: 170px;
margin-left: 15px;
line-height:15px;
text-align:center; color:white;
font-size: 22px;
font-family: Nuncio, Georgia, Courier, Arial;
}
.stsQEEL1 strong
{
  font-family: Nuncio, Georgia, Courier, Arial;
  font-size: 24px;
  color: #b58832;
  text-shadow: 1px 1px 0px black;
}

/* TOTAL MEMBRES */
.stsQEEL {
position:absolute;
margin-left: 720px;
margin-top: -42px;
width:170px;
line-height:15px;
text-align:center; color:white;
font-size: 22px;
font-family: Nuncio, Georgia, Courier, Arial;
}
.stsQEEL strong
{
  font-family: Nuncio, Georgia, Courier, Arial;
  font-size: 24px;
  color: #b58832;
  text-shadow: 1px 1px 0px black;
}

/* BLOC QUI EST EN LIGNE */
.tleQEEL
{padding: 10px 0px 10px 0px;
text-align: center;
width:320px;
}
.tleQEEL a{
font-size:17px;
font-family: Georgia, Courier, Arial;
color: white; /* MODIFIABLE */
}
 
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
position:absolute; margin-left:35px;
width:260px; height:205px; overflow:auto;
font-size:13px; color:white;
}

/* 24H QEEL */
.dayQEEL {
position:absolute; margin-left:645px; margin-top: -225px;
line-height:15px;
width:255px; height:205px; text-align: center;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family: Georgia, Courier, Arial; font-size: 13px; color:white;/* MODIFIABLE */
}

/* BLOC GROUPES QEEL*/
.blocGQEEL {
margin-top: 7%;
width:930px; padding: 6px;
text-align:center;
}
.blocGQEEL a {
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
}

/* BLOC DESCRIPTIFS RACES QEEL */
.blocraces {
display:inline-block; vertical-align:top;
width:260px; height:200px;
}
/* DESCRIPTIFS RACES QEEL */
.contenu_onglet {
display:none;
color:black; /* MODIFIABLE */
width:240px; height:205px; padding:5px; overflow:auto;
font-size:13px; text-align:justify;
margin-left: 340px;
font-family: Georgia, Courier, Arial;
}

/* BLOC RACES QEEL */
.GQEEL {
margin-top:5px;
width:340px; text-align:left;
margin-left: 345px;
}

.GQEEL p
{font-size: 15px;
  color: white;
  margin-left: 50px;
  margin-top: -45px;
  padding: 10px;
}
 
/* BLOC RACES QEEL */
.onglet {
display:inline-block;
margin:0 4px 7px;
margin-left: -3px;
padding: 3px;
text-align:center; font-family: Georgia, Courier, Arial; font-size:13px; letter-spacing:0;
color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.2); /* MODIFIABLE */
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL GROUPE QEEL */
.onglet_1 {
opacity:1; letter-spacing:1px; /* MODIFIABLE */
}
/* Fin QEEL */

/* footer*/

#blocfooter img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

#page-footer a
{
  font-size: 10px;
}
#page-footer div
{
  text-align: right;
}
/* TITRES SAISIE ET BOUTONS */
td.catHead, th.thHead, .thSides, .cattitle
{
  font-family: 'Mr Dafoe', cursive;
  font-size: 26px;
  font-weight: normal !important;
  color: #87652a;
}
h1, h1.pagetitle
{
  font-size: 28px;
}
input, textarea, select
{
  border: 1px solid transparent;
  background: #ffffff;
  padding: 3px;
  color: #757575;
  transition: 200ms;
}
input:focus, textarea:focus, select:focus
{
  border: 1px solid #cdad58;
  color: #424242;
  transition: 200ms;
}
#text_editor_iframe, .sceditor-container iframe, .sceditor-container textarea
{
  width: 98% !important;
}
.mainoption, .liteoption, input.button
{
  margin: 10px;
  background: #b58832;
  color: #5c441e !important;
  cursor: pointer;
  border: 1px solid #87652a;
  text-shadow: 1px 1px 0px #cdad58;
  transition: 200ms;
}
.mainoption:hover, .liteoption:hover, input.button:hover
{
  background: #cdad58;
  text-shadow: 1px 1px 0px #eee37c;
  transition: 200ms;
}
.postbody
{
  text-align: justify;
  font-size: 14px;
}
.pourcentback img
{
  background: #b58832;
}
/* RETRAIT DES BORDURES */
    .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;
    }

a.gensmall[href="/?mode=delete_cookies"]{padding-right:30px;}
a.gensmall[href="/?mark=forums"]{padding-left:30px;}

/*-------------------------code tout sélectionner--------------*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/*************** fin code ******************/
/*********************** titre CB **********************/
#chatbox_header .catBottom .cattitle { content: "Rejoignez-nous sur la ";
}

#chatbox_header .cattitle:before {content: "Le"" Salon"" des"" Nocturnes";
font-family: Nuncio;
padding-left: 10px;}

#chatbox_header .cattitle strong { visibility: hidden;}

#chatbox_header, #chatbox_header.main-head {
  background: url(https://img15.hostingpics.net/pics/407173Sanstitre3.jpg);
  height: 50px;
}

.chatbox a.cattitle, .chatbox-title, .chatbox-title a.chat-title {
  color: white !important;
}

#chatbox_members {
 background: url(https://i11.servimg.com/u/f11/17/70/82/43/90083210.jpg);
  margin-top: 20px;
  border-right: none;
}

#chatbox_members .member-title {
  background: none;
  color: White;
  margin-top: 10px;
}

#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
 background-color: transparent;
}

.msg span[style="color:green"] strong {
  color: #920101;
}

.msg span[style="color:red"] strong {
  color: #011A8C;
}

#chatbox {
  background: url(https://i11.servimg.com/u/f11/17/70/82/43/14992411.jpg);
  margin-top: 20px;
  border-left: none;
}

#chatbox_messenger .catBottom, body.chatbox, #chatbox_footer {
  background: url(https://img4.hostingpics.net/pics/901306pied.jpg);
  color:white;
  padding-right: 10px;
}

#chatbox p {
  border: none !important;
}

#chatbox_footer #message {
  background: white;
  padding-bottom: 10px;
}

#chatbox_footer {
  min-height: 33px;
}
#chatbox_footer #divcolor, #chatbox_footer #divsmilies, #chatbox_footer #help-button,
#chatbox_footer .format-message + label
{
  color: black !important;
  border: 1px solid COULEUR;
  border-radius: 50%;
  margin-right: 10px;
}
#chatbox_footer #submit_button
{ background: none;
  color: white !important;
  border: 5px solid COULEUR;
  border-radius: 40%;
  margin-right: 10px;
  width: 65px;
  height: 25px;
}

.chatbox-options a, .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  color: white;
}

.date-and-time {
  display: none;
}

#chatbox .cb-avatar {
  width: auto !important;
  height: auto !important;
}
#chatbox .cb-avatar > img {
  width: auto !important;
  height: auto !important;
  max-width: 30px;  /*largeur maximale des avatars dans la cb*/
  max-height: 40px;  /*hauteur maximale des avatars dans la cb*/
}
Revenir en haut Aller en bas
http://sangsmelesoriginels.forumactif.com
Contenu sponsorisé
MessageSujet: Re: Sauvegarde du CSS
Revenir en haut Aller en bas

Sauvegarde du CSS

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

Sujets similaires

-
» [Résolu] save oe - sauvegarde automatique ou manuel ?
» sauvegarde correcte ?
» [Résolu] Utilisation de REGCLEANER (sauvegarde)
» [Résolu] Sauvegarde automatique de documents
» Problème de sauvegarde

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sangs Mêles Originels :: Administration :: Mode d'emploi du forum :: Templates / PA / CSS-