meringue
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
BIENVENUE SUR SMOKE & MIRRORS. Un forum Harry Potter alternatif qui diverge du canon à partir du tome 5 où Harry est capturé par les Death Eaters lors de la bataille du Département des Mystères. L'action se situe 11 ans après, en 2007, dans un Royaume-Uni gouverné par Lord Voldemort.

Le forum a pour but d'être collaboratif et possède donc un système de collaboration participative où tous les membres peuvent proposer des nouvelles annexes, évènements, voire même des idées de personnages pour les futur.es joueur.euses !

Malgré son contexte sombre et mature, SM, c'est une communauté qui aime le drama et les rebondissements et qui a un Discord très actif sous l'égide du safe space et de la communauté bienveillante. Qu'attendez-vous pour nous rejoindre ?
MINIMUM DE 400 MOTS + 1 RP PAR MOIS
22 mars 2022 — v10 installée. 5 décembre 2021 — v9 installée. 13 septembre 2021 — v8 installée, départ de kazhan du staff. 21 février 2021 — v7 installée. 8 novembre 2020 — v6 installée. 2 août 2020 — v5 installée, départ de jeyne du staff, arrivée de tofu et jool. 1 mars 2020 — v4 installée. 19 octobre 2019 — v3 installée. 18 juillet 2019 — v2 installée. 12 avril 2019— ouverture du forum par mahrun, kazhan, midoriya, poupoune et jeyne. 16 mars 2019— préouverture du forum. juin 2018 — début du projet.
      
Le Deal du moment :
Funko POP! Jumbo One Piece Kaido Dragon Form : ...
Voir le deal


Partagez
 

 CSS 2016-2017

Voir le sujet précédent Voir le sujet suivant Aller en bas 
kingsley shacklebolt
avengers + avenge the world
kingsley shacklebolt
Messages : 36
Points : 52
Date d'inscription : 27/06/2016
CSS 2016-2017 Empty
MessageSujet: CSS 2016-2017   CSS 2016-2017 EmptyMar 31 Jan - 17:47
CSS JUSQUA FEVRIER 2017

Code:
.lolapvimg {opacity:0;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;}
.lolapvimg:hover {opacity:1}

.lolamaintenance {background-image: url("https://68.media.tumblr.com/0bc3dd17cd0211897defaccbf82c71b4/tumblr_okngv6SUkw1uzcl3no1_500.png");
  background-position:top;
  background-size:460px;
  background-repeat:no-repeat;
  border-top: #0e381e 1px solid;
  border-right: #0e381e 1px solid;
  border-left: #0e381e 1px solid;
    border-bottom: #0e381e 1px solid;
  border-radius: 20px 20px 0px 0px;
  box-shadow: 0 0 1px #05050F, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
  padding-top: 10px;
  width: 450px;
  padding: 5px;
  text-align: justify;
  display: block;
background-color:#060708 ;}
paul { color: #bfb435! important;
  font-family: 'Rajdhani', sans-serif;
  font-size: 15px;
  display: block;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-shadow: 0px 0px 3px #574722;}

/* VA TE FAIRE ENCULER MARION */
/* FORUM EN GÉNÉRAL */
body {
  background-color: #060708;
  background-image: url("http://nsa38.casimages.com/img/2017/01/31/170131025910675222.png");
  background-repeat: no-repeat;
  background-attachment: local;
  background-position: top center;}
.bodylinewidth{
  width:800px;
  padding-right: 0px;
  padding-left: 0px;
  border: 0px;}
.bodyline { padding : 0px;
  border: #bfb435 0px solid;}

/* PA */
.fondimagepa { background-image: url("URL");
  border: 0px solid #080000;
  padding: 0px;
  text-align: justify;
  width: 800px;}
.fondpa { background-color: none;
  border: 0px solid #080000;
  padding: 5px;
  text-align: justify;
  width: 80px;
  margin-top: -159px;
  margin-bottom: -250px;}

   /* TITRES */
.titrepa {
  color: #9f0b0e;
  text-shadow: 0px 0px 0px #070b0f;
  font-family: 'Rajdhani', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 5px;
  border-bottom: 1px solid #374b5f;
  display: block;}
.titrepa2 {
  color: #9f0b0e;
  text-shadow: 0px 0px 0px #070b0f;
  font-family: 'Rajdhani', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 5px;
  padding-bottom: -100px;
  border-bottom: 1px solid #374b5f;
  display: block;
}
/* FIN TITRES */

a.lienspa {color: #326b35! important;}
a.lienspa:hover {color: #5A9E5D! important;}
.lienspa { color: #326b35;
  font-family: 'Rajdhani', sans-serif;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
  margin-left: 10px;
  display: block;
  padding-bottom:6px;
  height: 13px;
  width: 200px;
  border: 1px solid transparent;
  background-color: none;
  border-bottom: 1px solid #0e381e;
  margin-bottom: -2px;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-shadow: 0px 0px 3px #326B35;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;}
.lienspa:hover {color:#5A9E5D;
  background-color: #0C0C1A;
  border: 1px solid none;
  text-shadow: 0px 0px 3px #326B35;}
.papv {
  width:35px;
  margin-bottom : -10px;
  opacity:0.7;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;}
.papv:hover {opacity:1;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;}

   /* BLOCS */
.blocmenu,
.bloccontexte,
.blocwanted,
.blocpartos,
.blocnews,
.blocvideo,
.blocstaff{
  text-align:justify;
  font-family : Tahoma;
  font-size:11px;
  color:#BFB08F;
  letter-spacing: 1px;
  padding:3px;
  padding-bottom:3px;
  background-color: #060708;
  border: #374b5f 1px solid;
  border-radius: 3px;
  box-shadow: 0 0 1px #010101, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
}
.blocstaff {
 width:220px;
  height:160px;
  position: relative;
  margin-top: -5px;}
.textebloc { text-align:justify;
  font-family : arial;
  font-size:11px;
  color:#EBC9BD;
  letter-spacing: 1px;
  padding:3px;
  padding-bottom:3px;
  background-color:none; 
  height:100px;
  overflow:auto;}
.blocmenu{
  width:220px;
  height:130px;
  padding-bottom:10px;
  overflow:auto;}
.blocimage{
  width:220px;
  height:130px;
  padding-bottom:10px;
  overflow:auto;}
.blocwanted{
  width:220px;
  height:150px;
  padding-bottom:10px;
  margin-bottom: 10px;}
.textebloc3 { text-align:justify;
  font-family : arial;
  font-size:10px;
  color:#EBC9BD;
  letter-spacing: 1px;
  padding:10px;
  padding-bottom:3px;
  background-color:none; 
  height:100px;
  width: 200px;
  overflow:auto;}
.blocnews{
  width:310px;
  height:157px;
  margin-top: -8px;
  margin-bottom: 10px;
}
.textebloc2 { text-align:justify;
  font-family : arial;
  font-size:10px;
  color:#EBC9BD;
  letter-spacing: 1px;
  padding:3px;
  padding-bottom:3px;
  background-color:none; 
  height:100px;
  width: 140px;
  overflow:auto;}
.bloccontexte{
  width:310px;
  height:130px; 
  padding-bottom:10px;}
.blocvide {
  width:300px;
  height:160px;
  margin-top: -5px;}
.blocvideo{
  width:220px;
  height:150px;
  padding-bottom:10px;
  margin-bottom: 10px;}
   /* FIN BLOCS */
/* FIN PA */

/* TEMPLATES */
.forumline{  padding:0px;
  margin-bottom: 20px;
  border-radius : 10px 10px 2px 2px;
  border: #230803 0px solid;}
.catHead {  border: none !important;}
.catBottom  {  border: none !important;}
tr.post span.gensmall { display: none; } 
.postbody { display: block;
  text-align: justify;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 7px;
  margin-top: 7px;
  margin-left: 30px;
  margin-right: 30px;}

   /*QEEL*/
.qeel { background-image: url("http://nsa37.casimages.com/img/2016/10/21/161021052330882587.png");
width:810px;}
.imgqeel { border-radius: 10px;
  background-align: center;
  margin-bottom: -20px;
  width: 770px;
  height: 120px;
  margin-left: 10px;
  margin-right: 5px;
  margin-top: 10px;}
.groupes { margin-top: -20px;
  font-weight: bold;
  text-align: center;
  background-color: none;
  font-size: 14px;
  font-family: 'Play', sans-serif;
  text-transform: uppercase;
  padding: 3px;
  display: block;
  letter-spacing: 0px;
  line-height: 15px;
  text-shadow: 1px 1px 1px #070b0f; }
.groupes:hover { margin-top: -20px;
  font-weight: bold;
  text-align: center;
  background-color: none;
  font-size: 14px;
  font-family: 'Play', sans-serif;
  text-transform: uppercase;
  display: block;
  padding: 3px;
  letter-spacing: 0px;
  line-height: 15px;
  text-shadow: 1px 1px 1px #070b0f; }
.prezgroupes { margin-top: 10px;}
a.infopv2 {  /* INFOBULLES */
  position: relative;
  text-decoration: none;
  text-transform: normal;
  font-variant: normal;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;}
a.infopv2 span {
  display: none;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;/* on masque l'infobulle */}
a.infopv2:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;}
a.infopv2:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  top: 11px; /* on positionne notre infobulle */
  left: -90px;
  background-color: #070f07;
  border: #0e381e 1px solid;
  border-radius: 3px;
  box-shadow: 0 0 1px #040704, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
  color:#BFB08F;
  font-size: 10px;
  line-height:100%;
  padding: 10px;
  height:130px;
  text-align:justify;
  width: 200px;
  text-transform: normal;
  font-variant: normal;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;}
.qeelcel {
  width: 250;
  height: 150;
  background-color: #070f07;
  border: #0e381e 1px solid;
  border-radius: 3px;
  box-shadow: 0 0 1px #040704, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
  margin-top: 5px;
  text-align: justify;
  padding : 5px;}
.qeelcel2 {margin-left: -20px;
  margin-right: -20px;
  width: 220;
  height: 160;
  background-color: #070f07;
  border: #0e381e 1px solid;
  border-radius: 3px;
  box-shadow: 0 0 1px #040704, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
  -moz-border-radius:0px;
  overflow:auto;
  margin-top: 5px;
  padding-left: -10px;
  text-align: justify;}
.qeelcel1 { font-size:10px;
  height: 120;
  overflow: auto;
  margin-top: 5px;
  text-align: justify;
  padding : 5px;}
   /* FIN QEEL */

   /* CATÉGORIES */
.secondarytitle {
  background-image: url("http://nsa37.casimages.com/img/2016/12/04/161204013446356821.png");
  width:790px;
  height:120px;
  border-bottom: #bfb435 1px solid;
  border-radius : 10px 10px 2px 2px;
  font-weight: lighter;}
.secondarytitle h2 {font-size: 20px;
  background-color: #050A05;
  border: #0e381e 1px solid;
  border-radius: 10px;
  box-shadow: 0 0 1px #05050F, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
  text-transform: uppercase;
  color: #bfd46a !important;
  margin-right:-40px;
  padding:10px;
text-shadow: 0px 1px 2px #c73737;
font-family: 'Play', sans-serif;
  text-align: center;
  letter-spacing: 0px; }
.celluledesc-scroll {
  color: #EBCFC5;
  margin-top: 5px;
  padding-top:5px;
  width:490px;
  height: 75px;  /* hauteur du bloc de description */
  padding: 2px;      /* marges intérieures, espacement par rapport à la barre de scroll */
  text-align: justify;  /* texte justifié */
  overflow: auto;
  margin-left: 10px;
  font-size: 11px;  /* taille du texte */ }

.ListeSousForums {  background-color:#060708;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:5px;
  padding-right:5px;
  width:800px;
margin-left:7px;
  margin-right:7px;
  margin-top:5px;
  margin-bottom:10px;
text-transform: uppercase;}

.Fondcat {
  background-color: #060708;
padding-left: 20px;
padding-right: 20px;}

.img_cat { background-color: red;
border: 3px solid red;
margin-top:5px;
margin-right:20px;}

.descriptionfo {
  width:480px;
  height: 80px;
  margin-top: 5px;
  padding-right:5px;
  padding-bottom: 5px;
  border-radius : 2px 2px 2px 2px;
  background-color: #070f07;
  border: #0e381e 1px solid;
  border-radius: 3px;
  box-shadow: 0 0 1px #05050F, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
  background-position : center center;
  color : #bfb435;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in; }
.descriptionfo:hover {
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;}
a.forumlink:visited {text-decoration: none;}
.forumlink {
  text-transform: uppercase;
  height: 35px;
  color: #bfb435! important;
  font-weight: lighter;
  margin-top: -10px;
  margin-bottom: -25px;
  margin-top: 5px;
  margin-left: 60px;
  text-shadow: 0px 0px 1px #FF9525;
  font-family: 'Play', sans-serif;
  display: block;
  font-size: 22px;
  letter-spacing: 0px;}
.forumlink:hover {
  text-transform: uppercase;
  height: 35px;
  color: #ffd069! important;
  font-weight: lighter;
  margin-top: -10px;
  margin-bottom: -25px;
  margin-top: 5px;
  text-shadow: 0px 0px 1px #FF9525;
  font-family: 'Play', sans-serif;
  display: block;
  font-size: 22px;
  letter-spacing: 0px;}
a.forumlink:before {
  content:"› "; }
a.forumlink:after {
  content:". "; }
.derniers_sujets {
  margin-top: 5px;
  padding-bottom: 10px;
  padding-left: -5px;
  margin-left:5px;
 background-color: #070f07;
  border: #0e381e 1px solid;
  border-radius: 3px;
  box-shadow: 0 0 1px #05050F, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
  /* après on peut rajouter ce qu'on veut : une bordure, une image de fond, des coins arrondis un peu originaux... */
  width: 150px;
  height: 75px;
  border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;}
.detailsderniers {
  border: 0px solid #1f0303;
  width: 150px;
  text-transform: uppercase;}
.derniers_sujets img {align:center; margin-left:5px; margin-top:5px; margin-bottom:5px;}
.StatsForum {
  padding:5px;      /* marges intérieures, espacement par rapport à la barre de scroll */
  margin-left: -2px;
  font-size: 10px;
  margin-bottom: -10px;
  font-weight: lighter;
  text-transform: uppercase;
  text-shadow: 0px 0px 2px rgba(58, 35, 67, 0.85);
  color: #326B35! important;
  text-align:center; /* alignement du texte : left, center ou right */}
   /* FIN CATÉGORIES */

   /* HAUT DE PAGE */
.navig {
position: fixed;
top: 0px;
width: 100%;
border-bottom: 1px solid #bfb435;
background-color: #050A05;}
.mainmenu img { display: none; }
a.mainmenu{
  font-family: 'Rajdhani', sans-serif;
  font-size: 12px;
  font-weight: lighter;
  text-transform: uppercase;
  color: #326b35! important; }
a.mainmenu:visited{
  font-family: 'Rajdhani', sans-serif;
  font-size: 12px;
  font-weight: lighter;
  text-transform: uppercase;
  color: #326b35! impoerant; }
a.mainmenu:hover{
  font-family: 'Rajdhani', sans-serif;
  font-size: 12px;
  font-weight: lighter;
  text-transform: uppercase;
  color: #5A9E5D! important; }
   /* FIN HAUT DE PAGE */

   /* AFFICHAGE DES SUJETS */
.row3Right {  border: none !important;}
a.topictitle:link {
  text-decoration: none;
  font-size:11px;
  font-family: arial;}
.topic-title, h2 {
  color: #bfb435;
  font-size: 12px;
  font-family: 'Play', sans-serif;
  text-transform: uppercase;
  font-weight: bold; }
.postdetails.poster-profile a img {
  padding:1px; /* une marge entre la bordure et l'intérieur du bloc */
  margin-right:5px; /* une marge entre la bordure et l'extérieur du bloc */
  margin-left: 5px;
  border:3px #080000; /* la bordure */}
   /* FIN AFFICHAGE DES SUJETS */

   /* AFFICHAGE D'UN SUJET */
.nav {
  font-size: 10px;
  text-transform: uppercase;}

      /* PROFIL */
.rangname { margin-top: 25px;
  padding: 10px;
  width: 170px;
  margin-left: 20px;
 background-color: #080F08;
  border: #0e381e 1px solid;
  border-radius: 3px;
  box-shadow: 0 0 1px #040704, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
margin-bottom: 10px;}
.blocnom {
  text-align: center;
  margin-top: 0px;
  letter-spacing: 0px;
  text-transform: uppercase;}
.rang  { text-align: center;
  margin-top: 0px;
  margin-bottom: 5px;
  letter-spacing: 0px;
  text-transform: uppercase;}
.pro_co { margin-left:8px; }
.blocprofil {padding: 10px;
 margin-top: 50px;
 background-color: #070f07;
  border-top: #0e381e 1px solid;
  border-left: #0e381e 1px solid;
  border-right: #0e381e 1px solid;
  border-bottom: #0e381e 1px solid;
  border-radius: 50px 50px 10px 10px;
  box-shadow: 0 0 1px #040704, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
  padding:2px; /* une marge entre la bordure et l'intérieur du bloc */
  margin:2px; /* une marge entre la bordure et l'extérieur du bloc */
  width: 230px;}
.blocprofil2 {background-color: #080F08;
  border: #0e381e 1px solid;
  border-radius: 3px;
  box-shadow: 0 0 1px #040704, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
  text-align: justify;
  line-height: 14px;
  padding-top: 5px;
  width: 210px;
  display: block;
  font-size:12px;
  padding:5px;
  font-family:arial;
  line-height:140%;
  margin-bottom:20px;
  margin-left: 4px;}
.more { border-bottom: #bfb435 1px solid;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:10px;
  text-align:left;
  font-size:13px;
  font-family:'Play', sans-serif;
  font-weight:lighter;
  color:#bfb435! important;
  text-shadow:1px 1px 0px #000;
  letter-spacing:2px;
  text-transform:uppercase; }
.tourinfo {font-size: 11px;
  font-family: 'Rajdhani', sans-serif;
  text-transform: uppercase;}
.poster-profile img {max-width: 200px;}
.intitprofil {font-family: 'Rajdhani', sans-serif;
  color: #FF7D26;
  font-size: 12px;
  margin-top: 0px;
  letter-spacing: 0px;}
.contprofil {font-family: arial;
  color: #EBCFC5;
  font-size: 11px;
  margin-top: 0px;
  letter-spacing: 0px;
  margin-bottom:-15px;}
   /* FIN PROFIL */
   /* FIN AFFICHAGE D'UN SUJET */
/* FIN TEMPLATES */

/* ÉDITEUR DE TEXTE */
#sceditor_smilies {  background-color: #080F08; }
.sceditor-container { border: #080F08!important; }
.sceditor-container.ltr.sourceMode{ background-color: #080F08!important;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border:none!important;
  color:#EBCFC5!important; }
.sceditor-container.ltr.wysiwygMode{ background-color: #080F08!important;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border:none!important;
  color:#EBCFC5!important; }
div.sceditor-toolbar{ background-color: #05050F!important;
  border:none!important; }
.sceditor-container iframe, .sceditor-container textarea, input {
  background-color: #080F08!important;
  text-align:justify;
  padding:1px!important;
  border:1px solid #0C0C1A!important;
  color:#EBCFC5!important;
  font-family:verdana;
  margin-bottom:5px;
  }
input {padding:1px!important;}
/*contour blocs boutons*/
div.sceditor-group{ background-color:#080F08!important;
  border-bottom:none!important; }
a.sceditor-button { display: block;
  background-color: #080F08;
  border:1px solid #0C0C1A;
  font-size: 11px!important;
  margin-left:1px; }
a.sceditor-button:hover { display: block;
  background-color: #0C0C1A!important;
  border:1px solid #0C0C1A;
  font-size: 11px!important;}
.sceditor-button.sceditor-button-date{ display: none;}
.sceditor-button.sceditor-button-more{ display: none;}
.sceditor-button.sceditor-button-youtube{ display: none;}
.sceditor-button.sceditor-button-servimg{ display: none;}
.sceditor-button.sceditor-button-dailymotion{ display: none;}
.sceditor-button.sceditor-button-flash{ display: none;}
.sceditor-button.sceditor-button-fascroll{ display: none;}
.sceditor-button.sceditor-button-farand{ display: none;}
.sceditor-button.sceditor-button-pastetext{ display: none;}
.sceditor-button.sceditor-button-subscript{ display: none;}
.sceditor-button.sceditor-button-superscript{ display: none;}
.sceditor-button.sceditor-button-table{ display: none;}
.sceditor-button.sceditor-button-fawow{ display: none;}
.sceditor-button.sceditor-button-faupdown{ display: none;}
/* FIN ÉDITEUR DE TEXTE */

/* SUJETS ADMINISTRATIFS */
.entetesujet { background-image: url("http://nsa37.casimages.com/img/2016/10/22/161022103735805817.png");
  border-top: #0e381e 1px solid;
  border-right: #0e381e 1px solid;
  border-left: #0e381e 1px solid;
  border-radius: 20px 20px 0px 0px;
  box-shadow: 0 0 1px #05050F, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
  padding-top: 10px;
  width: 450px;
  height: 120px;
  padding: 5px;
  text-align: justify;
  display: block;}
.textetop { margin-top: 28px;
  padding: 10px;
  width: 350px;
  background-color: #080F08;
  border-radius: 3px;
  border: #0e381e 1px solid;
  box-shadow: 0 0 1px #05050F, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;}
.prezsujet { background-color: #050A05;
  border-left: #0e381e 1px solid;
  border-right: #0e381e 1px solid;
  border-bottom: #0e381e 1px solid;
  border-radius: 0px 0px 3px 3px;
  box-shadow: 0 0 1px #05050F, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
  padding-top: 10px;
  width: 450px;
  padding: 5px;
  text-align: justify;
  display: block;}
.tailleimg2 { border-radius: 5px;
  background-align: center;
  width: 420px; margin-left: 15px;
  margin-right: 5px; margin-top: 10px;}
.cadresujet1 {  background-color: #080F08;
  border: #0e381e 1px solid;
  border-radius: 3px;
  box-shadow: 0 0 1px #05050F, 0 0 1px #020208, 0 0 50px 2px rgba(8,6,6,0.8)inset;
  text-align: justify;
  line-height: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 15px;
  margin-left:15px;
  margin-right:15px;
  display: block;
  font-size:12px;font-family:arial;padding:20px;
  line-height:140%;}
.brb { border-bottom: #bfb435 1px solid;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:10px;
  text-align:left;
  font-size:25px;
  font-family:'Play', sans-serif;
  font-weight:lighter;
  color:#bfb435! important;
  text-shadow:1px 1px 0px #000;
  letter-spacing:3px;
  text-transform:uppercase; }
.lignepv {color: #326B35;
  text-shadow: 0px 0px 0px #070b0f;
  font-family: 'Rajdhani', sans-serif;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:1px;}
/* FIN SUJETS ADMINISTRATIFS */

/* FICHES PV */
.pvavatar {
  width: 180;}
.pvtext { width: 260;
  height: 290;
  text-align : justify;
  font-size: 12px;
  overflow: auto;}
.lpv { color: #bfb435! important;
  border-bottom: #bfb435 1px solid;
  font-family: 'Rajdhani', sans-serif;
  font-size: 15px;
  line-height: 25px;
  text-align: left;
  display: block;
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-shadow: 0px 0px 3px #574722;}
.lpv2 { color: #bfb435! important;
  border-bottom: #c28500 1px solid;
  font-family: 'Rajdhani', sans-serif;
  font-size: 15px;
  line-height: 25px;
  text-align: right;
  display: block;
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-shadow: 0px 0px 3px #574722;}
.pvlinks {
  border:1px solid #080000;
  width: 65px;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  opacity:0.5;}
.pvlinks:hover {opacity:1}
.pvlinks2 { padding-top:25px;
  width: 90px;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;}
.pvlinks3 { padding-top:40px;
  width: 90px;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;}
.lienpv {width:340px;
  height:80px;
  overflow:auto;
  line-height:120%;
  font-size:11px;
  padding:5px;}
a.infopv {  /* INFOBULLES */
  position: relative;
  text-decoration: none;
  text-transform: normal;
  font-variant: normal;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;}
a.infopv span {
  display: none;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;/* on masque l'infobulle */}
a.infopv:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;}
a.infopv:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  top: 11px; /* on positionne notre infobulle */
  left: -90px;
  background-color: #331007;
  border: #7d3b16 1px solid;
  border-radius: 3px;
  box-shadow: 0 0 1px #240703, 0 0 1px #330c06, 0 0 50px 2px rgba(8,6,6,0.8)inset;
  overflow: auto;
  color:#BFB08F;
  font-size: 11px;
  line-height:100%;
  padding: 10px;
  height:130px;
  text-align:justify;
  width: 200px;
  text-transform: normal;
  font-variant: normal;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;}
/* FIN FICHES PV */

/* FICHE DE PRÉSENTATION */
.imgprezend {width:150px; padding-left:10px;
-webkit-filter: grayscale(70%);
 filter: grayscale(70%);
-moz-filter: grayscale(70%);
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
-webkit-transition: all 1s ease-in;}
.imgprezend:hover {width:150px; padding-left:10px;
-webkit-filter: grayscale(25%);
 filter: grayscale(25%);
  -moz-filter: grayscale(25%);
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
-webkit-transition: all 1s ease-in;}
/* FIN FICHE DE PRÉSENTATION */

/* FICHE DE LIENS */
.imglienpv {width:190px;
  height:100px;
  background-size:200px;
  -webkit-filter: grayscale(25%);
 filter: grayscale(25%);
 -moz-filter: grayscale(25%);}
.pvavatar2 {
  width: 150;}
.lienpv2 {width:280px;
  height:200px;
  overflow:auto;
  line-height:120%;
  font-size:11px;
  padding:5px;}
/* FIN FICHE DE LIENS */

/* FICHE DE RÉPONSE */
.tailleimg3 { border-radius: 2px;
  background-align: center;
  border: #7d3b16 1px solid;
  margin-left: -1px;width:220px;}
/* FIN FICHE DE RÉPONSE */

/* LES TRUCS SANS BALISE */
i {font-style: italic;
  color: #bfb435;
  text-shadow: 0px 0px 1px #964c21;
  font-size: 12px;}
b {font-weight: bold;
  color: #326B35! important; }
hr {color: white;}
apv {color: #5A9E5D;
  font-family:Fixed, monospace;
  font-size:12px;
  text-transform: uppercase;
  text-shadow:0px 0px 2px #080808! important;}
apv2 {color: #5A9E5D;
  font-family:Fixed, monospace;
  font-size:12px;
  text-transform: uppercase;
  text-shadow:0px 0px 2px #080808! important;}
a { text-decoration: none; }
a:link { text-decoration: none;
  -moz-transform: all;
  -webkit-transform: all;
  transform: all;
  -o-transform: all;
  -htm-transform: all;
  -ms-transform: all;
  -khtml-transform: all;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -o-transition: 0.5s;
  -htm-transition: 0.5s;
  -ms-transition: 0.5s;
  -khtml-transition: 0.5s;}
a:visited {text-decoration:none;}
a:hover {text-decoration: none !important;
  color: #326b35! important;
  -moz-transform: all;
  -webkit-transform: all;
  transform: all;
  -o-transform: all;
  -htm-transform: all;
  -ms-transform: all;
  -khtml-transform: all;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -o-transition: 0.5s;
  -htm-transition: 0.5s;
  -ms-transition: 0.5s;
  -khtml-transition: 0.5s;}
tfpp {color:#326B35! important;
  font-family:Fixed, monospace;
  font-size:10px;
  text-transform: uppercase;
  text-shadow:0px 0px 2px #080808! important;}
tfpp2 {color:#bfb435;
  font-family:Avantgarde, sans-serif;
  font-size:12px;
  text-transform: uppercase;
  text-shadow:0px 0px 2px #080808! important;
  font-weight:bold;}
tfpp3 {color:#bfb435! important;
  font-family:Fixed, monospace;
  font-size:11px;
  text-transform: uppercase;
  text-shadow:0px 0px 2px #080808! important;}
pgq { color:#EBC9BD;
  font-family:arial;
  font-size:11px; }
dd3 {font-family: 'Rajdhani', sans-serif;
  color: #bfb435;
  text-shadow: 0px 0px 0px #070b0f;
  font-size: 16px;
  text-transform: uppercase;}
pr { color:#326B35;
  font-family:arial;
  font-size:12px;
  text-transform: uppercase;
  text-shadow:0px 0px 2px #080808! important; }
brb {font-size:28px;
  font-weight: lighter;
  text-shadow:0px 0px 2px! important;
  text-transform: uppercase;
  color: #bfb435! important;
  margin-bottom: -10px;
  text-shadow: 0px 0px 2px #c3c3af;
  font-family: 'Play', sans-serif;
  letter-spacing: 0px;}
fp { color: #326b35;
  text-shadow: 0px 0px 0px #070b0f;
  font-family: 'Rajdhani', sans-serif;
  font-size: 14px;
  text-transform: uppercase; }
fp2 { color: #326B35;
  text-shadow: 0px 0px 0px #070b0f;
  font-family: 'Rajdhani', sans-serif;
  font-size: 14px;
  text-transform: uppercase; }
tfp { color: #bfb435;
  font-family: 'Rajdhani', sans-serif;
  font-size: 42px;
  line-height: 25px;
  text-align: center;
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-shadow: 0px 0px 3px #574722;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;}
tfp:hover {color:#d6d6c1;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  text-shadow: 0px 0px 3px #d6d6c1;}
/* FIN TRUCS SANS BALISE */

/* BARRE DE DÉFILEMENT */
 /* Chrome, Safari */
::-webkit-scrollbar {
  width: 7px;
  height: 10px;}
::-moz-scrollbar {
  width: 7px;
  height: 10px;}
::-webkit-scrollbar-track-piece  {
  background-color: #080F08;}
::-moz-scrollbar-track-piece  {
  background-color: #080F08;}
::-webkit-scrollbar-thumb:vertical {
  height: 30px;
  width:50px;
  border-radius: 5px;
  background-color: #0e381e;}
 ::-moz-scrollbar-thumb:vertical {
  height: 30px;
  background-color: #0e381e;
  border-radius: 5px;}
::-webkit-scrollbar-thumb:horizontal{
  height: 30px;
  background-color: #080F08;}
::-moz-scrollbar-thumb:horizontal{
  height: 30px;
  background-color: #080F08;}
/* FIN BARRE DE DÉFILEMENT */

/* CODE */
.selectCode { float:right; text-transform: uppercase; cursor:pointer; font-weight: bold; color: #8cb88e;}
div.cont_code { clear: right; }
.code{
  padding-left: 5px;/*marge intérieure*/
  background-color: #230803;/*couleur de fond*/
  border-left: 3px solid #cc790d !important;
  font-style: none;
  max-width:450px;
  color:#8cb88e;}
/* FIN CODE */
Revenir en haut Aller en bas
 

CSS 2016-2017

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
meringue :: opening shot :: encore un test wesh-