code pa papapapa

/***** PAGE DACCUEIL *****/
.fond_2
{
background-color: #DFDFDF;
margin-left: 10px;
padding-bottom: 20px;
margin-right: 10px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.fond_3
{
background-color: #F0F0F0;
border: 2px solid #BEBEBE;
width: 196px;
height: 152px;
margin-left : 28px;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
padding: 10px;
overflow: auto;
}
.titre_1
{
margin: 0 0 -24px 80px;
font-family: georgia;
font-size: 24px;
color: #B0C3AB;
}
.style_1
{
background-color: #B0C3AB;
width: 100%;
height: 2px;
}
.style_2
{
background-color: #8D838D;
height: 1px;
margin-left: 30px;
margin-right: 30px;
margin-top: -7px;
}
.fond_entete
{
background-color: #F0F0F0;
border-top: 4px solid #B0C3AB;
border-bottom: 2px solid #BEBEBE;
height: 40px;
width: 100%;
}
.bloc_guillemet
{
text-align: right;
margin-right: 10px;
margin-top: -24px;
font-family: georgia;
font-size: 36px;
text-shadow: 1px 1px 2px #1A1A1A;
color: #353535;
}
.fond_5
{
background-color: #E4E4E4;
width: 760px;
margin: auto;
}
.fond_6
{
background-color: #F0F0F0;
border: 2px solid #BEBEBE;
width: 171px;
height: 135px;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
text-align: center;
margin: 0 20px 0 20px;
padding: 10px;
overflow: auto;
}
.bloc_lien
{
font-size: 12px;
font-family: georgia;
color: #879E9B !important;
font-variant: small-caps;
font-weight: bold;
}
.bloc_more
{
text-align: right;
float: right;
margin: -3px 20px 0 0;
font-family: georgia;
font-variant: small-caps;
font-size: 14px;
font-style: italic;
letter-spacing : 2px; color: #879E9B;
}
.img_80
{
position: relative;
width: 80px;
height: 80px;
opacity: 1;
transition: 1s all;
z-index: 2;
}
.staff
{
display:inline-block;
position: relative;
height: 80px;
width: 80px;
margin-left: 10px;
overflow: hidden;
}
.bulle_staff
{
position: absolute;
top: 0; left: 0;
height: 80px;
width: 80px;
overflow: hiden;
}
.staff:hover .img_80
{
opacity: 0;
}
.img_ts
{
width: 100px;
height: 40px;
margin-right: 10px;
}
.img_40
{
width: 40px;
height: 40px;
margin-right: 10px;
}
.date
{
font-size: 16px;
font-style: italic;
font-family: arial narrow;
color: #95879E;
}
.objet
{
font-size: 12px;
font-family: georgia;
color: #879E9B;
font-variant: small-caps;
font-weight: bold;
}
.fond_3.news
{
position: relative;
overflow: hidden;
padding: 10px;
}
.news_img
{
background: url(https://nsa33.casimages.com/img/2014/11/24/141124022024156156.png) no-repeat center;
width: 196px;
height: 102px;
position: absolute;
top: 0; left: 0;
transition: 1s all;
z-index: 2;
}
.fond_3.news:hover .news_img
{
left: 196px;
}
.news_bloc
{
height: 100px;
overflow: auto;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.bloc_credit
{
margin: -3px 0 0 10px;
color: #BEBEBE;
font-size: 10px;
font-family: arial narrow;
}

/***** FIN PAGE DACCUEIL *****/

Contexte Phrase d'accroche de votre contexte Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Petite phrase de fin interrogative qui tue ? more...

Nouvelles 24.11 • Construction • Catégories par Onyx sur Never Utopia, PA par Kanae sur Never Utopia, profil par Magma sur PRD 23.11 • Construction • Ajout des descriptions des trois premières catégories du forum et suggestions des nomenclatures 01.11 • Codage • Optimisation des catégories et suggestions de titres. Navigation Règlement Contexte Groupes Présentations Partenariats

Staff Hugo Johnson Admin Nom Rang Nom Rang Nom Rang Prédéfinis more

.backpa {

position: relative;
background-image:url(https://i.imgur.com/D6SQeQo.png) top no-repeat;
height: 625px;
width: 724px;
border-radius: 20px;


}




body.chatbox {
background-color: #ffffff;
}

#chatbox_header {
color: #ffffff;
}

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
color: #ffffff;

}

.bodyline{
border-top: none !important;
border-bottom: none !important;
background-color: none !important;
border: none !important;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
body {
margin: 0 auto;
}
table {
border-spacing: 0px;
}

.listeliens {
font-family: 'Shadows Into Light', cursive;
font-size: 11px;
text-align: center;
height: 15px !important;
letter-spacing: 1px;
text-transform: uppercase;
width: 760px !important;
}

.cadre1 {
width: 266px;
}

/*********LIENS URL**************/

a
{
text-decoration: none !important;
}
a:hover
{
text-decoration: none !important;
color: #60425A !important;
}
a:link
{
text-decoration: none !important;
}



/************************************************** DÉBUT DES CATÉGORIES **************************************************/

/*Bloc des titres des catégories*/
.cate_title {
width: 800px;
height: 75px;
padding-top: 10px;
margin: auto;
text-align: center;
background-image: url('https://2img.net/r/hpimg15/pics/520024nuage.png');
background-repeat: no-repeat;
background-position: top center;
margin-bottom: -10px;
}
/*Titres des catégories*/
.cate_title h2 {
display: block;
padding-top: 15px;
height: 60px;
margin: 0px;
font-family: "Dancing Script";
text-shadow: 1px 1px 3px #ffb5cc;
font-size: 55px;
letter-spacing: 1px;
color: #d74e77;
}
.cate_title h2 img {
margin-top: -25px;
margin-left: 20px;
}
.cate_title h2 span {
display: none;
}
a.nav img {
display: none;
}


/*Bloc des catégories*/
.cate_bloc {
background-color: #ffffff;
width: 800px;
margin: auto;
margin-bottom: 10px;
border-radius: 10px;
padding-top: 50px;
padding-bottom: 1px;
font-family: "abeatbykai", sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: gray;
}


/*Bloc des forums*/
.cate_forum {
height: 100px;
width: 800px;
margin-bottom: 20px;
}


/*Image Old New Lock*/
.old_new_lock {
float: left;
margin-left: 15px;
margin-top: 21px;
width: 130px; /*Largeur des images*/
height: 57px; /*Hauteur des images*/
}
/*Masque*/
.old_new_lock {
-webkit-mask: url(http://www.aht.li/2552618/nuage.svg) center center / 130px 57px;
mask: url(http://www.aht.li/2552618/nuage.svg) center center / 130px 57px;
}


/*Bloc gris du mileu*/
.cate_forum_middle {
position: relative;
float: left;
margin-top: 10px;
margin-left: 15px;
margin-right: 15px;
width: 420px;
height: 53px;
padding: 10px;
padding-top: 17px;
background-color: #e4e1e2;
border-radius: 10px;
}

/*Titres des forums*/
.forumlink {
position: absolute;
top: -20px;
z-index: 2;
height: 28px;
font-size: 28px;
font-family: 'Covered By Your Grace', cursive;
color: grey!important;
font-weight: normal;
}
/*Titres survolés des forums*/
.forumlink:hover {
color: #d74e77!important;
text-decoration: none!important;
}
/*Désactiver les images des titres*/
.forumlink img {
display: none;
}

/*Description des forums*/
.forum_desc {
height: 53px;
overflow-y: auto;
padding-right: 5px;
text-align: justify;
}


/*Bloc gris des statistiques et du dernier message*/
.cate_forum_last {
position: relative;
float: left;
margin-top: 10px;
width: 160px;
height: 70px;
padding: 5px;
background-color: #e4e1e2;
border-radius: 10px;
text-align: center;
}
/*Statistiques*/
.forum_last_stats {
margin-left: 3px;
margin-right: 3px;
margin-bottom: 10px;
padding-bottom: 3px;
font-size: 9px;
border-bottom: 1px dashed #d74e77;
}
/*Police du dernier message*/
.forum_last_mess, .forum_last_mess a.gensmall {
font-size: 11px;
font-family: "abeatbykai", sans-serif;
}
/*Couleur des liens du dernier message*/
.forum_last_mess a {
color: #d74e77;
}


/*Les barres de défilement dans les catégories*/
.forum_desc::-webkit-scrollbar {height:12px; width:5px; background:none; margin-right:5px;}
.forum_desc::-webkit-scrollbar-thumb {background:rgba(242,163,189,1); height:30px; border-radius:30px;}
.forum_desc::-webkit-scrollbar-corner {background:none;}

/************************************************** FIN DES CATÉGORIES **************************************************/

/********************* PROFIL BY MAGMA. *****************/

#beckyy { width: 200px; height: 320px; position: relative; overflow: hidden; text-align: center;}
#beckyy .sucks { -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s;
position: absolute; bottom: -170px; width: 180px; margin-left: 10px; opacity: .90 }
#beckyy:hover .sucks { -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s; bottom: 10px; }
.lolbeckys::-webkit-scrollbar { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-track { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-thumb { background-color: #555; }
.fondprofil {background-color: #acbfc7; width : 210px; -webkit-border-radius: 5px; border-radius: 5px;
box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000;}
.profil2 { background-color : #acbfc7; width: 195px; margin-left: 2px; height: 350px; overflow: auto;
-webkit-border-radius: 5px; border-radius: 5px; text-align :justify;
box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; margin-top: 3px; padding: 5px;}

#online {position: absolute; width: 30px; height: 120px; left: 290px;}
.postdetails.poster-profile img {
max-width:190px;}
.postdetails{ color: #244966; font-size: 10px; font-family: 'Roboto Condensed'; }

.gen img {max-width: 180px;}

.ChampsProfil > span {white-space:normal !important; font-size:0px; }
.ChampsProfil > span > span {font-size:10px; font-family:roboto condensed;}
.ChampsProfil > span > span:hover {color:#244966!important;}
.rang1 {font-family: 'Roboto Condensed', sans-serif; font-size: 8px; letter-spacing: 1px; color: #393737;
text-transform: uppercase;
border-bottom: 1px solid #acbfc7; margin-bottom: 2px; padding: 2px;}
.name {background-color: #0D090C; width: 196px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px;
font-size: 23px; font-family: Tulpen One; letter-spacing: 1px; margin-bottom: 2px; margin-top: 1px;}
/* On transforme la liste et les items de liste en éléments inline */
ul.profile_field_list { display:inline; font-size: 9px;}
ul.profile_field_list > li {display:inline; font-size: 9px;}
.postdetails.poster-profile span.label {color:#D6B790 !important; font-family:roboto condensed;
font-weight:lighter; font-size: 9px;}
.postdetails poster-profile {color: #fff;}

/* FICHE PROFIL PERSONNAGE */

.profil_cruelly .profil_perso
{
position: relative;
z-index: 1;
float: left;
width: 200px;
min-height: 320px;
background: #EEEDEB;
box-shadow:0 0 3px 3px #9E9795;
border-radius: 10px;
}

.profil_cruelly .nom_perso
{
width: 100%;
height: 30px;
padding-top: 10px;
font-family: monotype corsiva;
color: #515354;
font-size: 25px;
font-style: italic;
text-align: center;
text-shadow: 0px 0px 2px #000000;
letter-spacing: -3px;
word-spacing: 1px;
}


.profil_cruelly .contenu_rp
{
position: relative;
z-index: 1;
width: 580px;
min-height: 320px;
padding: 10px 20px;
margin-left: 210px;
background: #eeedeb;
box-shadow:0 0 3px 3px #9E9795;
border-radius: 10px;
color: #65615b;
text-align: justify;
}


.profil_cruelly .conteneur .infobulle {
position: absolute;
width: 200px;
background-color: #C1BFBF;
box-shadow:0 0 3px 3px #9E9795;
border-radius: 10px;
-webkit-transform: rotate(360deg) scale(0);
transform: rotate(360deg) scale(0);
visibility: hidden;
transition: all ease 1s;
}

.profil_cruelly .conteneur:hover .infobulle {
visibility: visible;
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
transition: all ease 1;
}

/* FICHE PROFIL PERSONNAGE */

.profil_perso
{
position: relative;
z-index: 1;
float: left;
width: 200px;
min-height: 320px;
background: #c5bdb1;
border: 1px solid #9f9689;
}
.fleche
{
position: absolute;
z-index: 2;
width: 52px;
height: 17px;
background: url(https://2img.net/r/hpimg15/pics/570411fleche.png);
margin: 10px 0 0 176px;
}
.nom_perso
{
width: 100%;
height: 30px;
padding-top: 10px;
background: #1c1c1c;
color: #c5bdb1;
text-shadow: 1px 1px 0px #000000;
font-size: 20px;
letter-spacing: -2px;
text-align: center;
font-family: lucida calligraphy, tahoma;
font-weight: bold;
}
.contenu_rp
{
position: relative;
z-index: 1;
width: 400px;
min-height: 320px;
padding: 10px 20px;
margin-left: 210px;
background: #eeedeb;
border: 1px solid #f4f3f0;
box-shadow: 0px 0px 5px #c5bdb1;
border-radius: 10px;
color: #65615b;
text-align: justify;
}
.rang_perso
{
position: relative;
z-index: 2;
width: 70%;
height: 20px;
margin: -15px auto 0 auto;
background: #262626;
text-transform: uppercase;
color: #65615b;
font-size: 11px;
box-shadow: 0px 0px 2px #000000;
text-align: center;
padding-top: 3px;
}
.infos_perso
{
width: 95%;
margin: auto;
font-size: 10px;
color: #65615b;
text-align: justify;
}
.intitule
{
font-family: arial black;
font-size: 12px;
color: #1c1c1c;
}
.inventaire
{
display: block;
text-align: center;
font-family: arial black;
font-size: 16px;
color: #1c1c1c;
letter-spacing: 2px;
}
.inventaire_contenu
{
width: 90%;
margin: -6px auto 5px auto;
background: #eeedeb;
border: 1px solid #9f9689;
padding: 5px;
}