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

Partagez| .

// CSS NBT //

Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageAuteur

Message
Sujet: // CSS NBT // Dim 26 Juil - 14:08

/*************************STRUCTURE***************************/

/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {width: 7px; /*largeur de la scrollbar verticale*/  height: 7px; /*hauteur de la scrollbar horizontale*/  background-color:#FFA8B0;}
::-webkit-scrollbar-track {background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #FFA8B0/*couleur de l'ascenseur*/;}
body
  {
  background:#FFF2DA;
  background-attachment: fixed;
  background-position:center center;
  background-repeat: no-repeat;
  background-size: cover;
  }

td.catBottom, td.catLeft, td.catRight, th.thBottom, td.catHead, th.thHead, .t-title,
th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop {
 border:none;}
       
td.row3Right {
 border:none;
}

/*CADRE DU FORUM*/
.bodyline {border-right:5px #FFA8B0 solid;  
border-left:5px #FFA8B0 solid;
border-top: 2px #FFA8B0 solid;
border-bottom: 2px #FFA8B0 solid; padding:2px;
}  

/*BARRE DE LIENS-MENU*/
.mainmenu {
 font-size: 18px;
 font-family:'Great Vibes', cursive; letter-spacing: 1px; text-transform: lowercase;}
/* SUPPRESSION SOULIGNEMENT LIENS */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

/* SUPPRESION IMAGE BARRE DE NAVIGATION */
.mainmenu img{ display:none;}

/*SUPPRESSION DERNIÈRE EDITION*/
tr.post span.gensmall { display: none; }

/* PAS DE CADRE LORS DU CLIC */
a:active, a:focus {
outline: none;}

a {
text-decoration: none;
}

body {
 margin: 0;
}

c {font-family: 'Overlock SC', cursive; font-size: 11px; color: #FFA8B0; font-weight: bold;}
/*************************FIN STRUCTURE***************************/

/*************************HEADER***************************/
/*************************FIN HEADER***************************/

/*---------------LA BOX ------------*/

#chatbox_header .cattitle:before {
 content: "La blablabox ♥" ;
}
#chatbox_header .cattitle {text-align: center;}
#chatbox_header .cattitle strong {
 visibility: hidden;
}

/*************************PAGE D'ACCUEIL***************************/
/*** GENERALITE PAGE D ACCUEIL ***/
.entPA {background:#FFFFD9; width: 680; padding: 5px; border-radius: 25px 25px 0px 0px;}
.bigtit {Font-size: 35px;font-family: 'Cinzel Decorative', cursive; margin-top: -105px; color: #16120f!important;}
.contimg {background-image: url('http://24.media.tumblr.com/590f446e21a9137d0ef7c81ea3baeb42/tumblr_mlxm0okKXo1ryor3zo1_400.gif'); background-position: center center; background-repeat: no-repeat;border: 1px solid #E6D2AF; width: 150px; height: 100px; background: white;background-size: cover;}
.contexte {padding: 5px; background:#FFF; text-align: justify; overflow: auto; width: 140px; height: 90px;overflow: auto;}
.transition{opacity: 0.0;-webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;}
.transition:hover {opacity: 0.8}
.infos { height: 100px; text-align: justify; overflow: auto; }
.contour {background: #FFF2DA;box-shadow: 0px 0px 6px #FFF2DA, 0px 0px 18px #e9dbd4 inset; border-radius: 5px;padding: 10px;margin-left: 5px;}
.contour1 {background: #FFF2DA;box-shadow: 0px 0px 6px #FFF2DA, 0px 0px 18px #e9dbd4 inset; border-radius: 25px;padding: 7px;font-family: 'Delius Unicase', cursive; font-size: 12px;}
.contour1 a{text-shadow: 0px 0px 5px white;}


.onglimg {width: 30px; border: 1px solid white;}
.titpv {font-family: great vibes; text-transform: lowercase; font-size: 16px; color: #fff;}
.feat {font-family: Tahoma; font-size: 7px;margin-top: -5px;}
/* slideshow styles */
.psychée {font-family: great vibes; text-transform: lowercase; font-size: 25px; color: #5B8AA8!important; text-shadow: 2px 1px 5px black; margin-left: 105px; margin-top: 55px;}
.blueberry {font-family: great vibes; text-transform: lowercase; font-size: 22px; color: #D1BF62!important; text-shadow: 2px 1px 5px black; margin-left: 45px; margin-top: 55px;}
.aldaras {font-family: great vibes; text-transform: lowercase; font-size: 25px; color: #5B8AA8!important; text-shadow: 2px 1px 5px black; margin-left: 10px; margin-top: 55px;}
.bluna {font-family: great vibes; text-transform: lowercase; font-size: 25px; color: #5B8AA8!important; text-shadow: 2px 1px 5px black; margin-left: 10px; margin-top: 55px;}
.lily {font-family: great vibes; text-transform: lowercase; font-size: 25px; color: #A84240!important; text-shadow: 2px 1px 5px black; margin-left: 105px; margin-top: 55px;}
/* Permet de cacher les input (apparait sous forme radio sinon) */
#slideshow input {
 display: none;
}
/* Création du slideshow (contour) */
#slideshow {
 position: relative;
 width: 175px;
 height: 100px;
}
/* Conteneur de inner et de tous les slides, permet d'afficher un seul slide à la fois. */
#slides {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
 width: 175px;
 height: 100px;
 background-image: url('http://img15.hostingpics.net/pics/116357Sanstitre11.png');
 background-size: cover;
 background-position: center center;
 overflow: hidden;
}
/* Conteneur de tous les slides */
#slides .inner {
 width: 500%;
}
/* Mise en forme des slides */
#slides .a_slide {
 position: relative;
 width: 175px;
 height: 100px;
 float: left;
}
/* Déplacement des slides */
#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }

/* Mise en place de l'élément contenant les flèches */
#controls {
 position: absolute;
 top: 45%;
 left: 0;
 z-index: 0;
 width: 100%;
 height: 25px;
}
/* On met les labels à la bonne taille et on les cache */
#controls label {
 display: none;
 width: 10px;
 height: 10px;
}
/* On met les labels à la bonne taille et on les cache */
#controls label {
 display: none;
 width: 10px;
 height: 10px;
 opacity: 0.3;
 transition: all ease-out 0.2s;
}

/* Effet au passage de la souris sur les flèches */
#controls label:hover {
 opacity: 0.8;
 transition: all ease-out 0.2s;
}
/* Mise en place de la flèche vers le slide suivant */
#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(5),
#slide5:checked ~ #controls label:nth-child(1){
 background: url('http://csscience.com/responsiveslidercss3/next.png') no-repeat;background-size: cover;
 float: right;
 margin: 0 -10px 0 0;
 display: block;
}

/* Mise en place de la flèche vers le slide précédent */
#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4){
 background: url('http://csscience.com/responsiveslidercss3/prev.png') no-repeat;background-size: cover;
 float: left;
 margin: 0 0 0 -10px;
 display: block;
}
/* Animation slides */
#slides .inner {
 -webkit-transform: translateZ(0);
 transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
/* Placer toutes les images en absolu. */
.a_slide img {
 position: absolute;
 display: block;
 max-height: 100px; max-width: 175px;
}
/* On place les images à gauche */
.a_slide img.left {
 bottom: 0px;
 left: 0px;
}
/* On place les images à droite */
.a_slide img.right {
 bottom: 0px;
 right: 0px;
}

.paonglet {
 color: #8F8F8F;
 font-size: 10px;
 }
.contenu_paonglet {
 margin-top: -1px;
 padding: 2px;
 display: none;
 height: 45px;
 width: 75px;
 background-color: #FFA8B0;
 color: #000000;
 padding: 12px;
 text-align: center;
 font-size: 11px;}
/***FIN PAGE D ACCUEIL***/
/*************************FIN PAGE D'ACCUEIL***************************/

/*************************CATEGORIES***************************/
/****CATEGORIES****/
.lastpost-avatar {
float:left;
padding: 2px;
}
.lastpost-avatar img {
width: 70px;
height: 122px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
}

.secondarytitle, .secondarytitle h2 {Font-size: 35px; font-family: 'Cinzel Decorative', cursive; margin-top: 15px; color: #16120f!important;font-weight: normal!important;}
.forumlink, .forumlink h1, .forumlink h2, .forumlink h3 {font-family: 'Great Vibes', cursive; color: #b2094d!important; font-size: 30px; text-align: right; margin-right: 35px; margin-top: -15px; letter-spacing:0px;-webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;}
a.forumlink:hover, .forumlink h1:hover, .forumlink h2:hover, .forumlink h3:hover{color: #970182!important;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;}
   
   
.totalcat {background: #FFF2DA;box-shadow: 0px 0px 6px #FFF2DA, 0px 0px 18px #e9dbd4 inset; border-radius: 5px;padding: 10px; width: 640px;margin-left: 15px; margin-top: -5px;position: relative;}
.sujets_messages {font-family: tahoma; font-size: 8px; text-transform: uppercase; text-align: right; margin-right: 30px;border-bottom: 1px dotted grey;width: 110px; margin-left: 475px;}
.stats1 {background: #e1c9be; width: 145px; height: 85px; padding: 10px; text-transform: uppercase; font-size: 11px; text-align: center}
.img_cat {position: relative; margin: auto; border: 1px solid white;}
.totaldescr {background: #e1c9be; width: 425px; height: 85px; padding: 10px; font-size:11px; font-family: tahoma;}
.descr {text-align: justify;height: 65px; overflow: auto;}
.l_links {border-top: 1px solid white; text-transform: uppercase; text-align: center; font-size: 9px; height: 25px; overflow: auto;}
.l_links a {font-size: 8px;}
table.haut_cate{
  width:720px; -moz-width: 710px!important;
  height:145px;
  background-image:url('http://img11.hostingpics.net/pics/439497hautcat2.png');
  background-size: cover;
  background-repeat:no-repeat;
  margin:auto;margin-right: 1px;}
div.milieu_cate{
  background:#FFFFD9; width:695px!important; -moz-width: 715px!important; margin: auto!important;}
table.bas_cate{
  width:700px;
  height:75px;
  background-image:url('http://img11.hostingpics.net/pics/690324bascat2.png');
  background-size: cover;
  background-repeat:no-repeat;
 margin:auto; margin-right: 13px;}

/***Fin CATEGORIES***/
/*************************FIN CATEGORIES***************************/

/*************************SUJETS***************************/
/*---PROFIL QUI ROXE ---*/

.pseudo{
font-size:25px;
font-family: great vibes;
text-transform: lowercase;
letter-spacing:2px;
padding:2px;
padding-top: 7px;
display:block;
}

.profil_contour{background: #FFF2DA;box-shadow: 0px 0px 6px #FFF2DA, 0px 0px 18px #e9dbd4 inset;
border-radius: 5px;
padding: 10px;
font-size: 10px;
line-height:10px;
letter-spacing:-1px;
font-family:verdana;
text-align:justify;
width:210px;
 padding-bottom: 10px;
}

.profil_contour2{padding: 2px;
 background-color: #e9dbd4;
 width:200px; min-height: 75px;
 text-align:justify;
 text-transform: lowercase;
 border-bottom:2px #fff solid;  
 border-top:2px #fff solid;
 border-radius: 2px;
 padding-bottom: 10px;
 padding-top: 10px;
  }

.prank {font-family: times new roman;font-size: 7.3px; font-weight: bold; text-transform: uppercase; margin-top: 10px; border-bottom: 1px solid #fff}
/*- Redimensionner les images du profil  -*/
.postdetails.poster-profile img {
 width: 200px;
 display:block;
}
.postdetails.poster-profile a img {
 max-width:200px;

}
       /*FIN MISE EN FORME PROFIL*/

 
/*************************FIN SUJETS***************************/

/*************************MESSAGES***************************/
/* FICHE DE PRESO ET GENERAL */
.tete{background-image: url('http://img11.hostingpics.net/pics/870817sumercat1.png');background-size: cover; background-repeat:no repeat; height:110px; width:522px;margin:auto;margin-left: 5px;}
.ip {opacity:0.7;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;} .ip:hover {opacity:1;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.back {width: 505px; background-color: #FFFFD9; margin-top:13px}
.gmi {border:solid 7px #fff; height:100px}
.pied {background-image: url('http://img11.hostingpics.net/pics/747824sumercat2.png'); background-repeat: no repeat; background-size: cover;width: 500px; height:60px; margin: auto;}


.h5{margin-top: -30px;
text-align: center;
font-family: Aguafina Script;
font-size: 30px;
color: #e0854e;}

.h4{margin: 5px 0px 5px 0px;
 width:250px;
 width:400px;
 padding:5px;
 font-family:arial;
 text-align:justify;
 font-size:11px;
 line-height:13px;
 margin-bottom:-20px;}

.h6{
font-family: Carrois Gothic SC;
sans-serif: sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #000000;
line-height: 80%;
width:430px;
letter-spacing:1px;
margin-top:-25px;}

.h7{width: 185px;
 height: 210px;    
 text-align: justify;
 overflow: auto;
 line-height: 9px;
 padding: 5px;
 font-family:arial;
 font-size:11px;
border: 1px solid #FEFEFE;
 box-shadow: 0px 0px 1px #C8C8C8;}

.h8{width: 185px;
 height: 93px;  
 line-height: 9px;
 padding: 5px;
 text-align: justify;
 font-family:arial;
 font-size:11px;
 overflow:auto;}

/* JUSTIFICATION & LIST AUTOMATIQUE MESSAGES*/
.postbody {
text-align: justify;
border-left: 1px solid #e9dbd4; min-height: 2px;
font: normal 12px arial;
padding-bottom:10px;
padding-top: 5px;
padding-left:10px;
padding-right:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
margin-top: 5px;
display: block;
line-height:11px;
}

/*- Personnaliser "code" & "citer" & "spiler" -*/
.selectCode {
 float:right;
 text-transform: uppercase;
 cursor:pointer; }

.code, .quote{
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
background-image: url('');  
background-color: #FFF2DA;
border: 1px solid #e1c9be;
padding: 2px;
text-align:justify;  
}

.spoiler_content{font-family: Arial,Helvetica,sans-serif;
font-size: 11px;padding: 2px; text-align: justify;background:#FFF2DA; border: 1px solid #e1c9be; border-radius: 5px;}
.spoiler_closed{background:#FFF2DA; border: 1px solid #e1c9be; border-radius: 5px;}
/*************************FIN MESSAGES***************************/

/*************************QEEL***************************/
.entqeel {width: 700px; padding: 10px; border-radius: 15px; margin: auto; text-align: justify;}
.steel {font-size: 11px; font-family: tahoma; text-align: justify; background: #FFF2DA;box-shadow: 0px 0px 6px #FFF2DA, 0px 0px 18px #e9dbd4 inset; border-radius: 5px;padding: 10px; height: 60px; width: 600px; overflow: auto; margin: auto;}
.contong{background: #FFF2DA;box-shadow: 0px 0px 6px #FFF2DA, 0px 0px 18px #e9dbd4 inset; border-radius: 5px;padding: 7px; margin: auto;}
.onglet {
 color: #8F8F8F;
 font-size: 10px;
 }
.contenu_onglet {
 margin-top: -1px;
 padding: 2px;
 display: none;
 height: 125px;
 width: 115px;
 background-color: #e1c9be;
 color: #000000;
 padding: 12px;
 font-family: 'Noto Serif', serif;
 text-align: justify;
 font-size: 11px;}
.mdm {padding: 5px; background:#FFF; overflow: auto; text-align: center; width: 50px; height: 132px;font-family: tahoma; text-transform: uppercase; font-size: 9px;overflow: auto;}
.rotate {/* Safari */-webkit-transform: rotate(-20deg);/* Firefox */-moz-transform: rotate(-20deg);/* IE */-ms-transform: rotate(-20deg);/* Opera */-o-transform: rotate(-20deg):}
.contel {margin: auto;font-size: 11px; font-family: tahoma; background: #FFF2DA;box-shadow: 0px 0px 6px #FFF2DA, 0px 0px 18px #e9dbd4 inset; border-radius: 5px;padding: 10px; width: 245px; height: 148px;text-align: justify;}
.fraise {font-family: 'Great Vibes', cursive; text-transform: lowercase; font-size: 20px; text-align: center; border-bottom: 1px solid #fff;}
.contour2{background: #FFF2DA;box-shadow: 0px 0px 6px #FFF2DA, 0px 0px 18px #e9dbd4 inset; border-radius: 5px;padding: 10px;}
.cerise {font-family: tahoma; text-transform: uppercase;font-size: 8px; color: darkgrey}
.cerise:hover{font-weight:bold}
.roll{height:100px; overflow: auto;}
/*************************FIN QEEL***************************/

/*************************FOOTER***************************/
/*************************FIN FOOTER***************************/
avatar
BlueHills
Admin

Messages : 8
Date d'inscription : 17/05/2015
Voir le profil de l'utilisateur http://blueberryhills.forumactif.org
Revenir en haut Aller en bas

Message
Sujet: Re: // CSS NBT // Dim 26 Juil - 15:09

+ haut et bas PA
Code:
<center>
                    <img style="width: 710px; margin-right: -8px;" src="http://img11.hostingpics.net/pics/870817sumercat1.png" />                      


<img src="http://img11.hostingpics.net/pics/747824sumercat2.png" style="width: 700px;" />
</center>
avatar
BlueHills
Admin

Messages : 8
Date d'inscription : 17/05/2015
Voir le profil de l'utilisateur http://blueberryhills.forumactif.org
Revenir en haut Aller en bas

// CSS NBT //

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
BLUEBERRY HILLS :: Votre 1ère catégorie :: Votre 1er forum-