Forum Test
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Forum Test


 
Le deal à ne pas rater :
Pokémon EV06 : où acheter le Bundle Lot 6 Boosters Mascarade ...
Voir le deal

Voir le sujet précédent Voir le sujet suivant Aller en bas
 :: Crossover :: Codage
css déjà good ou presque
Eikyuu
/** Sujet/Profil **/

/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tlePOST {
margin:5px auto; padding:15px 0;
background:black; color:#DEDEDE; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:32px; font-family:Arial;
}
/* NAVIGATION SUJET */
.navPOST {
font-size:11px; font-family:Arial;
}
.navPOST a {
font-size:11px; text-transform:uppercase; font-family:Arial;
}
/* BLOC JOUEUR */
.boxPOST {
margin-right:10px; width:225px; text-align:center;
}
/* BLOC AVATAR */
.avaPOST {
margin:auto; width:230px; padding:10px; border:1px solid;
border-color:#666; background:#F2F2F2; /* MODIFIABLE */
}
/* BLOC PSEUDONYME & RANG */
.nameIPOST {
margin:10px auto; width:230px; height:85px;
border:1px solid; text-align:right;
border-color:#666; background:grey; /* MODIFIABLE - BACKGROUND DES INVITES */
}
/* CONTENU PSEUDONYME & RANG */
.namePOST {
margin-left:45px;
width:165px; height:85px; padding-right:10px; font-family:Arial;
background:white; /* MODIFIABLE */
}
.namePOST a {
text-decoration:none !important; font-size:14px;
}
/* BORDURE PSEUDONYME */
.borderPOST {
margin-top:5px; border-bottom:1px solid;
border-bottom-color:lightgrey; /* MODIFIABLE */  
}
/* TEXTE RANG */
.rankPOST {
padding-top:5px; font-size:10px;
color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin:10px auto;
width:222px; text-align:left; font-size:11px; font-family:Arial;
}
/* INFORMATIONS JOUEUR */
.abtPOST div {
margin-bottom:4px;
width:230px; padding:5px; border:1px solid;
text-transform:uppercase; font-size:10px;
border-color:#666; background:white; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span.label {
color:black; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* BLOC DATE / OUTILS MODERATION / IMAGES CONTACT JOUEUR */
.DTPOST {
padding:10px; width:765px;
text-align:right; text-transform:uppercase; font-size:11px; font-family:Arial;
background:grey; /* MODIFIABLE - COULEUR DES INVITES */
}
/* DATE SUJET */
.datePOST {
display:inline-block; vertical-align:middle;
color:white; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:middle; margin-left:15px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
margin-top:5px; height:20px; padding-top:9px; border-top:1px solid;
border-top-color:white; /* MODIFIABLE */
text-align:right;
}
.ktactPOST img {
max-height:20px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:337px; width:765px; padding:100px; border:1px solid; border-top:none;
border-color:#666; background:#F2F2F2; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
/* BLOC SIGNATURE */
.signPOST {
margin-top:10px;
min-height:50px; padding:15px; border:1px solid;
border-color:#666; background:#F2F2F2; color:black; /* MODIFIABLE */
font-size:11px;
}
.signPOST br:nth-child(1) {
display:none;
}
.signPOST br:nth-child(2) {
display:none;
}

/** Fin sujet/profil **/

/** Liste des sujets **/

/************************************* LISTE DES SUJETS ******************************************/

.corp_sujet {
   margin: 10px auto;
   width: 890px;
   height: 65px;
}

.vu_rep_sujet {
   background-color: #52B7FF; /*modifiable*/
   color: #F7F7F7; /*modifiable*/
   margin-bottom: 8px;
   padding: 2px;
}

.corp_desc_sujet {
   display: inline-block;
   margin-left: 10px;
   width: 573px;
}

.titre_sujet {
   background-color: #F7F7F7; /*modifiable*/
   box-shadow: 1px 1px 1px #5F5D5D; /*modifiable*/
   height: 60px;
   overflow: hidden;
   padding-left: 10px;
   padding-top: 5px;
   width: 554px;
}

.titre_sujet a {
   color: #52B7FF!important; /*modifiable*/
   font-family: sans-serif; /*modifiable*/
   font-size: 18px; /*modifiable*/
}

.titre_sujet a:hover {
     color: #339C5C !important; /*modifiable*/
}

.auteur_sujet {
   font-size: 10px;
   margin: 5px 10px 0;
   text-align: left;
   color: #5B2440; /*modifiable*/
}

.auteur_sujet a {
font-size: 10px; /*modifiable*/
}

.desc_sujet {
 color:#191919; /*modifiable*/
 font-size: 10px; /*modifiable*/
}

.corp_stat_sujet {
   color: #5D5959; /*modifiable*/
   display: inline-block;
   font-size: 12px; /*modifiable*/
   height: 65px;
   overflow: hidden;
   text-align: center;
   width: 183px;
   background-color: #F7F7F7; /*modifiable*/
   box-shadow: 1px 1px 1px #4C4B4B; /*modifiable*/
}

.stats_sujet {
 float:center;
}

.avatar_sujet {
   float: right;
   height: 65px;
   overflow: hidden;
   width: 50px;
}

.avatar_sujet img {
 width: 50px;
   height: 65px;
}


.img_old_new_sujet {
   display: inline-block;
   height: 65px;
   width: 65px;
}

.go_to_page_sujet {
   float: right;
   font-size: 10px; /*modifiable*/
   margin-right: 5px;
   margin-top: -24px;
   text-align: right;
   display: inline-block;
}

.go_to_page_sujet a {
font-size: 11px; /*modifiable*/
}

/** Fin liste des sujets **/

/** Liste des membres **/

/* liste des membres | artemis pour epicode */

.memberlist_t {
 width: 800px;
 height: 90px;
background: -webkit-gradient(linear, left top, right top, from(#fedc45), to(#fb7099));
background: -o-linear-gradient(left, #fedc45, #fb7099);
background: linear-gradient(to right, #fedc45, #fb7099);
 border: 1px solid white;
 outline: 1px solid white;
 outline-offset: -10px;
 margin: auto;
 text-align: center;
 color: white;
 font: 15px raleway;
 text-transform: uppercase;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 padding-top: 34px;
 font-weight: 700;
 margin-bottom: 10px;
}

.tli-member {
 width: 800px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 margin: 0 auto;
 padding: 0;
}

.content_list {
 width: 395px;
 height: 150px;
 background: #f7f7f7;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 border: 1px solid #e2e2e2;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 margin-bottom: 10px;
 
}

.block_left_list {
 width: 265px;
 height: 145px;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 padding: 15px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
}

.block_left_list > a {
 display: block;
 text-decoration: none;
 text-transform: uppercase;
 font: 20px raleway;
 

}

.lastvisit_list {
 width: 100%;
 height: 15px;
 color: white;
 text-align: center;
 font: 11px calibri;
 text-transform: uppercase;
 line-height: 15px;
 letter-spacing: 1px;
 background: gray;
}

.joinedlist {
 width: 100%;
 height: 15px;
 border: 1px solid gray;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 color: gray;
 text-align: center;
 font: 11px calibri;
 text-transform: uppercase;
}

.block_left_list > span {
 width: 75px;
 height: 45px;
 background: gray;
 display: inline-block;
 text-align: center;
 color: white;
 font: 11px calibri;
 text-transform: uppercase;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 padding: 15px 10px 10px 10px;
 line-height: 8px;
}

.block_left_list > span > a {
 color: white;
 text-decoration: none;
}

.block_left_list > span img {
 margin-top: -4px;
}

.block_rightmember {
 width: 120px;
 position: relative;
}

.block_rightmember img {
 width: 80px;
 height: 120px;
 -o-object-fit: cover;
    object-fit: cover;
 border: 5px solid white;
 margin: 10px 0;
 position: relative;
 z-index: 2;
 
}

.blocdeco {
 width: 65px;
 height: 148px;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 1;
}

.tli-fields {
 width: 800px;
 margin: auto;
 text-align: center;
 margin-bottom: 10px;
}

.tli-fields input {
 border: 1px solid #e2e2e2;
 background: white;
}

.tli-fields select {
 border: 1px solid #e2e2e2;
}

/** Fin de Liste des membres **/

/** Profil **/

/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
margin-bottom:3px;
font-size:9px; text-align:left; text-transform:uppercase;
color:black; opacity:0.7; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:black; /* MODIFIABLE */
}
/* BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.topPFIL {
height:75px; padding:20px; overflow:hidden;
text-transform:uppercase; text-align:right; font-size:30px; line-height:34px;
background:#4A4A4A; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:block; margin-bottom:3px;
width:58px; height:15px; padding:1px 0; padding-left:2px;
text-transform:uppercase; text-align:center; font-size:9px; letter-spacing:2px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:block;
width:60px; height:15px; padding:1px 0;
text-transform:uppercase; text-align:center; font-size:9px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* TRIANGLE BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.triPFIL {
position:absolute; margin-top:-15px; margin-left:155px;
width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent;
border-top-color:#4A4A4A; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top;
width:550px; height:330px; padding:10px; overflow-y:auto;
font-size:11px;
background:#FEFEFE; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top;
width:250px; height:330px; padding:15px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT & DERNIERE VISITE PROFIL */
.btmPFIL {
padding:10px;
background:rgba(0,0,0,0.Cool; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:middle;
width:60%; text-align:left;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
max-height:25px; overflow:hidden;
}
.ktactPFIL img {
max-height:25px;
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:middle;
width:40%;
font-size:10px; text-transform:uppercase; text-align:right;
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
font-weight:bold; color:white; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:black; /* 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;
}
Eikyuu
Eikyuu
Fonda - Bras droit + professeur
Messages : 64
Date d'inscription : 29/07/2012
https://forum-test-fuyu.forumactif.org
Mar 1 Sep - 14:34
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en haut Page 1 sur 1
Forum Test :: Crossover :: Codage
Sauter vers: