AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  Connexion  

Partagez | 
 

 CSS de la v9

Aller en bas 
AuteurMessage
Aslinn Shu Campbell
Rang long et chiant
qui tient sur deux lignes

Rang long et chiantqui tient sur deux lignes
avatar

Autre(s) compte(s) ? : none
Féminin Personnage sur l'avatar : HATATATATATAte

Âge, classe & année (ou poste) : Unknown
Messages : 310
Date d'inscription : 21/04/2012

Carte spéciale
Inventaire, objets importants pour le personnage:

MessageSujet: CSS de la v9   Mer 2 Juil 2014 - 7:10

Code:
.titreedito{
 font-family: Georgia; font-size: 23px; color: mediumvioletred;
  text-shadow: 1px 1px 2px black; letter-spacing: +2pt; text-align: center;
 positon: relative; top: -50px; z-index: 500;
}

.edito{
  height:130px;overflow:auto; text-align:justify;
  width: 400px; background-color: white; align: left; position: relative;
  left: -120px; border-radius: 20px; moz-border-radius: 20px; webkit-border-radius: 20px; z-index: 10;
}

.rumeur{
  height:300px;overflow:auto; text-align:justify; padding: 10px;
  background-color: white;
 border-radius: 20px; moz-border-radius: 20px; webkit-border-radius: 20px; z-index: 10;
}

.bullerumeur1{
  height:60px;overflow:auto; text-align:justify; padding: 10px;
  background-color: white; width: 175px; position: relative; top: -30px;
 border-radius: 20px; moz-border-radius: 20px; webkit-border-radius: 20px; z-index: 500;
}

.bullerumeur2{
  height:60px;overflow:auto; text-align:justify; padding: 10px;
  background-color: white; width: 175px; position: relative; top: -30px;
 border-radius: 20px; moz-border-radius: 20px; webkit-border-radius: 20px; z-index: 500;
}

.citajournal{
  text-align: right; text-transform: lowercase;  color: lightskyblue;
  font-family: 'Amatic SC', cursive; font-style: bold; text-shadow: #E2F4FE 0px 0px 5px;
letter-spacing:-1px; position: relative; top: -80px; left: -30px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
  height: 20px; font-size:35px; font-style: bold;
}

.secondarytitle h2 span , .hierarchy a span { display:none; }
td.nav a > img , .catBottom .nav a > img { display : none }
   .secondarytitle .cattitre img { display: inline!important }
.secondarytitle .cattitre span { display: none; }

/***EDITEUR DE MESSAGES***/
/*--- Bloc réponse rapide ---*/

.sceditor-container.ltr.sourceMode {
width:550px !important;
background-color: whitesmoke !important;
  min-height: 250px !important;
}
.sceditor-container.ltr.wysiwygMode {
width:550px !important;
background-color: whitesmoke !important;
    min-height: 250px !important;
}

/*---  Partie supérieure contenant les outils ---*/
 
div.sceditor-toolbar {
  background-image: url("http://image.noelshack.com/fichiers/2014/08/1393074427-light-grey.png") !important;
width: 540px !important;
}

/*---  Partie texte area : fond ---*/
 
.sceditor-container iframe, .sceditor-container textarea {
  background-color: whitesmoke !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width: 540px !important;
  min-height: 245px !important;
    background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg") !important;
font-size:12px !important;
}

/*---  Groupe de boutons ---*/
 
div.sceditor-group {
background-color: whitesmoke !important;
}

/*---  Boutons sélectionnés ---*/
 a. sceditor-button{
    border-radius: 20px !important;
   background: #777777 !important;
}

a.sceditor-button.hover {
background-color: #b4254a !important;
}

/* bordure de l'éditeur */
div.sceditor-container {
border-top: none;
   border-bottom: 2px solid #F0DA4D;
  border-right: 2px solid #509429;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  
}
 
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {

}
 
/* bordure sous les groupes de bouton */
body div.sceditor-group {

}
 
/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {

}
.prez1{
  -webkit-border-top-left-radius: 75px;-webkit-border-top-right-radius: 100px;-moz-border-radius-topleft: 500px;-moz-border-radius-topright: 75px;border-top-left-radius: 100px;border-top-right-radius: 100px;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;background-color: whitesmoke;width: 550px;padding-bottom: 10px;
}

.prez2{
  width: 450px; font-family: the girl next door; font-size: 53px; font-style: italic; letter-spacing: -3px;  text-align:center; text-shadow:lightgrey 1px 1px 3px; color:White; padding-left: 50px;
}

.prez3{
  margin:10px;overflow:auto;width:400px;padding: 5px; border: 1px solid lightgrey;
}

.prez4titre{
  font-size: 18px; line-height:15px; text-shadow:Silver 0px 0px 5px; color:White; letter-spacing: 6px
}

.prez1a{
  -webkit-border-top-left-radius: 75px;-webkit-border-top-right-radius: 100px;-moz-border-radius-topleft: 500px;-moz-border-radius-topright: 75px;border-top-left-radius: 100px;border-top-right-radius: 100px;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;background-color: whitesmoke;width: 550px;padding-bottom: 10px;
}

.prez2a{
width: 450px; font-family: the girl next door; font-size: 53px; font-style: italic; letter-spacing: -3px;  text-align:center; text-shadow:lightgrey 1px 1px 3px; color:White; padding-left: 50px;  
}

.prez3a{
margin:10px;overflow:auto;width:400px;padding: 5px; border: 1px solid lightgrey;  
}

.prez4atitre{
  font-size: 18px; line-height:15px; text-shadow:Silver 0px 0px 5px; color:White; letter-spacing: 6px;
}

.prismlmsicon01{
     -moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
  position: relative;
}

.prismlmstext01{
  width: 330px;
  line-height: 10px;
  text-align: justify;
  color: #404040;
  font-size: 13px;
  font-family: times new roman;
}

.prismrsicon01{
    -moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}

.prismrstext01{
  width: 330px;
  height: 100px;
  overflow: auto;
  line-height: 10px;
  text-align: justify;
  color: #918580;
  font-size: 13px;
  font-family: times new roman;
}


.catHead {  border: none !important;}
.catBottom  {  border: none !important;}
.thLeft  {  border: none !important;}
.thRight {  border: none !important;}
.row3Right {  border: none !important;}

.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 350px; /*--- On le place à XX px du haut de l'écran ---*/
right: 5px; /*--- On le place à X px de la gauche de l'écran ---*/
}

.categimgbas{
  margin-left: 40px;
}

.catimghaut{
margin-left: 40px;
}



/***NBR VUES ET REPONSES***/
.nbrvuesrep{
  text-align: right;
  padding: 5px;
  text-transform: lowercase;
  color: #7B7B7B;
  font-size: 12px;
  font-family :'Happy Monkey';  
  letter-spacing: 1px;
  text-align: right;
  text-shadow : 2px 2px 0px white;
    display: block;
margin: 0 auto;
  height: 20px;
     position: relative;
  line-height: 5px;
}




/***TITRE DE TOPICS***/
.prismtitle1{
  padding: 5px;
  color: #fff;
  font-size: 50px;
  font-family : 'Alex Brush', cursive;  
  letter-spacing: 5px;
  text-align: center;
  text-shadow : 1px 1px 0px crimson;
    display: block;
margin: 0 auto;
  height: 20px;
     position: relative;
}

.prismsoustitre1{
  padding: 5px;
  text-transform: lowercase;
  color: #7B7B7B;
  font-size: 20px;
  font-family :'english';  
  letter-spacing: 1px;
  text-align: center;
  text-shadow : 1px 1px 0px white;
    display: block;
margin: 0 auto;
  height: 20px;
     position: relative;
  line-height: 5px;
}

.prismtitle2{
  margin:auto;
  text-align:center;
  font-family: Georgia;
  font-size: 30px;
  color: white;
  text-shadow: 1px 1px 2px black;
  letter-spacing: +2pt;
}

.prismsoustitre2{
  text-align: center; font-size: 12px; line-height: 10px;
}

.prismtitle3{
  text-transform: lowercase;
  color: #6fb90a;
 font-family: 'Amatic SC', cursive;
font-style: bold;
text-shadow: #abe014 0px 0px 5px;
letter-spacing:-1px;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  height: 20px;
font-size:65px;
font-style: bold;
}

.prismtitle5{
  color: #8B103D;
  border-bottom: #8B103D 3px dotted;
  letter-spacing: 4px;
  text-align: center;
  font-size: 13px;
  font-family: 'Courier New';
  text-shadow: 0px 0px 1px;
}

.prismtitle4{
  color: #478fd9;
  border: #bfddfb 3px solid;
  background-color: #bfddfb;
  letter-spacing: 4px;
  text-align: right;
  margin-right: 10px;
  font-size: 23px;
  font-family: 'Port Lligat Slab', serif;
  text-shadow: 0px 0px 1px;
    width: 55%
}

.prismtitle6{
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
   border-right:2px #C44C51 solid;
  border-left:2px #C44C51 solid;
  margin-top: 5px;
  margin-bottom: 5px;
  background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
  text-align: center;
  font-family: Georgia;
  color: #C44C51;
  font-size: 20px;
  text-shadow: 0px 0px 1px;

}

.prismtexte1{
  background-image:url('http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg');
   text-align: justify;
  margin: 0 auto;
  width: 40em;
  border-bottom: 5px #dadada solid;
  border-top: 5px #dadada solid;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding:5px;
}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;  border-bottom: 2px #dadada dotted; }
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important;  border-bottom: 2px #dadada dotted;   font-variant: small-caps;}

.lastposts{
  display: block;
margin: 0 auto;
  height: 0px;
  top: 20px;
  left: 660px;
     position: relative;
  float: left;
z-index: 150;
 
  
}

.nbrsujets{
  align: right;
  padding-left: 60px;
}

.descriptioncategorie{
  background-color: white;
  -moz-border-radius: 70px;
  border-radius: 70px;
  -webkit-border-radius: 70px;
  min-height: 90px;
   box-shadow: 0px 2px 5px #aaa;
}
  
  
table#msg_et, table#msg_et td{
   background-color:none !important;
   }

.journalbox {
border-color: #000000;
border-style: solid;
background-color: #FFFFFF;
color: #000000;
font-family: ComicSansMS;
font-size: 12px;
text-align: center;
}
.journaltop {
background-position: top left;
color: #000000;
font-family: ComicSansMS;
font-size: 13px;
text-align: center;
padding-top: 200px;
}
.journaltop h2 {
background-color: transparent;
}
.journaltext a:link {
color: #CD0000;
font-family: ComicSansMS;
font-size: 12px;
}
.journaltext a: visited {
color: #FFE303;
font-family: ComicSansMS;
font-size: 12px;
}

.journaltext a: active {
color: #000000;
font-family: ComicSansMS;
font-size: 12px;
}
.journaltext a: hover {
color:  #000000;
font-family: ComicSansMS;
font-size: 12px;
}

.dernierpost {
  margin-right: 50px;
  }
/***PREZ***/
.haut{
  color: #a0a0a0;
  width: 600px;
  background-color: #ffffff;
  -moz-box-shadow: 0 0 2px silver;
  border-top: 10px solid #888888;
  border-bottom: 3px solid #888888;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 11px;
  font-family: georgia;
  text-align: justify;
  line-height: 12px;
  padding: 10px;
}

.general{
  color: #a0a0a0;
  width: 600px;
  background-color: #ffffff;
  -moz-box-shadow: 0 0 2px silver;
  border-top: 3px solid #888888;
  border-bottom: 3px solid #888888;
   -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 11px;
  font-family: georgia;
  text-align: justify;
  line-height: 12px;
  padding: 10px;
}

.bas{
  color: #a0a0a0;
  width: 600px;
  background-color: #ffffff;
  -moz-box-shadow: 0 0 2px silver;
  border-top: 3px solid #888888;
  border-bottom: 10px solid #888888;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 11px;
  font-family: georgia;
  text-align: justify;
  line-height: 12px;
  padding: 10px;
}
/***FIN***/




/***ONGLETS***/
.raccourci{
     background-color: #fff; /*fond*/
  border-radius: 20px;
  -moz--radius: 20px; /*arrondis*/
  -webkit-border-radius: 20px;
  overflow-y: auto; /*barre de défilement*/
  background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
  border: 2px dotted #767777; /*taille et couleur de la bordure de l'infobulle*/
  text-align: center;
  font-size: 14px;
  -webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;  
}

.navigation_rapide{
  width: 100px; /*largeur*/
  height: 210px; /*hauteur*/
  top:950px; /*position par rapport au bord haut*/
  right: 10px; /*position par rapport au bord droit*/
  position: absolute;
  background-color: #fff; /*fond*/
  border-radius: 20px;
  -moz--radius: 20px; /*arrondis*/
  -webkit-border-radius: 20px;
  overflow-y: auto; /*barre de défilement*/
  background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
  border: 2px dotted #767777; /*taille et couleur de la bordure de l'infobulle*/
  text-align: center;
}
  
  
.widget2{
width: 200px;
height: 300px;

     background-color: #fff; /*fond*/
  border-radius: 20px;
  -moz--radius: 20px; /*arrondis*/
  -webkit-border-radius: 20px;
  overflow-y: auto; /*barre de défilement*/
  background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
  
  text-align: center;
  font-size: 12px;
}

.ongletrp{
  position:absolute;
top: 900px;
left: 10px;
}

.imgrplibre{
  -webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;  
}


.imgrplibre:hover {
  -moz-transform: scale(1.10);
    -webkit-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform:  scale(1.10);

-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;  
}

.infobullerp {
  display: inline-block;
}

.infobullerp > div {
  position: absolute;
  margin-left: 120px;
  margin-top: -100px;
  opacity: 0;
  visibility: hidden;
 z-index:900;
  width: 0px;
  
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -o-transform: scale(0.3) ;
  transform: scale(0.3);

  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.infobullerp:hover > div {
  opacity: 1;
  visibility: visible;
 z-index:900;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

.bouhrplibre {
  width: 150px;
  z-index:900;
  margin: auto;
  background-color:#ffffff;
  background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
  color: black;
  text-align: center;


  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.bouhrplibre a {
  padding: 5px;
  margin: 5px 0 0 0;
  display: inline-block;
  background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
  background-color: white;
  text-decoration: none;


  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.bouhrplibre a:hover {
  color: #ffffff;
}

.bouhrplibre h1 {
 
}

.bouhrplibre p {
  text-align: center;
}

.bouhrplibre hr {
 
}

  

  
  /***SCROLLBAR***/
  
 ::-webkit-scrollbar {
  height: 3px;
  width: 10px;
  background-color: #E6E6E6; /* couleur de fond */
   background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
}
 
html > ::-webkit-scrollbar {
  width: 10px; /* largeur de la barre */
}
 
::-webkit-scrollbar-thumb {
  background: #A4A4A4; /* couleur de la barre qui se déplace */
  border-radius: 50px;
    moz-border-radius: 50px;/* Arrondis */
}
 
::-webkit-scrollbar-track-piece {
  background-color: #E6E6E6; /* couleur de fond */
   background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
}
  
  
  a.accueilpart {
  color: #767777;
  text-align: center;
    font-size: 13px;
  letter-spacing: 0px;
}

a.accueilpart:hover {
  color: #ffffff;
  text-align: center;
  font-size: 13px;
  letter-spacing: 1px;
  text-shadow: 1px 0px 1px black;
  border-right:5px #c13a41 solid;
  border-left:5px #c13a41 solid;
  width:90px;
}
  
/* ajoutez toutes le spropriétés qui vous semblent nécessaires*/}

.beuh {
  color: #F9EDF9;
  text-align: center;
  font-size: 24px;
  letter-spacing: 3px;
  text-shadow: 1px 0px 1px black;
  text-transform: uppercase;
  border-right:5px #c13a41 solid;
  border-left:5px #c13a41 solid;
  width:90px;
}


.clarte {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
            }
        
  .clarte:hover {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;      
                    }

/*--- Emplacement de la Bannière ---*/
body {
      cursor : crosshair;
  background-repeat: no-repeat;
  background-position: top center;
background-repeat: no-repeat, repeat;
background-attachment: scroll, fixed;
background-position: top center;
   background-image: url("http://image.noelshack.com/fichiers/2014/14/1396462752-untitled-2.png"), url("http://image.noelshack.com/fichiers/2014/14/1396463010-light-grey.png");
}
créer un forum : Prismver - Test version
 
 
body {
cursor : crosshair ;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width:15em;
}
 
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
display: none;}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
 
.cadre{
width:15em;
padding: 3px;
list-style-type: none;
position: fixed;}

 input {
padding: 1px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;}
 
a.accueil {
  color: #767777;
  text-align: center;
    font-size: 13px;
  letter-spacing: 0px;
  font-size: 20px;
}

a.accueil:hover {
  color: #ffffff;
  text-align: center;
  font-size: 24px;
  letter-spacing: 3px;
  text-shadow: 1px 0px 1px black;
  text-transform: uppercase;
  border-right:5px #c13a41 solid;
  border-left:5px #c13a41 solid;
  width:90px;
}

a.accueilpa {
  color: #767777;
  text-align: center;
    font-size: 13px;
  letter-spacing: 0px;
}

a.accueilpa:hover {
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  letter-spacing: 3px;
  text-shadow: 1px 0px 1px black;
  text-transform: uppercase;
  border-right:5px #c13a41 solid;
  border-left:5px #c13a41 solid;
  width:90px;
}

.placeslide{
top: 10px;
  height: 0px;
     position: relative;
  float: left;
}

.placeslide2{
  right: -200px;
  height: 0px;
     position: relative;
  float: left;
}

.slideshow,
.slide {
    width: 200px;
    height: 100px;
  margin-right: 100px;
}

.slideshow {
    overflow: hidden;
  
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.slideshow div {
 
    position: relative;
    top: 0;
    left: 0;
}
    
.slide {
    margin: 0;
    overflow: auto;
    
    display: inline-block;
    vertical-align: middle;
        
    text-align: center;
    color: white;
}

.slide p {
    margin: 10px;
    text-align: justify;
}

/***LISTE DES SUJETS***/
.iconsujet{
  -moz-transition: all 0.9s ease-in-out 0s;
    -webkit-transition: all 0.9s ease-in-out 0s;
    -o-transition: all 0.9s ease-in-out 0s;
    -ms-transition: all 0.9s ease-in-out 0s;
    transition: all 0.9s ease-in-out 0s;
    opacity: 0.9;
  margin: 0 auto;
  left: -25px;
     position: relative;
  float: left;
z-index: 150;
  
}

.iconsujet:hover{
  -moz-transform: rotate(15deg) scale(1.10);
    -webkit-transform: rotate(15deg) scale(1.10);
    -o-transform: rotate(15deg) scale(1.10);
    -ms-transform: rotate(15deg) scale(1.10);
    transform: rotate(15deg) scale(1.10);
    opacity: 1;
  
-webkit-transition: all 1.6s;
-moz-transition: all 1.6s;
-o-transition: all 1.6s;
}
  
.nonew {
display: block;
margin: 0 auto;
  height: 0px;
  left: 725px;
  top: -20px;
     position: relative;
  float: left;
  
   -moz-transition: all 0.9s ease-in-out 0s;
    -webkit-transition: all 0.9s ease-in-out 0s;
    -o-transition: all 0.9s ease-in-out 0s;
    -ms-transition: all 0.9s ease-in-out 0s;
    transition: all 0.9s ease-in-out 0s;
    opacity: 0.9;
}

.nonew:hover {
    opacity: 0.4;
  
-webkit-transition: all 1.6s;
-moz-transition: all 1.6s;
-o-transition: all 1.6s;
  }
    

/***AFFICHAGE DU STAFF et GDC***/
.rondstaff {
   position: relative;
  left: -10px;
  top: -10px;
  width: 60px;
  display: block;
margin: 0 auto;
  text-align: center;
  border-radius: 100px;
  moz-border-radius: 100px;
  webkit-border-radius: 100px;
  
  -moz-transition: all 1.5s ease-in-out 0s;
    -webkit-transition: all 1.5s ease-in-out 0s;
    -o-transition: all 1.5s ease-in-out 0s;
    -ms-transition: all 1.5s ease-in-out 0s;
    transition: all 1.5s ease-in-out 0s;
}

.rondstaff2 {
   position: relative;
  top: -25px;
  Right: -25px;
    width: 60px;
  display: block;
margin: 0 auto;
  text-align: center;
    border-radius: 100px;
  moz-border-radius: 100px;
  webkit-border-radius: 100px;
  -moz-transition: all 1.5s ease-in-out 0s;
    -webkit-transition: all 1.5s ease-in-out 0s;
    -o-transition: all 1.5s ease-in-out 0s;
    -ms-transition: all 1.5s ease-in-out 0s;
    transition: all 1.5s ease-in-out 0s;
}

.rondstaff3 {
     position: relative;
 
  top: -40px;
  width: 60px;
  display: block;
margin: 0 auto;
  text-align: center;
    border-radius: 100px;
  moz-border-radius: 100px;
  webkit-border-radius: 100px;
  -moz-transition: all 1.5s ease-in-out 0s;
    -webkit-transition: all 1.5s ease-in-out 0s;
    -o-transition: all 1.5s ease-in-out 0s;
    -ms-transition: all 1.5s ease-in-out 0s;
    transition: all 1.5s ease-in-out 0s;
}

.rondstaff4 {
    position: relative;
  top: -60px;
  Right: -40px;
    width: 60px;
  display: block;
margin: 0 auto;
  text-align: center;
    border-radius: 100px;
  moz-border-radius: 100px;
  webkit-border-radius: 100px;
  -moz-transition: all 1.5s ease-in-out 0s;
    -webkit-transition: all 1.5s ease-in-out 0s;
    -o-transition: all 1.5s ease-in-out 0s;
    -ms-transition: all 1.5s ease-in-out 0s;
    transition: all 1.5s ease-in-out 0s;
}

.rondstaff5 {
      position: relative;
  top: -75px;
  right: -10px;
  width: 60px;
  display: block;
margin: 0 auto;
  text-align: center;
    border-radius: 100px;
  moz-border-radius: 100px;
  webkit-border-radius: 100px;
  -moz-transition: all 1.5s ease-in-out 0s;
    -webkit-transition: all 1.5s ease-in-out 0s;
    -o-transition: all 1.5s ease-in-out 0s;
    -ms-transition: all 1.5s ease-in-out 0s;
    transition: all 1.5s ease-in-out 0s;
}

.rondstaff6 {
      position: relative;
  top: -90px;
  Right: -45px;
    width: 60px;
  display: block;
margin: 0 auto;
  text-align: center;
    border-radius: 100px;
  moz-border-radius: 100px;
  webkit-border-radius: 100px;
  -moz-transition: all 1.5s ease-in-out 0s;
    -webkit-transition: all 1.5s ease-in-out 0s;
    -o-transition: all 1.5s ease-in-out 0s;
    -ms-transition: all 1.5s ease-in-out 0s;
    transition: all 1.5s ease-in-out 0s;
}

.rondstaff7 {
      position: relative;
  left: 15px;
  top: -105px;
  width: 60px;
  display: block;
margin: 0 auto;
  text-align: center;
    border-radius: 100px;
  moz-border-radius: 100px;
  webkit-border-radius: 100px;
  -moz-transition: all 1.5s ease-in-out 0s;
    -webkit-transition: all 1.5s ease-in-out 0s;
    -o-transition: all 1.5s ease-in-out 0s;
    -ms-transition: all 1.5s ease-in-out 0s;
    transition: all 1.5s ease-in-out 0s;
}

.rondgdc {
   -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  width: 70px;
display: block;
margin: 0 auto;
   -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    opacity: 0.9;
}

.rondstaff:hover,.rondstaff2:hover,.rondstaff3:hover,.rondstaff4:hover,.rondstaff5:hover,.rondstaff6:hover,.rondstaff7:hover {
 -moz-transform: rotate(360deg) scale(1.0);
    -webkit-transform: rotate(360deg) scale(1.0);
    -o-transform: rotate(360deg) scale(1.0);
    -ms-transform: rotate(360deg) scale(1.0);
    transform: rotate(360deg) scale(1.0);
           -moz-filter: saturate(10%);
            -ms-filter: saturate(10%);
             -o-filter: saturate(10%);
              filter: saturate(10%);
-webkit-filter: saturate(10%);
-webkit-transition: all 1.6s;
-moz-transition: all 1.6s;
-o-transition: all 1.6s;
  transition: all 1.6s;
}
/***IMAGES FLOTTANTES***/
.ribbon {
  position: relative;
z-index: 199;
   float: left;
   top: -10px;
  height:0;
  right: 20px;
}  

.render {
  position: relative;
  right: -130px;
  top: 300px;
  float: left;
  text-align: left;
z-index: 100;
height:0;
  -moz-transition: all 0.9s ease-in-out 0s;
    -webkit-transition: all 0.9s ease-in-out 0s;
    -o-transition: all 0.9s ease-in-out 0s;
    -ms-transition: all 0.9s ease-in-out 0s;
    transition: all 0.9s ease-in-out 0s;
    opacity: 0.9;
}

.render:hover {
  -moz-transform: rotate(5deg) scale(1.10);
    -webkit-transform: rotate(5deg) scale(1.10);
    -o-transform: rotate(5deg) scale(1.10);
    -ms-transform: rotate(5deg) scale(1.10);
    transform: rotate(5deg) scale(1.10);
    opacity: 1;
  
-webkit-transition: all 1.6s;
-moz-transition: all 1.6s;
-o-transition: all 1.6s;
  }


.crown {
position: relative;
   right: -95px;
  top: 120px;
  float: left;
  text-align: left;
z-index: 150;
  height: 0;
}


 /*PA de Prismver*/
/* Attention, la modification des tailles peut entrainer une modification de la présentation de la PA */
/* L'ordre des class et id est le même que dans le code html */
/* Ne jamais retirer le float ! */
.facebook {
  position: relative;
   left: 200px;
  top: -80px;
  float: left;
  text-align: left;
  z-index: 150;
  height: 0;
}

#pacodecomplet {
  background-color:#ffffff;
  background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
  width:820px;
  height:700px;
  color:#000000;
  font-family:Trebuchet ms;
  font-size:11px;
  padding-top:5px;
  text-align:left;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
    border-bottom: 2px solid #F0DA4D;
  border-right: 2px solid #509429;
padding: 2px;
}

/*modifier la couleur des liens sur la PA uniquement */
#pacodecomplet a {
  color:#806048;
  text-decoration: none !important;
}

#pacodecomplet a:hover {
  color:#683A59;
  text-decoration:none !important;
  letter-spacing: 2px;
}

/* modifier la couleur du gras sur la PA uniquement */
#pacodecomplet b {
  color:#c13a41;
}


#pacodecomplet strong {
  color:#c13a41;
}


 /* S'applique à toutes les cases de la PA */
.titrepa {
  background-color: #6fb90a;
  padding: 5px;
  color: #fff;
  font-size: 46px;
font-family: 'Amatic SC';
  letter-spacing: 3px;
  text-align: center;
  text-shadow : 1px 1px 0px #6fb90a;
    display: block;
margin: 0 auto;
  height: 20px;
     position: relative;
  z-index: 60;
}

.titrepapredef {
  padding: 5px;
  color: #fff;
  font-size: 42px;
font-family: 'Amatic SC', cursive;
  letter-spacing: 3px;
  text-align: center;
  text-shadow : 1px 1px 0px #6fb90a;
    display: block;
margin: 0 auto;
  height: 20px;
     position: relative;
  z-index: 60;
}


.titrepanews {
  background-color: #abe014;
  padding: 5px;
  color: #fff;
  font-size: 42px;
font-family: 'Amatic SC', cursive;
  letter-spacing: 3px;
  text-align: center;
  text-shadow : 1px 1px 0px #6fb90a;
    display: block;
margin: 0 auto;
  height: 20px;
     position: relative;
  z-index: 60;
}

.slideshow,
.slide {
    width: 200px;
    height: 180px;

}

.slideshow {
    overflow: hidden;
  
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.slideshow div {
    margin-top: 5px;
    position: relative;
    top: 0;
  
  margin-left: 5px;
}
    
.slide {
    margin: 0;
    overflow: auto;
    
    display: inline-block;
    vertical-align: middle;
        
    text-align: center;
    color: white;
}

.slide p {
    margin: 10px;
    text-align: justify;
}

#liensutiles{
  /* rajouter une div avec la class linkutiles à tous les liens importants pour que le code fonctionne correctement */
    width:245px;
      height:150px;
      font-size: 9px;
  line-height: 11px;
  background-color: whitesmoke;
  position:relative;
  float:left;
  margin:5px;
  padding:5px;
  text-align:justify;
}


/* Liens à l'intérieur des Liens utiles */
.déco {
  text-decoration: none !important;
  font-size: 15px;
  font-family: Trebuchet MS;
  text-transform: lowercase;
  
}

.déco:hover {
  padding: 5px;
   -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  letter-spacing: +1px;
   border-right:2px #C44C51 solid;
  border-left:2px #C44C51 solid;
  background-image: url("http://img828.imageshack.us/img828/7971/testpgr.png");
}

/* Fin des liens à l'intérieur des Liens utiles */


#image {
      position:relative;
  float:left;
  margin: 5px;
}

#staff {
    width:98px;
      height:0px;
      font-size: 11px;
  line-height: 11px;
  margin:5px;
  padding:5px;
   top: 320px;
  left: 830px;
   position: relative;
  float: left;
  text-align: left;
z-index: 200;
        height:0px;
}

#etiquette {
   top: 80px;
  left: 660px;
 position: relative;
  float: left;
  text-align: left;
height:0px;
}


#link {
  text-align: right;
}

#contexte {
  width:245px;
  height:150px;
 font-size: 11px;
  line-height: 11px;
  background-color: whitesmoke;
  position:relative;
  float:left;
  margin:5px;
  padding:5px;
  text-align:justify;
}

#contextebox {
    /* Permet le défilement avec la souris dans le contexte */
  width:240px;
      height:125px;
  overflow:auto;
  text-align:justify;
  padding:1px;
}

#news {
  width:255px;
  height:150px;
 font-size: 11px;
  line-height: 11px;
  background-color: whitesmoke;
  position:relative;
  float:left;
  margin:5px;
  padding:5px;
  text-align:justify;
}

#newsbox {
    /* Permet le défilement avec la souris dans les news*/
  width:250px;
      height:125px;
  overflow:auto;
  text-align:justify;
  padding:1px;
}

/* infobulles */
/*!
 * Code proposé par Damudo No Kyoku
 * Corrigé par Espeon
 * Pour CSSActif - http://www.css-actif.com
 */
.infobulle {
  display: inline-block;
}

.infobulle > div {
  position: absolute;
  margin-left: -120px;
  margin-top: -100px;
  opacity: 0;
  visibility: hidden;
 z-index:900;
  width: 0px;
  
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -o-transform: scale(0.3) ;
  transform: scale(0.3);

  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.infobulle:hover > div {
  opacity: 1;
  visibility: visible;
 z-index:900;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

.bouh {
  width: 150px;
  z-index:900;
  margin: auto;
  background-color:#ffffff;
  background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
  color: black;
  text-align: center;

  -webkit-box-shadow: 0 0 5px #212121;
  -moz-box-shadow: 0 0 5px #212121;
  -o-box-shadow: 0 0 5px #212121;
  box-shadow: 0 0 5px #212121;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.bouh a {
  padding: 5px;
  margin: 5px 0 0 0;
  display: inline-block;
  background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
  background-color: white;
  text-decoration: none;
 z-index:900;
  -webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
  -moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
  -o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
  box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.bouh a:hover {
  color: #ffffff;
}

.bouh h1 {
  -webkit-text-shadow: 0 0 5px #ffffff;
  -moz-text-shadow: 0 0 5px #ffffff;
  -o-text-shadow: 0 0 5px #ffffff;
  text-shadow: 0 0 5px #ffffff;
}

.bouh p {
  text-align: center;
}

.bouh hr {
  -webkit-box-shadow: 0 0 3px #666666;
  -moz-box-shadow: 0 0 3px #666666;
  -o-box-shadow: 0 0 3px #666666;
  box-shadow: 0 0 3px #666666;
}

.fleche {
  width: 0;
 margin-top: -20px;
  margin-right: 60px;
}
/* fin des infobulles */

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Aslinn Shu Campbell
Rang long et chiant
qui tient sur deux lignes

Rang long et chiantqui tient sur deux lignes
avatar

Autre(s) compte(s) ? : none
Féminin Personnage sur l'avatar : HATATATATATAte

Âge, classe & année (ou poste) : Unknown
Messages : 310
Date d'inscription : 21/04/2012

Carte spéciale
Inventaire, objets importants pour le personnage:

MessageSujet: Re: CSS de la v9   Mer 2 Juil 2014 - 7:10

Code:
#predefinis {
  width:250px;
  height:150px;
 font-size: 11px;
  line-height: 11px;
  position:relative;
  float:left;
  margin:5px;
  padding:5px;
  text-align:justify;
 
}

.predeftexte {
  position: relative;
  right: -185px;
  top: -10px;
  float: left;
  text-align: right;
z-index: 150;
height:0;
}

.predef {
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
}

.predefone{
  float: left;
  text-align: left;
  position: relative;
z-index: 150;
height:0;
}

.predeftwo {
 position: relative;
  right: -65px;
 
  float: left;
  text-align: left;
z-index: 150;
height:0;
}

.predefthree {
  position: relative;
  right: -130px;
  float: left;
  text-align: left;
z-index: 150;
height:0;
}

.predeffour{
   position: relative;
  right: -195px;
  float: left;
  text-align: left;
z-index: 150;
height:0;
}

 .translate {
  height: 60px;
  width: 60px;

  font-size: 9px;
  position:relative;
 }
 
.translate1 {
  height: 110px; width: 110px; font-size: 15px; background-color: #fff; position:relative; -moz-border-radius: 100px; border-radius: 100px; -webkit-border-radius: 100px;
 }

.translate p {
padding:5px;
margin:0px;
text-align:justify;
}

 .translate img {
        -moz-transition: all 1.5s ease-in-out;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5s ease-in-out;
    position:absolute;
  top:0px;
  }
 
.translate:hover img {
  -moz-transform: translate(0px,60px);/*XX=largeur de ton image pour un  déplacement horizontal; YY=hauteur de l'image pour déplacement vertical*/
  -webkit-transform: translate(0px, 60px);
  -o-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

.translate1 img {-moz-transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; -ms-transition: all 1.5s ease-in-out; position:absolute; top:0px;}
 
.translate1:hover img {-moz-transform: translate(0px,-150px); -webkit-transform: translate(0px, -150px); -o-transform: translate(0px, -150px); -ms-transform: translate(0px, -150px); transform: translate(-0px, -150px);}  
  
#rpmois{
   width:250px;
  height:150px;
  font-size: 11px;
  line-height: 11px;
  background-color: whitesmoke;
  position:relative;
  float:left;
  margin:5px;
  padding:5px;
  text-align:justify;
}

.imgrpmois{
  float: left;
  position: relative;
  margin-left: 3px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 5px;
  text-align: left;
  width: 50px;
}

.citarpmois{
  margin: 5px;
  padding: 5px;
  font-family: Times New Roman;
  font-size: 11px;

}

.infosrpmois{
  
}

.phraserpmois{
  position: relative;
  margin: 2px;
  font-style: italic;
}

#partenaires {
  width:255px;
  height:150px;
  font-size: 11px;
  line-height: 11px;
  background-color: whitesmoke;
  margin:5px;
  padding: 5px;
  text-align:center;
  position:relative;
  float:left;
}

#particones {
  /* Permet le défilement automatique des partenaires */
  border-top:2px #6fb90a solid;
   border-bottom:2px #6fb90a solid;
  padding-top: 7px;
  padding-bottom: 7px;
  width:252px;
   -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}

div.cssactif_tableaupartenaire {
  width: 250px; /* À 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: 27px; /* Hauteur initiale */
  width: 47px; /* Largeur initiale */
}
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 */
  
  /* Transitions pour différents navigateurs */
  /* navigateur: toutes_transitions durée type */
  -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: 42px; /* Hauteur finale */
  width: 70px; /* Largeur finale */
  z-index: 99; /* Place l'image au-dessus des autres */
  
  /* Positionne le logo de pleine taille au centre - À adapter */
  left: -50%;
  top: -50%;
}

#topsites{
  width:350px;
  height:100px;
  font-size: 11px;
  line-height: 11px;
  background-color: whitesmoke;
  margin:5px;
  padding:5px;
  text-align:center;
  position:relative;
  float:left;
}
  
#birthday {
  width: 200px;
  height:100px;
  background-color:#F2F2F2;
  position:relative;
  float:left;
  margin:5px;
  padding:5px;
  text-align:center;
}
 
////Prismver - Test versionVersion test du forum RPG type pensionnat Prismver !  Accueil  Calendrier  FAQ  Rechercher  //
Membres  Groupes  Profil  Messagerie  Déconnexion [ Admin ]  
 .tafMania_inline {
 height:auto;
  padding-top: 10px;
 float:none;
 padding-left:10px;
 padding-right:10px;
 width:auto;
 text-align:left;
 border: none;
 padding: 0px 0px 3px 0px;
 margin: 5px 0px 0px 0px;
 display:block;
 }
 .tafMania_inline .adtitle {
 color:#7a4611;
 font-size:13px;
 line-height:13px;
 text-decoration:underline;
 padding-bottom:5px;
 }
 .tafMania_inline .adlink {
 color:#7a4611;
 font-size:10px;
 line-height:12px;
 text-decoration:none;
 }
 .tafMania_inline .adlink:hover {
 text-decoration:none !important;
 }
 .tafMania_inline a {
 display:inline;
 font-size: 0.75em;
 }
 
 PiouPiou peut créer un site internet  pour 15€
 Tafmania.com
 
 Lesko peut vous creer un serveur de jeu pour 5€
 Tafmania.com
 
 IZeyNeX peut Vous crée un site internet pour 10€
 Tafmania.com
 html body .add-google5287,html body .add-google5287 iframe,html body iframe[name="google_ads_frame"],html body .add-google5287 iframe[name="google_ads_frame"],html body #wrap #page-body div.add-google5287,html body #page-body .add-google5287{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;padding:inherit!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .add-google5287,html body .add-google5287 iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .add-google5287 iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}Dernière visite le Jeu 1 Sep 2011 - 15:14La date/heure actuelle est Jeu 1 Sep 2011 - 15:34Prismver - Test versionVoir les nouveaux messages depuis votre dernière visiteVoir ses messagesVoir les messages sans réponses Entrée principale SujetsMessagesDerniers MessagesRèglement et contexteModérateur: Modérateurs11Votre 1er sujet...Lun 29 Aoû 2011 - 18:59Admin  L'Académie SujetsMessagesDerniers MessagesRez-deChausséeLe Rez-de-chaussée est sûrement l'étage le plus vivant du pensionnat. C'est ici que se trouve le bâtiment administratif le grand hall d'entrée où se passe les grandes fêtes de l'établissement et les multiples salons de thé très prisés par des élèves de tous genres. On peut aussi accéder à une petite cour intérieure fleurie.Grand Hall, Salons00 La cité de Primsver SujetsMessagesDerniers MessagesLa gare00Grande PlaceLa grande place est l'endroit le plus attractif de la ville étudiante avec ses manèges, et sa vue imprenable sur le clocher. Souvent pris d'assaut par les touristes les élèves trouvent rarement un banc pour s'y poser. On y trouve aussi un marchand de glace et une boutique de souvenirs.

/*---------------- QEEL ----------------*/


.rightpart {
font-size : 12px ;
border-left : 2px DOTTED #767777 ;
padding-left : 10px }

.groupes{
width: 30px;
padding-right:10px;
padding-left:10px;
padding-bottom:3px;
font-size:7px;
font-weight: bold;
text-align:center;
font-color : #e7e7e7;
text-decoration: none ;
}
 
.grps {
     position: relative;
  right: -15px;
  top: 20px;
  float: left;
  text-align: left;
z-index: 150;
  height: 0px;
  padding: 5px;
}

/***INFOBULLES DES GROUPES***/
.infobullegrps {
  display: inline-block;
}

.infobullegrps > div {
  position: absolute;
  margin-top: -20px;
  opacity: 0;
  visibility: hidden;
 z-index:900;
  -webkit-transform: scale(0.3) rotate(-65deg);
  -moz-transform: scale(0.3) rotate(-65deg);
  -o-transform: scale(0.3) rotate(-65deg);
  transform: scale(0.3) rotate(-65deg);

  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.infobullegrps:hover > div {
  opacity: 1;
  visibility: visible;
 z-index:900;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

.bouhgrps {
  width: 150px;
  z-index:900;
  margin: auto;
  background-color:#ffffff;
   background-image: url("http://img828.imageshack.us/img828/7971/testpgr.png");
  color: black;
  text-align: center;
  font-size: 12px;
  text-decoration: none;

  -webkit-box-shadow: 0 0 5px #212121;
  -moz-box-shadow: 0 0 5px #212121;
  -o-box-shadow: 0 0 5px #212121;
  box-shadow: 0 0 5px #212121;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.bouhgrps a {
  padding: 5px;
  margin: 5px 0 0 0;
  display: inline-block;
  background-image: url("http://img828.imageshack.us/img828/7971/testpgr.png");
  background-color: white;
  text-decoration: none;

  -webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
  -moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
  -o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
  box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.bouhgrps a:hover {
  color: #ffffff;
}

.bouhgrps h1 {
  -webkit-text-shadow: 0 0 5px #ffffff;
  -moz-text-shadow: 0 0 5px #ffffff;
  -o-text-shadow: 0 0 5px #ffffff;
  text-shadow: 0 0 5px #ffffff;
}

.bouhgrps p {
  text-align: center;
}

.bouhgrps hr {
  -webkit-box-shadow: 0 0 3px #666666;
  -moz-box-shadow: 0 0 3px #666666;
  -o-box-shadow: 0 0 3px #666666;
  box-shadow: 0 0 3px #666666;
}

.flechegrps {
  width: 0;
  margin-left: 20px;
  border: 5px solid transparent;
  border-bottom: 10px solid #ffffff;
}
/* fin des infobulles */

.texte{
  text-decoration: none;
}

.partiedroite{
padding: 3px;
height: 395px;
background-image: url('http://image.noelshack.com/fichiers/2014/14/1396462738-qeelv2.jpg');
  background-position:center;
  background-repeat: no-repeat;
 position:relative;
    border-left: 2px solid #509429;
  border-right: 2px solid #F0DA4D;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
 


.texteuh{
  text-align: justify;
  padding-left: 560px;
}

.connectes{
  height: 150px;
  overflow:auto;
  padding:1px;
}

.listeconnectes {
  width:315px;
      height:105px;
  overflow:auto;
  text-align:center;
  padding:1px;
}

.connected{
  padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-top: 2px solid #f8f7f7;
  border-bottom: 2px solid #f8f7f7;
  border-left: 2px solid #dadada;
  border-right: 2px solid #dadada;
  background-color: #f1eeef;
  width: 85%;
      height:125px;
  overflow:auto;
  padding:1px;
  background-color: white;
}

.connected td.row1 { background : none; }

/*---------------- TRANSPARENCE ----------------*/
.latest_img{
border: 2px double #8E3557;
}

/*---------------- BARRE DE NAVIGATION ----------------*/
.navtop {
  background-color: #ffffff;
  -moz-border-bottom-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
border-bottom-left-radius: 50px;
  -moz-border-bottom-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
border-bottom-right-radius: 50px;
  border: 3px white solid;
position: fixed;
  color: #ffffff;
  width : 100%;
  font-size: 13px;
  letter-spacing: 1px;
text-transform: uppercase;
valign : center;
text-align: center;
  z-index: 999;
  margin-left: -10px;
  margin-top: -8px;
  height: 30px;
   background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
}

a.mainmenu {
 font-family: 'Amatic SC', cursive;
font-size: 20px;
font-style: bold;
font-color: #ffffff;
text-shadow: 1px 1px 0px white;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;  }

a.mainmenu: hover{
   font-family: 'Amatic SC', cursive;
font-size: 20px;
font-style: bold;
font-color: #ffffff;
border-bottom: 2px solid #478fd9;
text-shadow: 1px 1px 0px white;
  -webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;  
}

/*---------------- LIENS CATEGORIES ----------------*/
 
a.forumlink:link, a.forumlink:visited {
font-family: 'Amatic SC', cursive;
font-size:65px;
font-style: bold;
color: #6fb90a;
display: block;
margin-left:10px;
text-shadow: #FCFAE1 0px 0px 5px;
letter-spacing:-1px;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  height: 20px;
  top: 10px;
     position: relative;
z-index: 150;
  text-transform:lowercase;

-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;  
}
 
a.forumlink:hover, a.forumlink:hover:visited {
font-family: 'Amatic SC', cursive;
font-size:65px;
font-style: bold;
color: #abe014;
display: block;
margin-left:10px;
text-shadow: #abe014 0px 0px 7px;
letter-spacing:+2px;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  top: 10px;
  height: 20px;
     position: relative;
z-index: 150;
 
}

 a.vignettes{
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
    margin-top:5px;
color: #661414;
text-shadow: #FFFFFF 0px 0px 5px;
letter-spacing:0px;
background-color: #ADCF4F;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
    -webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}

a.vignettes:hover{
font-family: Palatino Linotype;
color: black;
text-shadow: #FFFFFF 0px 0px 7px;
letter-spacing:+1px;
background-color: #f5e537;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
    margin-top:5px;
}

/*---------------- AFFICHAGE DES CATEGORIES ----------------*/

 .categ{
  background-color:#ffffff;
  padding:10px;}

 .categcont{
  background-color:#faafaf;
  padding:10px;
  border:1px solid #dadada;
  height:100px;
  overflow:auto;}


a.souscat:link, a.souscat:visited {
font-size: 7px;
background-color: #dadada;
color: #FFFFFF;
font-style: none;
letter-spacing:+3px;
valign: center;
text-align: center;
}

a.souscat:hover, a.souscat:hover:visited {
font-family: Palatino Linotype;
font-size:15px;
font-style: ;
color: #f28383;
display: block;
margin-left:10px;
text-shadow: #FCE1FE 0px 0px 7px;
margin-bottom:-20px;
font-weight: normal;
letter-spacing:+2px;
background-color: #EFE7F5;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.th
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #f28383;
  font-family: Palatino Linotype;
font-size:15px;
}

.forumline
{
border: none;
 
}

.forumline{text-align:justify;}


/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #f28383;
border-right: 10px solid #f28383;
border-left: 10px solid #f28383;
background-color: #f28383;
color: #FFF;
-moz-border-radius-topleft: 60px;
-webkit-border-radius-topleft: 60px;
border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
-webkit-border-radius-topright: 60px;
border-radius-topright: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */

.messcat
{
font-family: Trebuchet;
font-style: bold;
font-size:10px;
color: #f28383;
letter-spacing:+2px;
text-align: center;
font-weight: bold;
text-shadow: #ffffff 0px 0px 15px;
}

a.link,a.active,a.visited,a.hover
{text-decoration: none ;
text-transform: uppercase;
letter-spacing: 2px;
word-spacing:8px;  }


/*---------------- POSTS ----------------*/
.description{
 border: 2px double #76c00a;
  background-color: #FFFFFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding:5px;
  background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");   }

.flechemessage{
    background-image: url("http://image.noelshack.com/fichiers/2014/08/1393075840-bulle.png");
    position : relative;
   width: 20px;
    height: 20px;
    top: 50px;
    left: -18px;
z-index: 500;}


.dateposte {
  position: relative;
  left: 300px;
  float: right;
  text-align: right;
z-index: 150;
height:0;
}

.poste{
  align: center;
padding: 5px;
background-color: #ffffff;
  background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
width: 98%;
text-align: justify;
border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
  border-top: 2px solid #76c00a;
  border-bottom: 2px solid #76c00a;
 border-right: 2px solid #76c00a;
  border-left: 2px solid #76c00a;
  min-height: 100px;
}

.mon_profil_exterieur {
position : absolute;
   margin-left: -100px;
}

.ma_marge_profil {
min-height: 440px; /* Hauteur minimale d’un message */
padding-left : 120px; /* Espacement à gauche */
}

.profil_exterieur {
position : absolute;
  margin-left : -100px;
}

.marge_profil {
min-height: 430px; /* Hauteur minimale d’un message */
padding-left : 100px; /* Espacement à gauche */
}

.profilentour {
text-align: center;
padding: 5px;
background-color: whitesmoke;
 
  border-top: 2px solid #F0DA4D;
  border-bottom: 2px solid #F0DA4D;
 border-right: 2px solid #F0DA4D;
  border-left: 2px solid #F0DA4D;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  width: 200px;
}

.pseudoentour{
  text-align: center;
border: 1px solid #FEFEFE;
padding: 3px;
background-color: #E6e6e6;
 background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.pseudotypo{
  font-family: 'Happy Monkey';
  font-size: 20px;
 padding: 7px;
  text-shadow: 1px 1px 0px white;
}

#slide_avatar {
    width:200px;    /* largeur avatar */
    height:350px;    /* hauteur avatar */
    overflow:hidden;      /* ne pas toucher */
    position:relative;    /* ne pas toucher */
}
 
.glisse_avatar {  
    -webkit-transition:all 0.5s;    /* fait glisser l avatar */
    -moz-transition:all 0.5s;      /* fait glisser l avatar autre navigateur */
    -o-transition:all 0.5s;        /* fait glisser l avatar autre navigateur */
    -ms-transition:all 0.5s;      /* fait glisser l avatar autre navigateur */
    transition:all 0.5s;        /* fait glisser l avatar autre navigateur */
    top:0;                /* ne pas toucher */
    left:0;              /* ne pas toucher */
    width:100%;          /* ne pas toucher */
    height:100%;        /* ne pas toucher */
    position:absolute;    /* ne pas toucher */
    z-index:1;
}
 
#slide_avatar:hover > .glisse_avatar {
    margin-left:200px;      /* fait glisser l avatar a droite */
}
 
.infos_avatar {
    background-color:white !important;    /* fond infos */
    padding: 7px;
  background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
  background-repeat: repeat;
    top:0;                /* ne pas toucher */
    left:0;              /* ne pas toucher */
    width:100%;          /* ne pas toucher */
    height:100%;        /* ne pas toucher */
    z-index:0;
    overflow: auto; /*barre de défilement*/
}

div.infobulle_avatar em {
display:none;
}
 
div.infobulle_avatar:hover {
background: none;
z-index: 400;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}
 
div.infobulle_avatar:hover em {
font-style: normal; /*écriture de la police*/
font-size: 12px; /*taille de la police*/
color:#000 !important; /*couleur de la police*/
padding: 2px;
text-align: left;
display: block;
position: absolute;
-moz-border-radius: 10px; /* bord arrondis*/
-webkit-border-radius: 10px; /* bord arrondis*/
border-radius: 10px ; /* bord arrondis*/
background-color: #FFFAFF; /*couleur de fond de l'infobulle*/
border: 2px dotted #8E3557; /*taille et couleur de la bordure de l'infobulle*/
width:200px; /*largeur de l'infobulle*/
top: 100px; /*infobulle à 100px du haut*/
left: 100px; /*infobulle à 100px de la gauche*/
}

span.poster_name {
font-style: Times New Roman;
font-size: 16px;
text-align: center;
}

.imgrang {
  position: relative;
  right: 85px;
  bottom: 70px;
  float: left;
  text-align: left;
margin-right: 100px;
z-index: 450;
height:0;
}

/*---------------- CHATBOX ----------------*/
#chatbox_header .cattitle strong {
display: none;
}

#chatbox_header .cattitle:before {
content: "Cookies en boîte";
}

body.chatbox {
background-image: url("http://image.noelshack.com/fichiers/2014/02/1389187609-fondme5.jpg");
  background-repeat: repeat;
  background-color: #ffffff;
border-radius: 3px 3px 13px 13px;
  -moz-border-radius: 3px 3px 13px 13px;
-webkit-border-radius: 3px 3px 13px 13px;
border-left: 6px solid #F0DA4D;
border-right: 6px solid #F0DA4D;
}

tr.post span.gensmall { display: none; }

/*Auto-justify*/      
.postbody {
            text-align:justify;
            }
 
/*soulignement des liens*/
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
 

 
/*ombre portée sur les liens*/
a.forumlink {
text-shadow: #F0DA4D 1px 0px 1px;
    }
a:hover {
text-shadow: #F0DA4D 1px 0px 1px;
    }
 
 
/*Code & autre */
.quote{
color: #767777;
line-height: 105%;
 padding: 10px;
background-color: whitesmoke;
   border-bottom: 2px solid #F0DA4D;
  border-right: 2px solid #509429;
   -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

 .quote {
  background-image: url("http://image.noelshack.com/fichiers/2014/08/1393164877-quote2.png"), url("http://image.noelshack.com/fichiers/2014/08/1393164980-quoteclose.png");
background-position: left top, right bottom;
background-repeat: no-repeat;
}

.ps_info {
  width:700px;
  height:auto;
  background:white;
  color:black;
  font-size:14px;
  position:absolute;
  z-index: 999;
  display:none;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
  border-left:4px solid #00BFFF ;
  padding:5px;
  font-family:Arial,sans-serif;
}

.code{
color: #767777;
line-height: 105%;
 padding: 10px;
background-color: whitesmoke;
   border-bottom: 2px solid #F0DA4D;
  border-right: 2px solid #509429;
   -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
 
.selectCode { float:right; }

u{
  text-decoration: none;
border-bottom: 2px solid #509429;
   -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.spoiler{
  color: #767777;
line-height: 105%;
  padding: 10px;
background-color: whitesmoke;
  background-image: url("http://image.noelshack.com/fichiers/2014/08/1393074427-light-grey.png");
   border-left: 2px solid #F0DA4D;
  border-right: 2px solid #509429;
border-top: 0px solid #;
border-bottom: 0px solid #;
 -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.limitation-signature img {
max-height: 350px;
}

/*catégorie*/

.desc{
background-color: #fff;
padding: 6px; /*marge interne*/
  -moz-border-radius:8px 8px 8px 8px;
border:1px solid #dadada;
  width:60%;
}
.racc{
 background-color: #fff;
padding: 6px; /*marge interne*/
  -moz-border-radius:8px 8px 8px 8px;
border:1px solid #dadada;
  width:40%;}
.bord{
  border:1px solid #dadada;}

/*journal*/
.Shu{
padding: 5px;
  border: 3px dotted #dadada;
text-align: right;}

/*STAFF*/
.blabla {
padding : 4px;
border-radius : 10px;}

.titre {
text-align: center;
padding : 4px;
font-family: Georgia;
  font-size: 20px;}
  
.presentation {
text-align: center;
padding : 4px;
font-family: Georgia;
  font-size: 12px;}
    
.citation{
text-align: center;
padding : 4px;
font-family: Georgia;
font-size: 16px;}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
CSS de la v9
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: «Administration :: Votre 1er forum :: Version 09-
Sauter vers: