Partagez

DESIGN WONDERLAND

Voir le sujet précédent Voir le sujet suivant Aller en bas
Elle voulait une vie normale résultat c'est pikachu reine de la météo
Elle voulait une vie normale résultat c'est pikachu reine de la météo

maat'
maat'
ㄨ Hiboux : 704

DESIGN WONDERLAND Empty
MessageSujet: DESIGN WONDERLAND DESIGN WONDERLAND EmptySam 29 Sep - 19:07

CSS

Code:
/*INSTALATION DES POLICES*/
@font-face {
  font-family: 'Snippet';
  font-style: normal;
  font-weight: 400;
  src: local('Snippet'), url(http://fonts.gstatic.com/s/snippet/v6/dkdPSGwSU2IgxfExalYR0wLUuEpTyoUstqEm5AMlJo4.ttf) format('truetype');
}

@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: local('Amatic SC'), local('AmaticSC-Regular'), url(http://fonts.gstatic.com/s/amaticsc/v7/DPPfSFKxRTXvae2bKDzp5CZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}


/*HEADER DE FOND*/

#i_logo {
    width: 590px;
}

.ban1 { background-image: url('https://cdn.discordapp.com/attachments/401678506355982347/485136042140368896/juliette.png');
background-repeat: no-repeat;
width: 100%;
background-color: #000000;
background-attachment: scroll;
background-position: center top;
}
.ban2 { background-image: url('https://cdn.discordapp.com/attachments/401678506355982347/485136041880059906/romeo.png');
background-repeat: no-repeat;
width: 100%;
background-color: #000000;
background-attachment: scroll;
background-position: center top;
}
.ban3 { background-image: url('https://cdn.discordapp.com/attachments/401678506355982347/485136040869363723/jefferson.png');
background-repeat: no-repeat;
width: 100%;
background-color: #000000;
background-attachment: scroll;
background-position: center top;
}

.ban4 { background-image: url('https://cdn.discordapp.com/attachments/401678506355982347/485136039925645335/freya.png');
background-repeat: no-repeat;
width: 100%;
background-color: #000000;
background-attachment: scroll;
background-position: center top;
}

.ban5 { background-image: url('https://cdn.discordapp.com/attachments/401678506355982347/485136034540158977/Cora.png');
background-repeat: no-repeat;
width: 100%;
background-color: #000000;
background-attachment: scroll;
background-position: center top;
}

.ban6 { background-image: url('https://cdn.discordapp.com/attachments/401678506355982347/485136028236120064/athena.png');
background-repeat: no-repeat;
width: 100%;
background-color: #000000;
background-attachment: scroll;
background-position: center top;
}


/*-- SCROLLBAR --*/
::-webkit-scrollbar { /*Scrollbar entière height c'est pour la hateur de la scrollbar horizontale et width pour la largeur de la scrollbar verticale*/
  width: 10px;
  background-color: #443A43;
  height: 10px;
}

::-webkit-scrollbar-track { /*Le fond de la scrollbar*/
  background-color: #443A43;
}

::-webkit-scrollbar-thumb { /*Le petit ascenceur de la scrollbar, le truc qui descend*/
  background-color: #0D0C0E;
}

::-webkit-scrollbar-button { /*La hauteur des boutons de la scrollbar verticaux*/
  background-color: #443A43;
  height: 10px;
}

::-webkit-scrollbar-button:horizontal { /*La largeur des boutons horizontaux*/
  background-color: #443A43;
  width: 10px;
}

/*CATÉGORIES*/

.forumline {
  background-color: #2d0605;
  box-shadow: 0px 0px 10px #ffaf36;
}

.gemned {
  text-align: justify;
  height: 90px;
  overflow: auto;
  padding: 1px;
  width: 400px;
  background-color: #540b0a;
  border-radius: 10px;
}

.forumlink {
  font-size: 20px;
  padding-left: 80px;
  font-family: 'Snippet';
  transition: 500ms;
}

.forumlink:hover {
  padding-left: 100px;
  transition: 500ms;
}

.secondarytitle, .secondarytitle h2 {
    color:#ffaf36;
    font-family: 'Butler';
    font-size: 30px !important;
    font-weight: lighter !important;
    letter-spacing: -1px;
    position: relative;
    text-transform:uppercase;
    height: 40px;
    background-color: NONE;
    width: 100%;
}

.lastpost-avatar img {
  border: 1px solid #ffaf36;
  padding: 2px;
  border-radius: 0px;
  height: 95px;
  width: 59px;
}

.links {
  width: 150px;
  height: 90px;
  padding: 5px;
  background-color: #540b0a;
  size: 17px;
  font-family: 'Snipet';
  text-align: center;
  border-radius: 10px;
  margin-left: 2px;
  overflow: auto;
}

.last-post {
  background-color: #540b0a;
  border-radius: 10px;
  height: 100px;
  overflow: auto;
}

/* SELECTIONNER CODE */
.selectCode {
    float : right ;
    cursor : pointer ; }

.div.cont_code {
    clear : right ; }


/*REPONSE RAPIDE*/
    /*---  Partie texte area : fond ---*/
    
    .sceditor-container iframe, .sceditor-container textarea {
    background-color: #F5F5F5 !important;
    text-align:justify;
    margin:0 !important;
    line-height: 16px;
    width: 540px !important;
    background-image: url(\'\') !important;
    font-size:12px !important;
    font-color: #E2CDD7;
    }
    /*---  Partie supérieur contenant les outils ---*/
    
    div.sceditor-toolbar {
    background-color: #A2A8BC !important;
    width: 540px !important;
    }

/*-- PAGE D'ACCEUIL --*/

#la_pa {
  position: relative; }

/*titre*/
.titrepa{
  font-family:Iowan Old Style;
  font-weight:none;
  font-style:bold;
  font-size:45px;
  letter-spacing:-1px;
  color: #212121;
  text-shadow:0px 1px 2px #a80004;
}

.titrepa:hover{
  font-family:Iowan Old Style;
  font-weight:none;
  font-style:bold;
  font-size:45px;
  letter-spacing:-1px;
  color: #580000;
  text-shadow:0px 1px 2px #212121;
}

.sloganpa{
  transform:uppercase;
  font-size:11px;
  font-family:Segoe Ui Semilight;
  letter-spacing:1pt;
  margin-top:-10px;
  color: #866F6E;
}

e{
  font-family:times new roman;
  color:#BA270D;
  font-weight:normal;
  font-size:10px;
  margin-top:-12px;
}

c{
  font-family:Old English Text MT;
  color:#a80004;
  text-shadow:0px 1px 1px #8B3E31;
  text-align: center;
  font-size:22px;
  margin-top:-18px;
}

f{
  font-family:tahoma;
  font-weight:bold;
  font-size:11px;
  text-transform:uppercase;
  color:#622422;
  text-shadow:1px 2px 2px #E1D4C8;
}

d{
  font-family:Butler;
  color:#c0d2ed;
  text-shadow:0px 0.5px 2px #050013;
  font-weight:normal;
  font-style:bold;
  text-transform:lowercase;
  font-size:15px;
  margin-top:-12px;
}

/*infobulle*/
a.imginfo {
  position: relative;
  color: #F2D7DC;
  text-decoration: none;
  border-bottom: 0px #321818 solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 0px; /* on positionne notre infobulle */
  left: 0px;
  background: #e68978;
  color: #F2D7DC;
  padding: 3px;
  border: 0px solid grey;
  border-left: 1px solid #321818;
  border-right: 1px solid #321818;
  border-top: 1px solid #321818;
  border-bottom: 1px solid #321818;
}

/*bloc intéractif*/

.l1 {
  width: 140px;
  padding: 10px;
  padding-top: 3px;
  background-color: #4b2525;
  color:#F2D7DC;
  font-family: 'Open Sans Condensed';
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
  margin:2px;
  border: 0.5px solid #030102;
}

.l2 {
  width: 140px;
  padding: 10px;
  padding-top: 3px;
  background-color: #4b2525;
  color:#F2D7DC;
  font-family: 'Open Sans Condensed';
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
  margin:2px;
  border: 0.5px solid #030102;
}

/* FIN PA*/

/*FICHE PRESENTATION - SCENARIO - PV*/

/*image coulissante*/
.image {
  background:ta couleur de fond si besoin;
  position:relative;
  width:200px; /* tu détermines la largeur */
  height:320px; /* tu détermines la hauteur */
  overflow:hidden;
}

.texte {
  position:absolute;
  height:320px; /* encore la hauteur*/
  width:200px;  /* la largeur */
  margin-bottom:-320px; /* tu décales vers le bas il faut donc la même valeur que pour ta hauteur ! */
  background-color: #540b0a; /*indique la couleur de fond de ton choix*/
  text-align: justify;
  bottom:0;
  left:0;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}


.image:hover .texte {
  margin:0;
}
/*image coulissante lien*/
.imagelien {
  background:ta couleur de fond si besoin;
  position:relative;
  width:150px; /* tu détermines la largeur */
  height:150px; /* tu détermines la hauteur */
  overflow:hidden;
}

.textelien {
  position:absolute;
  height:150px; /* encore la hauteur*/
  width:150px;  /* la largeur */
  margin-bottom:-150px; /* tu décales vers le bas il faut donc la même valeur que pour ta hauteur ! */
  background-color: #540b0a; /*indique la couleur de fond de ton choix*/
  text-align: justify;
  bottom:0;
  left:0;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}


.imagelien:hover .textelien {
  margin:0;
}

/*Les titres*/
.titre1{
  font-family:arial;
  font-weight:bold;
  font-style:italic;
  font-size:25px;
  text-transform:uppercase;
  letter-spacing:-2px;
  color:#ffaf36;
  text-shadow:0px 0px 2px #a80004;
}

.titre1:hover{
  font-family:arial;
  font-weight:bold;
  font-style:italic;
  font-size:25px;
  text-transform:uppercase;
  letter-spacing:-2px;
  color:#a80004;
  text-shadow:0px 0px 2px #ffaf36;
}

.titre2{
  font-family:times new roman;
  color:#AB5725;
  font-style:italic;
  text-align:center;
  font-size:22px;
  letter-spacing:-2px;
  text-transform:lowercase;
}

.titre2:hover{
  font-family:times new roman;
  color:#7D0000;
  font-style:italic;
  font-size:20px;
  letter-spacing:-2px;
  text-transform:lowercase;
}

.titre3{
  font-family:Segoe Ui Semilight;
  font-style:italic;
  text-align:center;
  font-size:15px;
  letter-spacing:-1px;
  text-transform:lowercase;
}

.sous-titre1{
  line-height: 80%;
  width: 490px;
  letter-spacing: 1.9px;
  font-family: Butler;
  font-size: 12px;
  color:#b69ca3;
  text-transform: uppercase;
}

.sous-titre2{
  font-family:Butler;
  color:#ffaf36;
  font-weight:bold;
  text-align:center;
  font-size:12px;
  letter-spacing:1px;
  text-transform:lowercase;
}

.ID1{
  overflow:auto;
  height: 320px;
  width: 195px;
  color: #F2D7DC;
}

.ID2{
  overflow:auto;
  height: 320px;
  width: 300px;
  color: #F2D7DC;
}

.ID3{
  overflow: auto;
  width: 400px;
  height: 90px;
  color: #F2D7DC;
  text-align : justify;
}


.ID4{
  overflow: auto;
  width: 220px;
  height: 100px;
  color: #F2D7DC;
  text-align : justify;
}

.story{
  width: 500px;
  text-align : justify;
  color: #F2D7DC;
}

.SL{
  color: #99cc33;
}

.SR{
  color: #ffcc33;
}

.SP{
  color: #cc3333;
}

m{
  font-family:Times New Roman;
  font-weight:bold;
  font-style:italic;
  font-size:15px;
  text-transform:lowercase;
  letter-spacing:0px;
  color:#EDC5CB;
}

/* Cadre messages */
.cadremessage{
  width:510px;
  background-color:#540b0a;
  border:solid 1px #ffaf36;
  color:#F2D7DC;
  text-align:justify;
  font-size:11px;
  padding:5px;
}

.cadremessage:hover{
  width:510px;
  background-color:#4b2525;
  border:solid 1px #ffaf36;
  text-align:justify;
  font-size:11px;
  padding:5px;
}

/*FIN FICHE PRESENTATION - SCENARIO - PV*/

/**QEEL**/

.titreqeel {
  letter-spacing: 3px;
  font-size: 60px;
  font-family: 'Iowan Old Style';
  color: #ffaf36;
  text-align: center;
}

.groupes {
  letter-spacing: 2px;
  font-size: 35px;
  font-family: 'Segoe Ui Semilight';
  text-transform: uppercase;
}

.oneligne {
  text-align: justify;
  height: 95px;
  overflow: auto;
  padding: 5px;
  width: 495px;
  color: #F2D7DC;
  background-color: #2d0605;
}

.histo {
  text-align: justify;
  height: 205px;
  overflow: auto;
  padding: 5px;
  width: 315px;
  color: #F2D7DC;
  background-color: #2d0605;
}

.cb {
  letter-spacing: 2px;
  font-size: 10px;
  font-family: 'Segoe Ui Semilight';
  text-transform: uppercase;
}
/**FIN QEEL***/

/* NOTIFICATIONS */

/* Cacher les bouts de la toolbar que je ne veux pas */
.fa_tbMainElement#fa_left,
.fa_tbMainElement#fa_search,
.fa_tbMainElement#fa_share,
#fa_menu,
.rightHeaderLink#fa_hide,
.fa_tbMainElement#fa_right a.rightHeaderLink {
  display:none!important;
}
 
/* Supprimer la couleur de fond et positionnement du bloc */
#fa_toolbar {
  background-color:transparent!important;
  position:fixed;
  top:0px;
  padding:5px;
  width:100%;
  z-index:999;
  box-sizing:border-box;
}

/* Mise en page du bouton Notification */
.fa_tbMainElement#fa_right a.rightHeaderLink#fa_notifications {
  display:block!important;
  position:absolute;
  top:10px;
  right:10px;
  width:160px;
  padding:3px;
  background:#4b2525;
  box-shadow:0 0 5px #ffaf36;
  color:#F2D7DC;
  font-family:Arial;
  font-size:16px;
  letter-spacing:2px;
  text-align:center;
  text-decoration:none!important;
}
#fa_toolbar #fa_right #notif_list li:first-child{
  padding-top:10px;
}

/* Mise en page bouton "notification" - Au clic */
#fa_menu:hover:visited,
#fa_toolbar > #fa_right.notification > #fa_notifications {
  background:#540b0a!important;
  color:#F2D7DC!important;
  text-shadow:none;
}

/* Référence pour la liste des notifications */
#fa_toolbar #fa_right.fa_tbMainElement {
  position:relative;
}

/* Mise en page de la liste des notifications */
#fa_toolbar #fa_right.notification #notif_list {
  top:50px!important;
  right:10px;
  left:auto!important;
  max-width:340px;
  min-width:167px;
  box-shadow:0 0 5px #ffaf36;
  border:none!important;
}

/* Mise en page des notifications */
#fa_toolbar #fa_right #notif_list li .content,
#fa_toolbar #fa_right #notif_list li {
  width:auto!important;
  font-size:12px;
  background-color:#none;
}

/* Taille des blocs textes des points de la liste de notif' */
#fa_toolbar #fa_right #notif_list li .contentText {
  overflow:visible!important;
  width:300px !important;
  height:auto!important;
}

/* Bloc "notifs non lues" */
.fa_tbMainElement#fa_right a.rightHeaderLink.unread#fa_notifications {
  width:180px;
  /* On supprime 1px à la largeur car la bordure fera 1px d'épaisseur */
  border-left:1px solid black;
}

#fa_toolbar #fa_right #notif_list li.unread {
  background:#f1d9ae!important;
}

/* Mise en page du bloc "voir toutes les notifications" */
#fa_toolbar #fa_right #notif_list li.see_all {
  text-align:center!important;
  background:#4b2525!important;
  padding:5px!important;
  font-size:12px!important;
}
#fa_toolbar #fa_right #notif_list li.see_all a{
  color:#F2D7DC;
}
/*FIN NOTIFICATION*/

/* AFFICHAGE LISTE DES MEMBRES */
.LSbatty_titre {
  margin:15px auto;
  width:100%;
}

.LSbatty_titre  th {
  margin-bottom:5px;
  padding:5px 0;
  font-family:Old English Text MT; /*police du titre*/
  font-size:25px; /*taille du texte*/
  background-image: url('https://2img.net/r/hpimg11/pics/681248fonttitre.png')
  background:#4b2525; /*couleur fond titre*/
  color:#F2D7DC; /* Couleur du texte */
  font-weight:normal; /*Retiré le gras du titre*/
}

.LSbatty_corp{
  position:relative;
  width:100%;
  height:90px;
  padding:10px 0;
  font-family: arial; /*Police général*/
}

.LSbatty_image{
  position:absolute;
  top:10px;
  left:0;
  z-index:2;
  width:90px; /*Largeur de l'espace pour l'avatar*/
  height:90px; /*hauteur de l'espace pour l’avatar*/
  background: #000713; /*couleur de fond s'il n'y a pas d'image*/
  overflow: hidden;
  box-shadow: 0 0 5px rgba(68,74,115,0.5); /*ombre au tour de l'avatar*/
}

.LSbatty_image img{
  width:90px; /*Largeur de l'image avatar*/
}


.LSbatty_pseudo{
    position: absolute;
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    height: 35px;
    color:#010a15;
    background: #B3B3B3;/*couleur de fond par défaut (membre non validé)*/
    padding: 5px 65px;
    font-family:Times New Roman;
    text-shadow:0px 1px 1px #ffaf36;
    font-size: 22px; /*Taille du texte*/
    text-align: left;
    margin: 10px 0;
    box-sizing: border-box;
}


.LSbatty_pseudo span strong{
  font-family:Times New Roman;
  text-shadow:0px 1px 1px #ffaf36;
  font-size:22px;
  color:#010a15; /*Couleur du pseudo (membre validé)*/
}

.LSbatty_pseudo a {
  font-family:Times New Roman;
  text-shadow:0px 1px 1px #ffaf36;
  font-size:22px;
  color:#010a15; /*Couleur du pseudo (membre non validé)*/
}

.LSbatty_pseudo img{
  height:14px; /*Hauteur des images MP et site web*/
}

.LSbatty_pseudo a strong{
  font-weight:normal; /*Retiré le gras sur les pseudo*/
}

.LSbatty_infos{
    position: absolute;
    top: 40px;
    left: 100px;
    width: calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    height: 80px;
    padding: 10px 5px;
    font-size: 14px; /*taille du texte*/
    box-sizing: border-box;
}

.LSbatty_infos div{
  display: inline-block;
  vertical-align: top;
  width: 23%;
  height:50px;
  margin: 5px;
  background: #540b0a; /*couleur de fond des infos*/
}

.LSbatty_infos div span{
  display:block;
  background: #4b2525; /*couleur de fond des titres infos*/
  margin-bottom: 5px;
  padding:3px;
}

.LSbatty_pagination{
    margin: auto;
    padding: 10px;
    width: 100%;
    background: #540b0a; /*couleur fond pagination*/
}

.LSbatty_pagination a {
  color:#F2D7DC; /*Couleur texte pagination*/
}

.LSbatty_pagination span{
  color:#F2D7DC; /*Couleur texte pagination*/
}

/*Mise en page du copyright (Lien)- NE PAS SUPRIMER-*/
.LSbatty_copyright {
  margin:5px auto; /*marge*/
  text-align: center; /*aligner le copyright*/
}

.LSbatty_copyright a{
font-size:11px;
text-decoration:none!important; /*suppression du soulignement par défaut*/
}

.LSbatty_copyright:hover a{
text-decoration:none!important; /*suppression du soulignement par défaut*/
color:#415694!important; /*deuxième couleur*/
}

/*FIN LISTE DES MEMBRES*/

/* NAVIGATION */
#navSIT {
  width:900px;
  height:30px;
  box-shadow: 0px 0px 10px #ffaf36;
  background:none; /* MODIFIABLE */
}
.navSIT {
  position:absolute;  
  right:15px;
  box-shadow: 0px 0px 10px #ffaf36;
}


.mainmenu img {
display:none;
}

a.mainmenu[href="/calendar"] {display: none !important;}
a.mainmenu[href="/faq"] {display: none !important;}
a.mainmenu[href="/groups"] {display: none !important;}


/* BARRE DE RECHERCHE - NAVIGATION */
#navSIT a{
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  font-size:22px;
  font-family:Old English Text MT;
  color:#ffa233; /* MODIFIABLE */
  transition:all .65s linear;
  -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:22px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important; left:5% !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:#ffa233; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:#000713 !important; /* MODIFIABLE */
}


/* PROFIL & SUJET */
/* BORDURE AVATAR */
.avaSIT {
  position:absolute;
  z-index:10;
  margin-top:-25px;
  margin-left:-35px;
  width:95px;
  height:95px;
  border-radius:95px;
  overflow:hidden;
  box-shadow: 0px 0px 10px #ffaf36;
}
/* IMAGE AVATAR */
.avaSIT img{
  width:95px;}

.cadreavatar {
  background-image: url('https://image.noelshack.com/fichiers/2018/19/5/1526024722-essaicadre.png');
  height: 395px;
  padding: 5px;
  position:relative;
    }

/* TITRE SUJET */
#tlePOST{
  margin:5px auto;
  padding:1px 0;
  border-radius:25px;
  background-image: url('https://i.servimg.com/u/f62/17/39/50/12/tentat10.png');
  color:black;
  font-family:Arial;
  text-transform:uppercase;
  text-align:center;
}
#tlePOST h1 {
  display:block;
  font-size:32px;
}
/* BLOC PSEUDONYME */
.namePOST {
  margin:5px auto 0;
  padding:15px 0;
  text-align:left;
  border-radius:15px 15px 0 0;
  background:none;
  font-family:Arial;
  font-size:22px;
  text-transform:uppercase;
}
/* ICÔNE EN LIGNE */
.onPOST {
  display:inline-block;
  vertical-align:middle;
  margin-left:10px;
}

/* TEXTE+IMAGE RANG */
.rankPOST {
  display:inline-block;
  vertical-align:middle;
  text-transform:uppercase;
  font-size:11px;
  opacity:0.8;
}

.imgrankPOST img {
  margin:auto;
  max-width:90%;
}

.imgrankPOST {
  display: inline-block;
}

/* BLOC AVATAR & INFORMATIONS JOUEUR */
.boxPOST {
  padding:10px;
  background:#540b0a;
  text-align:justify;
    }

/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
  margin:10px auto 5px;
  width:100%;
  text-align:justify;
}
/* INFORMATION JOUEUR */
.abtPOST div{
  margin-bottom:5px;
  padding:5px;
  text-transform:uppercase;
  font-size:10px;
  text-align:justify;
  background:#4b2525;
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span{
  font-weight:bold;
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
  margin:auto;
  max-width:100%;
}

/* BLOC MESSAGE */
.msgPOST {
  background:#fcc0b7;
}
/* BLOC DATE MESSAGE / OUTILS MODERATION */
.tktPOST {
  margin:5px auto;
  width:90%;
  padding:5px;
  text-align:right;
}
/* DATE MESSAGE */
.datePOST {
  display:inline-block;
  vertical-align:middle;
  font-size:12px;
  text-transform:uppercase;
  color:#F2D7DC;
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
  display:inline-block;
  vertical-align:middle;
  margin-left:15px;
}
/* APPARENCE MESSAGE */
div.postbody {
  padding:5px;
  text-align:justify;
  color:#F2D7DC;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
  padding:5px 0;
  text-align:center;
  border-radius:0 0 15px 15px;
  background:grey; /* MODIFIABLE - MESSAGES DES INVITES */
}


/*AFFICHAGE PROFIL PAR SKAEMP*/
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC ADMINISTRATION & DERNIERE VISITE PROFIL */
.lstPFIL {
margin-bottom:15px;
padding:2px 5px; border:1px solid;
font-size:10px; text-transform:uppercase; text-align:right;  
border-color:#4b2525; background:#540b0a; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
float:left; margin-top:1px;
font-size:9px; text-align:left; text-transform:uppercase;
color:white; /* MODIFIABLE */
opacity:0.7;
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
font-weight:bold; color:white; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:15px;
width:200px; padding:10px; border:1px solid;
border-color:#4b2525; background:#540b0a; /* MODIFIABLE */
}
/* AVATAR PROFIL */
.avPFIL {
margin-bottom:10px;
width:200px; height:320px; overflow:hidden;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:#4b2525; background:#4b2525; color:white !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:#4b2525; background:#4b2525; color:white !important; /* MODIFIABLE */
}
/* PSEUDONYME & INFORMATIONS PROFIL */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:30px; padding:20px;
text-align:center; font-size:20px; line-height:30px;
background:#4b2525; /* MODIFIABLE */
}
/* TRIANGLE PSEUDONYME PROFIL */
.namePFIL::before {
content:''; float:left; margin-left:-35px; margin-top:3px;
width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
border-right-color:#4b2525; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
margin-top:15px;
width:541px; height:275px; padding:10px; overflow-y:auto;
border:1px solid; font-size:11px;
border-color: #4b2525; background:#540b0a; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:15px;
padding:10px 5px 10px 0; text-align:right;
background:#4b2525; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin:0 5px;
max-height:25px; overflow:hidden;
}
.ktactPFIL img {
margin:auto; max-height:25px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px; border:1px solid;
border-color:#4b2525; background:#540b0a; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:white; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}

couleur écriture : #F2D7DC
couleur fond :#2D0605
Revenir en haut Aller en bas
https://slideaway.forumgratuit.fr
Elle voulait une vie normale résultat c'est pikachu reine de la météo
Elle voulait une vie normale résultat c'est pikachu reine de la météo

maat'
maat'
ㄨ Hiboux : 704

DESIGN WONDERLAND Empty
MessageSujet: Re: DESIGN WONDERLAND DESIGN WONDERLAND EmptyJeu 6 Déc - 18:43

PA

Code:
<iframe scrolling="no" frameborder="no" ;="" style="background: #2d0605; height: 600px; width:950px;-moz-background-inline-policy: continuous;" src="http://slideaway.forumgratuit.fr/h5-page-acceuil"></iframe>                                                                                       
Revenir en haut Aller en bas
https://slideaway.forumgratuit.fr
Elle voulait une vie normale résultat c'est pikachu reine de la météo
Elle voulait une vie normale résultat c'est pikachu reine de la météo

maat'
maat'
ㄨ Hiboux : 704

DESIGN WONDERLAND Empty
MessageSujet: Re: DESIGN WONDERLAND DESIGN WONDERLAND EmptyDim 9 Déc - 9:32

Revenir en haut Aller en bas
https://slideaway.forumgratuit.fr

Contenu sponsorisé

DESIGN WONDERLAND Empty
MessageSujet: Re: DESIGN WONDERLAND DESIGN WONDERLAND Empty

Revenir en haut Aller en bas
DESIGN WONDERLAND
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: 01. Les codes :: Codages Design :: HEC-
Sauter vers: