ANCIEN CODE AVANT NOWEL

LEGO® Icons 10329 Les Plantes Miniatures, ...


☼ ANCIEN CODE AVANT NOWEL ☼ Produce You :: administration :: We Can do it

Aller à la page :

1, 2, 3

Jeu 20 Déc - 16:44

Messages :

149

Date d'inscription :

13/03/2017

Produce U

Admin

CSS PART 3:

Code:: /*********************** FIN FICHE DE PREZ *******************/

/****************** panneau rumeurs ****************/

div.bloc_fond_de_page1 {

border: 1px solid #ffffc8; /*On met une bordure de 1 px, en ligne continue de couleur #bbbbbb*/
border-radius: 10px; /*On arrondi les angles sur Mozilla*/
padding: 5px;
position: fixed; /*On position notre élément comme fixe, il restera donc toujours dans le champ de vision de votre page !*/
right: 10px; /*On décale notre élément de 30px par rapport à la droite*/
top: 40px; /*On décale notre élement de 80px par rapport au haut de votre page*/
width: 175px;
height: auto;
}

.PA_band {
width: 175px;
height: 30px;
border-radius: 10px;
background: #fff;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
margin: auto;
font-size: 20px;
color: #df9898;
font-family: 'Oswald', sans-serif;
}

.PA_box1 {
width: 165px;
height: 175px;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 10px;
background: #fff;
/* ebd4cf */
overflow: auto;
letter-spacing: 1px;
border-top: none;
letter-spacing: 1px;
color: #b1b0af;
padding: 5px;
text-align: justify;
font-size: 11px;
font-family: 'Arial';
}

new {
margin-top: 10px;
}

date {
display:block;
text-transform: uppercase;
border-bottom:1px solid #ffeab1;
font-family: 'Oswald', sans-serif;
color:#f7cac9;
}

.score {
font-size: 15px;
font-family: 'Oswald', sans-serif;
text-align: center;
}

.score1 {
border-radius: 10px;
color: #fff;
font-size: 15px;
padding: 6px;
font-family: 'Oswald', sans-serif;
text-align: center;
}

/* ************** FICHE DE PRESENTATION **************** */

/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 24/03/2017
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*reset des styles par défault du navigateur*/
.template-linus-2 ul{ list-style:none; }
.template-linus-2 ul, .template-linus-2 h5, .template-linus-2 h4, .template-linus-2 h3, .template-linus-2 h2,.template-linus-2 h4, .template-linus-2 h1, .template-linus-2 p, .template-linus-2 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-2 a, .template-linus-2 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-2 a img{border:none;}

/*couleurs par défaut*/
.template-linus-2 .tli-body{background:#faf9f9;}
.template-linus-2 .tli-body2{background:#faf9f9;}

.template-linus-2 .tli-credits{background:#e4e4e4;}
.template-linus-2 .tli-credits a{color:#555b6e;}

.template-linus-2 .tli-body-onglet{background:#e4e4e4;color:#555b6e;border-bottom:1px solid #e0e0e0;}

.template-linus-2 .tli-body:before{background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%,#faf9f9 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#faf9f9 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#faf9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00faf9f9', endColorstr='#faf9f9',GradientType=0 );}
.template-linus-2.default{color:#6e555d;}
.template-linus-2.default .tli-body span.dialog{color:#fff;}

.template-linus-2.default .tli-header{background:#f6e9c7;}
.template-linus-2.default .tli-header h2{color:#d58585;text-shadow: -1px 1px 0 #fff;}
.template-linus-2.default .tli-header h4{color:#91c8d0;text-shadow: 1px 1px 0 #fff;}

.template-linus-2.default a.tli-body-onglet:after{border-top:4px solid #f6e9c7;}

/*style général*/
.template-linus-2{
padding:2em;
text-align:left;
width:400px;
font-family:arial;
font-size:11px;
line-height:13px;
background:url(http://strandhogg.fr/epicode/backgrounds/2.png);
}

/*en-tête*/
.template-linus-2 .tli-header{
position:relative;
text-align:center;
padding-top:2em;
}

.template-linus-2 .tli-header h2{
text-transform:uppercase;
font-size:1.5em;
padding:0em 2em;
margin-bottom:0.4em;
}

.template-linus-2 .tli-header h3{
text-transform:lowercase;
font-size:1.2em;
padding:0em 2em;
margin-bottom:2em;

}

.template-linus-2 .tli-header-cols{
background:#FFF url(http://strandhogg.fr/epicode/backgrounds/4.png);
text-transform:lowercase;
min-height:75px;
overflow-y:auto;
overflow-x:hidden;
}

.template-linus-2 .tli-header-cols .imgP img{
height: auto;
opacity: 0.9;box-shadow: 0px 0px 2px gray; border: 1px solid white; margin: 10px;
}

.template-linus-2 .tli-header-cols .tli-header-avatar{
float:left;
height: 75px;

overflow: auto;
width:50%;
}
.template-linus-2 .tli-header-cols .tli-header-right{
float:left;
height: 75px;

overflow: auto;
width:50%;
}.template-linus-2 .tli-header-cols .tli-header-left{
float:left;
height: 75px;

overflow: auto;
width:50%;
}

.template-linus-2 .tli-header-cols .tli-champ{
font-weight:bold;
font-size: 1em;
}
.template-linus-2 .tli-header-cols:after{
content:' ';
display:block;
clear:both;
}

.template-linus-2 .tli-header .tli-header-left p{
padding:1em 2em;
padding-left: 15px;
padding-right: 40px;
text-align:left;

}
.template-linus-2 .tli-header .tli-header-right p{
padding:1em 2em;
text-align:right;
padding-right: 15px;
padding-left: 50px;
}

/*en-tête avatar*/
.template-linus-2 .tli-header .tli-header-avatar{
position:absolute;
width:100px;
height:100px;
bottom:-15px;
left:50%;
margin-left:-50px;
border-radius:50%;
background:#EAEAEA;
-webkit-transition:transform ease-in 0.75s;
transition:transform ease-in 0.75s;
overflow:hidden;
text-align:center;
-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
-webkit-transform-origin:CENTER; -moz-transform-origin:CENTER; -o-transform-origin:CENTER; transform-origin:CENTER;
}
.template-linus-2 .tli-header .tli-header-avatar img{
border-radius:50%;
width:100%;
height:100%;
opacity:0.7;
}
.template-linus-2 .tli-header .tli-header-avatar span{
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
}
.template-linus-2 .tli-header .tli-header-avatar span{
border-radius:50%;
font-size:0.9em;
line-height:1em;
visibility:hidden;
z-index:2;
width:80%;
padding:0 10%;
cursor:default;
display:flex;
align-items:center;
justify-content:center;
background:url(http://strandhogg.fr/epicode/backgrounds/2.png);
}
.template-linus-2 .tli-header .tli-header-avatar:hover{
-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);
}
.template-linus-2 .tli-header .tli-header-avatar:hover span{
visibility:visible;
}

/*dialogues*/
.template-linus-2 .tli-body span.dialog:before{
content: open-quote;
}
.template-linus-2 .tli-body span.dialog:after{
content: close-quote;
}
.template-linus-2 .tli-body span.dialog{
text-transform:lowercase;
quotes: "«\00a0" "\00a0»";
}

/*corps de texte*/
.template-linus-2 .tli-body:before{
content:' ';
display:block;
width:100%;
height:50%;
position:absolute;
bottom:0;
left:0;
border-bottom:15px solid #faf9f9;
}
.template-linus-2 .tli-body{
height:50px;
overflow:hidden;
text-align:justify;
padding:2em 2em 3em 2em;
position:relative;
}

.template-linus-2 .tli-body2{

overflow:hidden;
text-align:justify;
padding:2em 2em 3em 2em;
position:relative;
}

.blocAN {
width:230px; height:130px;
margin-left: 130px; overflow: auto; margin-top: 10px; padding-left: 5px; padding-right: 5px;}

.titreAN {
width:230px; height:30px;
margin-left: 130px;
margin-top: -170px;

text-transform:uppercase;
text-align: center;
font-size:1.2em;
}

.template-linus-2 .tli-body h3{
text-transform:uppercase;
text-align: center;
font-size:1.2em;
}

/*attention, nécessaires pour l'ouverture au clic*/
.template-linus-2 span.tli-target{
position:fixed;
display:none;
}
span.tli-target:target + a.tli-body-onglet + div.tli-body,
a.tli-body-onglet:target + div.tli-body,
div.tli-body-onglet + div.tli-body{
height:auto;
}
span.tli-target:target + a.tli-body-onglet + div.tli-body:before,
a.tli-body-onglet:target + div.tli-body:before,
div.tli-body-onglet + div.tli-body:before{
display:none;
}
.template-linus-2 a.tli-body-onglet:after{
content:' ';
display:block;
width: 0;
height: 0;
margin:5px 5px 0 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
float:right;
}
.template-linus-2 span.tli-target:target + a.tli-body-onglet:after,
.template-linus-2 a.tli-body-onglet:target:after{
display:none;
}
.template-linus-2 .tli-body-onglet{
display:block;
text-transform:lowercase;
padding:1em;
}

/*crédits*/
.template-linus-2 .tli-credits{
font-size:0.9em;
padding:1em;
text-align:right;
}

.template-linus-2 .tli-credits a{
text-decoration:underline;
text-decoration:underline !important;
}

/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 24/03/2017
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*reset des styles par défault du navigateur*/
.template-linus-27 ul{ list-style:none; }
.template-linus-27 ul, .template-linus-27 h5, .template-linus-27 h4, .template-linus-27 h3, .template-linus-27 h2, .template-linus-27 h1, .template-linus-27 p, .template-linus-27 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-27 a, .template-linus-27 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-27 a img{border:none;}

/*style général*/
.template-linus-27{
padding:20px 0;
background:#;
}

.template-linus-27 > div:after{
content:' ';
position:absolute;top:0;left:0;width:100%;height:100%;
background-repeat:no-repeat;
background-position:50%;
background-image:url('https://i.imgur.com/tdbxutu.png');
}

/*fond d'écran*/
.template-linus-27 .tli-wallpaper{
position:absolute;
top:0; bottom:0; left:0; right:0; margin:auto;
width:240px; height:420px;
overflow:hidden;
background-color:#FFF;
background-size:cover;
background-position:50%;
background-repeat:no-repeat;
z-index:10;
-webkit-transition:all .25s;
transition:all .25s;
border-bottom:10px solid transparent;
}

.template-linus-27.hover .tli-wallpaper,
.template-linus-27:hover .tli-wallpaper{
width:0;
height:0;
}

.template-linus-27 > div{
width:300px;
height:570px;
position:relative;
font-family:arial;
font-size:11px;
margin:0 auto;
}

/*discussion*/
.template-linus-27 .tli-iphone-discu{
position:absolute;
top:120px; left:30px;
width:234px; height:205px;
overflow-y:auto;
padding-right:5px;
text-align: justify;
z-index:9;
}

.template-linus-27 .tli-iphone-contact,
.template-linus-27 .tli-iphone-time{
text-align:center;
position:absolute;
color:#FFF; width:100%;
opacity:0.9;
}

.template-linus-27.hover .tli-iphone-time,
.template-linus-27:hover .tli-iphone-time{
top:74px;
font-size:8px;
}

.template-linus-27 .tli-iphone-time{
z-index:11;
top:130px;
font-size:50px;
-webkit-transition:all .25s;
transition:all .25s;
}

.template-linus-27 .tli-iphone-contact{
top:90px;
font-size:14px;
z-index:10;
}

.template-linus-27 > div:before{
content:'send';
position:absolute;
bottom:220px;
right:40px;
z-index:10;
display:block;
font-size:14px;
color:#c0c2d0;
background:#f9f9f9;
}

/*avatars*/
.template-linus-27 .tli-iphone-discu .tli-avatar{
width:25px;
height:25px;
border-radius:50%;
position:absolute;
}

.template-linus-27 .tli-iphone-discu .odd:before,
.template-linus-27 .tli-iphone-discu .even:before{
border-bottom:5px solid transparent;
content:' '; width:0; height:0; display:block;
position:absolute;
top:0; bottom:0; margin:auto 0;
}

.template-linus-27 .tli-iphone-discu .even:before{
border-left:5px solid #c0c2d0;
right:-5px;
}

.template-linus-27 .tli-iphone-discu .odd:before{
border-right:5px solid #efefef;
left:-5px;
}

.template-linus-27 .tli-iphone-discu .even,
.template-linus-27 .tli-iphone-discu .odd{
position:relative;
padding:8px 10px;
margin-top:5px;
border-radius:10px;
line-height:10px;
}

.template-linus-27 .tli-iphone-discu .odd{
background:#efefef;
color:#222;
margin-left:35px;
}

.template-linus-27 .tli-iphone-discu .even{
background:#c0c2d0;
color:#fff;
margin-right:35px;
}

.template-linus-27 .tli-iphone-discu .time{
text-align:center;
margin-top:5px;
opacity:0.25;
font-size:0.8em;
}

.template-linus-27 .tli-iphone-discu .even .tli-avatar{
right:-35px; top:0; bottom:0; margin: auto 0;
}

.template-linus-27 .tli-iphone-discu .odd .tli-avatar{
left:-35px; top:0; bottom:0; margin: auto 0;
}

/*en-tête*/
.template-linus-27 .tli-header{
position:absolute;
z-index:9;
background:#c0c2d0;
width:238px;
height:40px;
left:30px;
top:72px;
color:#fff;
font-size:8px;
}

.template-linus-27 .tli-header:before,
.template-linus-27 .tli-header:after{
content:' ';
display:block;
position:absolute;
filter:invert(100%);
-webkit-filter:invert(100%);
background-size:cover;
opacity:0.8;
}

.template-linus-27 .tli-header:after{
right:8px;
bottom:6px;
width:15px;
height:15px;
opacity:0.5;
background-image:url();
}

.template-linus-27 .tli-header:before{
left:61px;
top:3px;
width:8px;
height:8px;
background-image:url();
}

.template-linus-27 .tli-reseau,
.template-linus-27 .tli-battery{
display:flex;
position:absolute;
top:3px;
align-items:center;
}

.template-linus-27 .tli-reseau{
left:4px;
}

.template-linus-27 .tli-battery{
right:4px;
}

.template-linus-27 .tli-reseau span{
width:2px;
height:2px;
display:block;
border-radius:50%;
margin-right:1px;
}

.template-linus-27 .tli-reseau span,
.template-linus-27 .tli-battery .tli-bar{
border:1px solid rgba(255,255,255,0.4);
}

.template-linus-27 .tli-battery .tli-bar > div,
.template-linus-27 .tli-reseau span.tli-full{
background:rgba(255,255,255,0.9);
}

.template-linus-27 .tli-reseau span:last-child{
margin-right:4px;
}

.template-linus-27 .tli-battery .tli-bar{
width:10px;
height:4px;
margin-left:3px;
position:relative;
}

.template-linus-27 .tli-battery .tli-bar:after{
content:' ';
position:absolute;
background:rgba(255,255,255,0.7);
width:1px;
height:2px;
right:-2px;
top:0;
bottom:0;
margin:auto;
}

.template-linus-27 .tli-battery .tli-bar > div{
height:100%;
}

/*credits*/
.template-linus-27 .tli-credits{
position:absolute;
bottom:-10px;
width:100%;
text-align:center;
}

.template-linus-27 .tli-credits a{
color:#37516C;
text-decoration:underline;
}

.template-linus-27 ::-webkit-scrollbar {width:6px;}
.template-linus-27 ::-webkit-scrollbar-button {width:6px;height:4px;}
.template-linus-27 ::-webkit-scrollbar-track {background:#eee;border:thin solid lightgray;
box-shadow:0px 0px 3px #dfdfdf inset;border-radius:10px;}
.template-linus-27 ::-webkit-scrollbar-thumb {background:#999;border:thin solid gray;border-radius:10px;}
.template-linus-27 ::-webkit-scrollbar-thumb:hover {background:#7d7d7d;}

/*BLOC AVATAR 200x320 / CARACTERE ET ANECDOTES*/
.blocAVATAR {
width:100px; height:160px;
padding : 5px;
border:2px solid #c0c2d0;
}

.imageBTS {
width:100px;
height:100px;
margin-left: 15px;
margin-bottom: 20px; }

.imageBTS img {
border-radius:50%;
width:100%;
height:100%;
opacity:0.7;
}

.titreBTS {
width:230px; height:30px;
margin-left: 130px;
margin-top: -130px;
text-transform:uppercase;
text-align: center;
font-size:1.5em;
color:#fff;text-shadow: -1px 1px 0 #e7e6ef;
}

.blocBTS {
width:260px; height:80px;
text-align: justify;
margin-top: -10px;
padding: 5px;
margin-left: 125px; overflow: auto; }

/* LIEN PREDEFINIS */

.imageLIEN{ position: right;width:100px;height:100px;margin-left: 290px;margin-top: -100px;}
.imageLIEN img {border-radius:50%;width:100%;height:100%;opacity:0.7; }
.titreLIEN{width:230px; height:30px; text-transform:uppercase;text-align: center;font-size:1.5em; color:#fff;text-shadow: -1px 1px 0 #e7e6ef;}
.blocLIEN {width:260px; height:80px; text-align: justify;margin-top: -10px; margin-left: 15px;padding: 5px;overflow: auto;}

/* AFFICHAGE DU PROFIL */
.PFIL {margin:auto; width:800px; font-family:Arial;}

/* BLOC SUJETS & MESSAGES / PSEUDONYME & DERNIERE VISITE PROFIL */
.topPFIL {padding:10px 0;text-transform:uppercase; text-align:center;background:rgba(0,0,0,0.8); /* MODIFIABLE - COULEUR PAR DEFAUT */}

/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {display:inline-block; vertical-align:middle;width:55px; height:27px; padding:13px 10px 0;text-transform:uppercase; text-align:center; font-size:11px;background: #fff; color:black !important; /* MODIFIABLE */}

/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {display:inline-block; vertical-align:middle; margin:0 10px;width:75px; height:27px; padding:13px 10px 0;text-transform:uppercase; text-align:center; font-size:11px;background: #fff; color:black !important; /* MODIFIABLE */}
.namePFIL {display:inline-block; vertical-align:middle;width:590px; text-align:right;}

/* PSEUDONYME PROFIL */
.namePFIL span strong {color:white; /* MODIFIABLE */}

/* DERNIERE VISITE PROFIL */
.lstPFIL {margin-left:210px; margin-top:3px; width:380px; padding-top:3px; border-top:1px solid;text-align:right; font-size:10px; text-transform:uppercase; line-height:14px;border-color:white; color:white; /* MODIFIABLE */}

/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {color:white; /* MODIFIABLE */}

/* BLOC AVATAR PROFIL */
.avPFIL {display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px;width:200px; height:320px; overflow:hidden;}

/* BLOC ADMINISTRATION PROFIL */
.adminPFIL {position:absolute; margin-top:115px; margin-left:10px;opacity:0; transition:opacity 0.75s; -webkit-transition:opacity 0.75s;}
.avPFIL:hover .adminPFIL {opacity:1;}

/* CONTENUS ADMINISTRATION PROFIL */
.adminPFIL div {margin-bottom:5px; width:180px; padding:5px 0;font-size:11px; text-align:center; text-transform:uppercase;background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */}

/* LIENS ADMINISTRATION PROFIL */
.adminPFIL div a {color:white; /* MODIFIABLE */}

/* BLOC POSITIONNEMENT */
.boxPFIL { display:inline-block; vertical-align:top; margin-top:10px; width:590px;}

/* BLOC INFORMATIONS PROFIL */
.abtPFIL {width:570px; height:255px; padding:10px; overflow-y:auto;font-size:11px; background: #fff; color:black; /* MODIFIABLE */}

/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {font-weight:bold; text-transform:uppercase; color:#b1b0af; /* MODIFIABLE */}

/* INFORMATIONS PROFIL */
.abtPFIL div {padding:2px 0;}
.abtPFIL .field_uneditable {display:inline-block; }

/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {margin-top:10px;height:35px; text-align:right; background: #ddbaee; /* MODIFIABLE */}

/* IMAGES CONTACT PROFIL */
.ktactPFIL {display:inline-block; vertical-align:middle; margin-right:10px; max-height:20px; overflow:hidden;}
.ktactPFIL img {max-height:20px;}

/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {margin:auto; margin-top:10px;width:780px; padding:10px; background:#f6e9c7; /* MODIFIABLE */}

/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {text-transform:uppercase; color:#fff; /* 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;}

/************* FICHE DE LIEN SU HAN ************/
.xotourlif3 {width: 450px; margin: auto; background: #eee; padding: 15px 15px 10px 15px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;}
.xotourlif3 .box {background: #fff; display: inline-block;width: 145px; height: 250px; margin: 1px;overflow: hidden;}
.xotourlif3 img {width: 100px; height: 100px; border-radius: 50%;padding: 25px; margin: 35px -20px 0 -20px; border: solid 15px rgba(255,255,255,.5);}
.xotourlif3 h1 {margin: 10px 0 0 0; font: 18px contrail one; text-transform: uppercase;text-align: center; letter-spacing: 1px; padding: 0;}
.xotourlif3 h2 {margin: 10px 10px -10px 10px; padding: 0;font: 14px contrail one; text-transform: uppercase;text-align: center; letter-spacing: 0px; width: 115px; height: 15px; padding: 5px; color: #fff;}
.xotourlif3 .text { background: #fff; margin: 0; overflow: hidden;position: relative; z-index: 200;width: 145px; height: 0px; transition: .8s;border-top: solid 5px;}
.xotourlif3 .box:hover .text{margin: -248px 0 0 0; height: 240px;}
.xotourlif3 .scroll {margin: 15px 10px 15px 15px; color: #111; font: 11px/16px lato; text-align: justify;padding-right: 10px; height: 190px; overflow: auto; width: 110px;}
.xotourlif3 .scroll::-webkit-scrollbar { width: 5px; background: #eee; border: solid 2px #fff;}
.xotourlif3 .scroll::-webkit-scrollbar-track {background: #eee; border: solid 2px #fff;}
.xotourlif3 .scroll::-webkit-scrollbar-thumb {border: solid #ddd; background: #D5D5D5;border-radius: 8px;}

/******************* FIN FICHE DE LIEN SU HAN ***************/

/****************** FICHE RP SUMALEE *****************/
#crystals {width: 400px;margin: auto;background: #f1f1f1;border: 1px solid #ccc;padding: 2px;position: relative;height: 500px;} .crybox1 {width: 200px;height: 200px;background-image: url(https://cdn.nickpic.host/images/pHo0o6.jpg);
background-size: cover;position: absolute;top: 4px;left: 4px;outline: 1px solid #ccc;border: 5px solid #fff;} .crybox2 {
width: 200px;height: 200px;background-image: url(https://cdn.nickpic.host/images/pHo0o6.jpg);background-size: cover;position: absolute;bottom: 4px;right: 4px;outline: 1px solid #ccc;border: 5px solid #fff;} .cry1 {
position: absolute;top: 30px;left: 30px; background: #fbfbfb;border: 1px solid #ccc;width: 345px;height: 445px;}
.cr1 {background: #eee; display: inline-block; margin: 5px; padding: 10px;border: 1px solid #ccc;vertical-align: top;width: 103px;height: 100px;}
.cr1 img {
width: 90px;
height: 90px;
border: 5px solid #fbfbfb;
outline: 1px solid #ccc;
}
.cr2 {
text-align: center;
padding: 20px;
background: #f8f8f8;
border: 1px solid #ccc;
margin: 5px 0 0 -10px;
font-weight: 100;
display: inline-block;
vertical-align: top;
width: 173px;
height: 80px;
}
.cr2 h1 {
margin: -6px 0 0 0;
font: 50px arial;
color: #e3e3e3;
text-shadow: 1px 0px #fff, 0px 1px #fff, 0px -1px #fff, -1px 0px #fff;
}
.cr2 h1 sub {
display: block;
font: 26px roboto;
letter-spacing: -2px;
font-style: italic;
font-weight: 100;
color: #e6c2b6;
}
.cr2 h1 sub b {
display: block;
font: 8px pt sans;
color: #ccc;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
margin-top: -3px;
}
.cr3 {
margin: -6px 5px 5px 5px;
background: #f6f6f6;
height: 310px;
border: 1px solid #ccc;
}
.cr4 {
margin: 10px;
background: #fff;
border: 1px solid #ccc;
padding: 30px;
height: 227px;
}
.cr4 h2 {
margin: 0;
height: 227px;
overflow: auto;
font: 11px tahoma;
text-align: justify;
line-height: 120%;
padding-right: 10px;
color: #939393;
}
.cr4 h2 b {
font: 12px pt sans;
text-transform: uppercase;
color: #e6c2b6;
}
/*
.cr4 h2 i {
letter-spacing: 1px;
color: #c7a79c;
font: 12px roboto;
font-style: italic;
} */
/************* FIN FICHE RP SUMALEE ****************/

/********************* DISCORD ***************************/

.ca-dc-1a { margin: auto; width: 500px; height: auto;background-color: #36393e; overflow: hidden; }
.ca-dc-1b { box-shadow: 0px 1px 2px #2b2e32; padding: 10px; font-family: 'Lato', sans-serif; font-size: 12px; color: #fafbff; height: 20px; line-height:20px;}
.ca-dc-1b nn { display: inline-block; height: 20px; }
.ca-dc-1b n { display: block; margin-top: -4px; font-weight: 800; height: 20px; font-size: 12px; line-height: 20px; color: #ffffff; }
.ca-dc-1b onl { display: inline-block; line-height: 20px; background-color: #43b581; height: 12px; width: 12px; margin-right: 5px; margin-left: 5px; border-radius: 7px; }
.ca-dc-1b spc { display: inline-block; background-color: #46494d; height: 20px; margin-bottom: -2px; width: 1px; margin-left: 5px; margin-right: 5px; }
.ca-dc-1a aka { display: inline-block; }
.ca-dc-1a aka fts { display: block; margin-top: -4px; height: 20px; }
.ca-dc-1a aka b { display: block; background-color: #737f8d; font-size: 9px; text-transform: uppercase; font-family: 'Lato', sans-serif; height: 15px; width: 25px; border-radius: 3px; margin-right: 10px; line-height: 15px; text-align: center; color: #fafbff; font-weight: 400; }
.ca-dc-1a aka2 { font-size: 8px; letter-spacing: 0px; text-transform: uppercase; height: 20px; line-height: 20px; text-align: center; color: #667378; }
.ca-dc-1a aka2b { display: block; margin-top: -2px; }
.ca-dc-1c { height: auto; width: 490px; padding: 5px; overflow: hidden; }
.ca-dc-1c wrpp { display: block;height: auto; width: 490px; padding: 5px; padding-right: 100px; overflow: auto; }
.ca-dc-1c ico { background-size: cover; background-position: center; width: 40px; height: 40px; display: inline-block; border-radius: 50px; float: left;
margin: 8px; margin-top: 0px; background-color: #2b2e32; margin-left: 5px; }
.ca-dc-1c p { border-bottom: 1px solid #3e4146; padding-bottom: 4px; width: 480px; }
.ca-dc-1c wrdz { display: inline-block; color: #b9bac2; font-family: 'Lato', sans-serif; font-size: 12px; line-height: 15px;width: 400px; text-transform: none; text-align: justify; }
.ca-dc-1d { margin: auto; width: 500px; height: 60px; background-color: #36393e; }
.ca-dc-1d tz { display: block;width: 480px; height: 1px; margin: auto; background-color: #313338; }
.ca-dc-1d tzz { display: block;width: 480px; height: 1px; margin: auto; background-color: #424549; }

.ca-dc-1d dis1 { display: block; margin: auto; margin-top: 10px; border-radius: 3px;border: 2px solid #686a6e; background-color: #424549; width: 475px; height: 35px; }
.ca-dc-1d table dis2 { margin-top: 0px; padding-left: 4px; display: inline-block; border-right: 1px solid #686a6e; color: #686a6e; width: 35px; height: 35px; line-height: 35px;
font-size: 35px; font-weight: 100; }
.ca-dc-1d table dis2:hover { background-color: #4d5054; color: #efefef; }
.ca-dc-1d table dis3 { padding-left: 20px;line-height: 30px; display: inline-block; }
.ca-dc-1d table ffs { display: block; color: #686a6e; line-height: 15px;}

.ca-dc-1c p b { line-height: 15px; color: #9e584b; font-size: 14px; display: block; }
.ca-dc-1c p i { display: block; color: #6b6d6d; font-weight: 100; padding-left: 10px; font-size: 9px; line-height: 9px; margin-bottom: 3px; }

/******************* FIN DISCORD ****************/

/****************** YOUTUBE 1 **********************/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
.ytube1,
.ytube3 { position: relative;}
#ytbox,
#ytbox2 { display: table-cell;}
.ytube3c,
.ytube4 tab {text-transform: uppercase;}
#ytbox { vertical-align: middle;}
#ytbox2 { vertical-align: top; padding-left: 10px;}
.ytube1 { max-width: 500px; margin: 20px; padding-right: 10px;letter-spacing: 0;}
.ytube2 { height: 220px; background-size: cover; background-position: bottom;}
.ytube3 { padding: 15px; height: 80px; background-color: #F9F9F9;}
.ytube3-1 { position: absolute; left: 20px;}
.ytube3-2 { position: absolute; top: 35px; right: 20px;}
.ytube3a img { border-radius: 50%; height: 80px; margin-right: 20px;}
.ytube3b { text-align: left;}
.ytube3b h1 { font: 400 17px roboto; margin: 0; line-height: 30px;}
.ytube3b .material-icons { font-size: 11px; color: #6E6E6E; margin-left: 3px;}
.ytube3b h2,
.ytube3c { margin: 0; color: rgba(17, 17, 17, .6);}
.ytube3b h2 { font: 400 11px roboto; line-height: 21px;}
.ytube3c { font: 500 11px roboto; line-height: 21px; padding: 5px 10px; background-color: #EDEDED;}
.ytube3c b { font-weight: 500; margin-left: 10px;}
.ytube3d { padding-left: 15px;}
.ytube3d i {color: #878787; font-size: 14px;}
.ytube4 { background-color: #F9F9F9; padding-bottom: 12px;}
.ytube4 tab {font: 700 8px roboto; padding: 0 15px 10px;color: rgba(17, 17, 17, .6);}
.ytube4 tab i,
.ytube4 tab i:hover { font-size: 15px; color: rgba(17, 17, 17, .6); margin-left: -10px; position: relative; top: 2px;}
.ytube4 tab:hover { color: #111; cursor: pointer;}
.ytube4 tab#selected { color: #111; border-bottom: 2px solid #111;}
.ytube5 { position: relative; padding: 20px;}
.ytube5 tab2 { position: absolute; left: 50px; font: 700 12px roboto; padding: 0 15px 10px; color: #111;}
.ytube5 tab2 i,
.ytube5 tab4 i { position: relative; top: 6px; color: #707070; font-size: 18px;}
.ytube5 tb3,
.ytube5 tab4 { position: absolute; font: 700 11px roboto; text-transform: uppercase;color: rgba(17, 17, 17, .6); cursor: pointer;
}
.ytube6b,
.ytube6c { width: 185px; position: relative;}
.ytube5 tab3 { top: 28px; left: 150px;}
.ytube5 tab4 { right: 50px;}
.ytube5 tab4 i { margin-right: 5px;}
.ytube6 { padding-top: 25px;}
.ytube6b {height: 105px;}
.ytube6c { cursor: pointer;}
.ytube6b time { font: 500 11px roboto; color: #fff; display: inline-block; padding: 5px; background-color: rgba(0, 0, 0, .8); border-radius: 3px; position: absolute; bottom: 5px; right: 5px;}
.ytube6c yttitle,
.ytube6c ytviews { color: #111; display: block;text-align: left;}
.ytube6c yttitle {font: 700 12px roboto; line-height: 20px; padding: 10px 0; display: block; max-width: 400px; max-height: 30px; margin: 0 auto; overflow: hidden;}
.ytube6c ytviews {font: 400 12px roboto;color: rgba(17, 17, 17, .6);padding: 8px 0;}
.ytube6c ytsubs { font: 500 11px roboto;color: rgba(17, 17, 17, .6);display: inline-block; padding: 5px;background-color: #F4F4F4;float: left; border-radius: 3px;}
.ytube1 hr { border: none; margin-top: 20px;}

/******************** FIN YOUTUBE 1 **************/

/********************** YOUTUBE 2 *********************/

.hobts { width: 500px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); }
.hobts1 { width: 500px; height: 45px; background-color: #fbfbfb; }
.hobts1a { width: 45px; height: 45px; color: #565656; font-size: 30px; text-align: center; line-height: 45px; }
.hobts1a i { text-align: center; line-height: 45px; }
.hobts1b { width: 258px; height: 45px; padding: 0px 15px; background-color: #fcfcfc; color: #d1d1d1; font-family: source sans pro; font-size: 11px; font-weight: 400; font-style: normal; text-align: left; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 45px; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; cursor: text; }
.hobts1b i { margin-right: 5px; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; }
.hobts1b:hover i { color: #ec2828; }
.hobts1c { width: 54px; height: 35px; padding: 5px 15px; color: #d1d1d1; font-size: 12px; line-height: 35px; cursor: pointer; }
.hobts1c img { width: 35px; height: 35px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
.hobts1c i { margin-left: 5px; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; }
.hobts1c:hover i { color: #ec2828; }
.hobts1d { width: 70px; height: 35px; padding: 5px; background-color: #ec2828; color: #fafafa; font-family: source sans pro; font-size: 11px; font-weight: 400; font-style: normal; text-align: center; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 35px; cursor: pointer; }
.hotbs2 { width: 420px; padding: 0px 40px; background-color: #1C2022; overflow: hidden; }
.hotbs2 iframe { display: block; width: 420px; height: 236px; box-shadow: 0px 0px 8px rgba(0,0,0,0.5); }

.hotbs3 { width: 470px; padding: 15px; background-color: #272C2E; }
.hotbs3a { width: 45px; }
.hotbs3a img { display: inline-block; width: 45px; height: 45px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin-right: 15px; }
.hotbs3b { width: 100px; padding: 0px 15px; color: #68737B; font-family: source sans pro; font-size: 11px; font-weight: 700; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: -1px; word-spacing: 1px; line-height: 100%; }
.hotbs3c { width: 60px; height: 34px; padding: 8px 0px; color: #3e4549; font-family: source sans pro; font-size: 10px; font-weight: 700; font-style: normal; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: -1px; word-spacing: 1px; line-height: 100%; border-left: 1px solid #34393d; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; cursor: pointer; }
.hotbs3c i { display: block; font-size: 17px; margin-bottom: 5px; }
.hotbs3c:hover { color: #68737B; }

.hotbs4 { width: 400px; padding: 25px 50px; background-color: #fbfbfb; color: #686868; font-family: source sans pro; font-size: 10px; font-weight: 400; font-style: normal; text-align: left; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 1px; line-height: 100%; }

.hotbs4 b { color: #686868; font-family: source sans pro; font-size: 17px; font-weight: 700; font-style: normal; text-align: inherit; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 1px; line-height: 100%; margin-right: 15px; }
.hotbs4 i { color: #B4C4CF; font-family: source sans pro; font-size: 10px; font-weight: 400; font-style: italic; text-align: inherit; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 1px; line-height: 100%; }

.hotbs4 a { color: #B4C4CF; font-family: source sans pro; font-size: 10px; font-weight: 400; font-style: normal; text-align: inherit; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 1px; line-height: 100%; }

/*********************** FIN YOUTUBE 2 *******************/

Page 3 sur 3	Aller à la page : 1, 2, 3

Permission de ce forum:

Vous ne pouvez pas répondre aux sujets dans ce forum

Produce You :: administration :: We Can do it