-40%
Le deal à ne pas rater :
Tefal Ingenio Emotion – Batterie de cuisine 10 pièces (induction, ...
59.99 € 99.99 €
Voir le deal

Partagez
 

 Sauvegarde du CSS Version 1

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Nevada M. Sanchez

Nevada M. Sanchez
Avatar : Michelle Rodriguez
Messages : 642
Date d'inscription : 12/04/2013

Sauvegarde du CSS Version 1 Empty
MessageSujet: Sauvegarde du CSS Version 1   Sauvegarde du CSS Version 1 Icon_minitimeSam 11 Mai - 13:13

Code:
.bodyline{
  -moz-box-shadow:1px 1px 10px #10214d;
  -webkit-box-shadow:1px 1px 10px #10214d;
  box-shadow:1px 1px 10px #10214d;
  padding: 0px;
}

/* css du profil */
.profil_mess
{
  position: relative;
  z-index: 2;
  width: 210px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  background-color: #bebce0;
  padding: 4px;
  text-align: center;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -htm-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 2px solid #bebce0;
  box-shadow: 0px 0px 5px #000000;
  -moz-box-shadow: 0px 0px 5px #000000;
  -htm-box-shadow: 0px 0px 5px #000000;
  -o-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
}

.name
{
  display: block;
  text-transform: uppercase;
  margin-top: 15px;
  /*margin-bottom: -10px;*/
  font-size: 14px;
  font-family: arial black;
  /*text-shadow: 1px 1px 0px #000000;*/
  /*padding-bottom: 5px;
  border-bottom: 1px dashed #5b5b5b;*/
}

.avatar_mess
{
  display: block;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  /*margin-top: 10px;*/
  height: 320px;
  overflow: hidden;
  border: 3px solid #110c1d;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.avatar_mess:hover
{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.profil2_mess
{
  position: relative;
  z-index: 1;
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -202px;
  background-color: #110c1d;
  padding-left: 4px;
  padding-right: 4px;
  text-align: left;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -htm-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  /*border: 2px solid #434343;*/
  box-shadow: 0px 0px 5px #000000;
  -moz-box-shadow: 0px 0px 5px #000000;
  -htm-box-shadow: 0px 0px 5px #000000;
  -o-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
  color: #434343 !important;
  transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -htm-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.profil2_mess:hover
{
  margin-top: -42px;
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -htm-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.profil2_content
{
  display: block;
  width: 180px;
  height: 200px;
  max-height: 200px;
  overflow: auto;
}
/* fin css du profil */

/*retire bordure gênante*/
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}/* fin*/

/*CODE*/
.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #515155;/*texte*/
background-color: #dad9eb;/*fond*/
padding:10px;
-moz-border-radius:10px;}

/*CITATION*/
.quote{
font-family: Tahoma;
font-size: 12px;
color: #515155;
line-height: 125%;
background-color: #dad9eb;
border-radius: 15px 15px 5px 5px;
padding:7px;
-moz-border-radius:15px 15px 5px 5px;}

/*SPOILER*/
.spoiler{
font-family: verdana;
font-size: 11px;
color: #ffffff;
line-height: 125%;
background-color: #000000;
border: #415bac;
border-style: solid;
border-left-width: 6px;
border-top-width: 0px;
border-right-width: 6px;
border-bottom-width: 0px;
padding:7px}

/*texte toujours justifié*/
.postbody {
    text-align:justify;
}

.bodylinewidth{
width: 800px;
margin-top:-9px;
margin-bottom:-9px;
}

#navigation
{
  position: fixed;
  z-index: 999;
  height: 30px;
  width: 100%;
  margin-left: -8px;
}
#navig
{
  width: 100%;
  margin: auto;
  text-align: center;
  background: #090415;
  /*border-bottom: 2px solid #11255A;*/
  padding-bottom: 3px;
}
#navig a
{
  font-weight: bold;
  color: #fff;
}

#navig a:hover{
  color: #20364c;
}

/* Codage du qeel*/
.qeel_titre
{
  width: 500px;
  height: 67px;
  background: url(http://img11.hostingpics.net/pics/261039phraseqeel.png);
}
.qeel
{
  width: 800px;
  height: 369px;
  background: url(http://img11.hostingpics.net/pics/482788qeel.png);
}
.qeel_table
{
  width: 612px;
  margin: auto;
}
.colonne
{
  position: absolute;
  z-index: 1;
  width: 200px;
  height: 300px;
  overflow: auto;
  margin-top: 0px;
  margin-left: 0px;
  background: #090415;
  border: 1px solid #090415;
  box-shadow: 0px 0px 0px #090415;
  -moz-box-shadow: 0px 0px 0px #090415;
  -o-box-shadow: 0px 0px 0px #090415;
  -htm-box-shadow: 0px 0px 0px #090415;
  -webkit-box-shadow: 0px 0px 0px #090415;
  font-size: 9px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.colonne:hover
{
  position: absolute;
  z-index: 99;
  width: 300px;
  height: 400px;
  margin-top: -50px;
  margin-left: -50px;
  background: #090415;
  border: 1px solid #090415;
  box-shadow: 0px 0px 5px #090415;
  -moz-box-shadow: 0px 0px 5px #090415;
  -o-box-shadow: 0px 0px 5px #090415;
  -htm-box-shadow: 0px 0px 5px #090415;
  -webkit-box-shadow: 0px 0px 5px #090415;
  font-size: 11px;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  filter: alpha(opacity=90);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.qeel_contenu
{
  display: block;
  text-align: justify;
  padding: 10px;
}

/* Fin du qeel */

/* ------------------ MISE EN FORME DES CATEGORIES ET FORUMS -----------------------*/

img.icone{
position: absolute;
  left: 10px;
  top: 10px;
}

.cate_titre{
  clear: both;
  height: 100px;
  margin-top: 50px;
}

.catetitre_bloc{  /*barre fond de titre catégorie*/
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 25px;
margin-left: auto;
margin-right : auto;
background-color: #20364c;
}

.catetitre_content{ /*positionnement du titre catégorie*/
position: absolute;
z-index: 2;
display: block;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
text-align: center;
padding: 2px;
}

.catetitre{ /*Mise en forme titre categorie*/
color: #fff;
font-family: Times New Roman, Times, serif;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #081537;
text-align:center;
}

.forum_bloc{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
}

.forum{ /*taille des forums*/
float: left;
width: 390px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 50px;
}

a.forumlink{ /* titre du forum*/
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  color: #ffffff !important;
  text-align: center;
  padding-bottom: 3px;
font-family: Alpha Geometrique, Critter, Cottonwood, fantasy;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #012321;
 transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

a.forumlink:hover{ /*titre du forum au passage du pointeur*/
color: #746cb8!important;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

.forum_contenu{ /* fond des forums*/
  position: relative;
  z-index: 1;
  width: 98%;
  height: 90%;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -8px;
  background-color: #b2b0c4 /*#efefef*/;
  border-bottom: 1px solid #415bac;
}

.description{/*cadre description du forum*/
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 270px;
  margin: auto;
  height: 115px;
  overflow: hidden;
  border: 2px solid #0b0617;
  box-shadow: 1px 1px 1px #06020e;
  -moz-box-shadow: 1px 1px 1px #06020e;
  -htm-box-shadow: 1px 1px 1px #06020e;
  -webkit-box-shadow: 1px 1px 1px #06020e;
  -o-box-shadow: 1px 1px 1px #06020e;
}

.description_contenu{/*texte dans le cadre description*/
  position: absolute;
  display: block;
  width: 270px;
  height: 115px;
  overflow: auto;
  background-color: #e6e6e6;
  font-size: 10px;
  color: #131313;
  padding: 3px;
  text-align: jutsify;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.description_contenu:hover{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  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;
}

.icone_stats{
  width: 300px;
  margin: auto;
  margin-top: -30px;
}

.stats_lastpost{ /*info dernier posteur, sujet...*/
  display: block;
  position: absolute;
  bottom: 10px;
  width: 200px;
  height: 70px;
  margin-left: 10px;
  background-color: #ffffff;
  border-radius: 65px 65px 65px 65px;
  border: 1px solid #0c052a;
  padding: 5px;
  text-align: center;
  right: 40px; /* placement du cadre info dernier sujet, posteur*/
}

.stats{
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px dotted #0c052a;
  padding-bottom: 5px;
  font-size: 10px;
  color: #0c052a;
}

.lastpost{
  display: block;
  font-size: 11px;
}

.sforum{ /*sous forum*/
  position: relative;
  z-index: 3;
  display: block;
  height: 0;
    background: #20364c;
  color: #b5b5b5;
  overflow: hidden;
    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;
}

.ouverture_sousforum{ /*languette servant à ouvrir*/
  position: relative;
  z-index: 3;
  display: block;
  float: right;
  width: 125px;
  margin-right: 20px;
  background: #20364c;
  color: #b5b5b5;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  border-radius: 0px 0px 65px 65px;
}
.sous_forum:hover .sforum{ /*bloc contenant les sous-forum une fois déplié*/
  height: 50px;
  background: #20364c;
  color: #b5b5b5;
  padding: 4px;
  overflow: auto;
    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;
}

.sous_forum a {/*liens des sous-forum*/
  color: #b5b5b5 !important;
  text-shadow: 1px 1px 0px #000000;
}

.sous_forum a:hover {
  color: #ffffff !important;
}

/* Fin mise en forme des catérogie et forums */

a:link{text-decoration: none;}
a:hover{text-decoration: none !important;}
a:active{text-decoration: none;}
a:visited{text-decoration: none;}

/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
  width: 780px;
  margin: auto;
  /*background: #5579BC;*/
  /*border : #ffffff;
  box-shadow: 0px 0px 3px #868686;
  -o-box-shadow: 0px 0px 3px #868686;
  -moz-box-shadow: 0px 0px 3px #868686;
  -webkit-box-shadow: 0px 0px 3px #868686;
  -htm-box-shadow: 0px 0px 3px #868686;*/
  padding: 5px;
}
.sujets
{
  background: #b2b0c4;
  border-left: 5px solid #686492;
  padding: 3px;
}
.topictitle
{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last
{
  display: block;
  width: 180px;
  height: 40px;
  background: #f4f4f4;
  border-radius: 50px 50px 50px 50px;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  width: 700px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu
{
  font-size: 10px;
  color: #99BCDE;
}
/* fin mise en forme liste sujet*/

/* Fiche de présentation */
.fond_fiche_presentation{
  width: 500px;
  background-color: #bebce0;
  height: 1200px;
  padding: 15px;
  color: white;
  text-align: justify;
  border-radius: 12% 2%;
  moz-border-radius: 12% 2%;
  /*border-left: 5px solid #1e184b;
  border-bottom: 5px solid #1e184b; */ 
  position: relative;
}

.avatar_pv_presentation{
  border : 3px solid black;
  border-radius : 5px;
  moz-border-radius: 5px;
  width: 200px;
  height: 320px;
  position: absolute;
  top: 135px;
  left: 50px;
}

.info_presentation{
  position: absolute;
  left: 280px;
  text-align: left;
  color: #515155;
}

.caractere_physique{
  width: 450px;
  height: 150px;
  color: black;
  background: white;
  overflow: auto;
  text-align: justify;
  position: absolute;
  top : 490px;
  left: 35px;
  padding: 5px; 
}

.histoire_presentation{
  width: 450px;
  height: 400px;
  color: black;
  background: white;
  overflow: auto;
  text-align: justify;
  position: absolute;
  top : 670px;
  left: 35px;
  padding: 5px; 
}

.vous_presentation{
  width: 450px;
  height: 100px;
  color: black;
  background: white;
  overflow: auto;
  text-align: justify;
  position: absolute;
  top : 1100px;
  left: 35px;
  padding: 5px;   
}

.vous{
  color: darkred;
  font-weight: bold;
}
/* Fin fiche de présentation */

/* présentation groupe*/
.fond_groupe{
  background-color: #bebce0;
  width: 450px;
  height: auto;
  padding: 15px;
  color: white;
  text-align: justify;
  border-radius: 12% 2%;
  moz-border-radius: 12% 2%;
  /*border-left: 5px solid #1e184b;
  border-bottom: 5px solid #1e184b;  */
}
/* fin présentation groupe */

/* Codage mise en page contexte */
.fond_contexte{
  background-color: #bebce0;
  width: 525px;
  height: auto;
  padding: 15px;
  color: white;
  text-align: justify;
  border-radius: 12% 2%;
  moz-border-radius: 12% 2%;
  /*border-left: 5px solid #1e184b;
  border-bottom: 5px solid #1e184b;*/
}

.accroche_contexte{
  font-family: 'Satisfy', cursive;
  font-size: 30px;
  color: #3880BF;
}

.texte_contexte{
  text-align: justify;
  color: #202023;
  padding: 15px;
}
/* Fin codage mise en page contexte */

/* Codage Fiche Poste Vacant */
.fondfichepv{
  width : 500px;
  position: relative;
}

.partie_idpv{
  background: #bebce0;
  height: 620px;
  border-radius: 12% 2%;
  moz-border-radius:12% 2%;
  /*border-left: 5px solid #1e184b;
  border-bottom: 5px solid #1e184b;*/
}

.nom_pv{
  color: #000;
  font-family: 'Satisfy', cursive;
  font-size : 40px;
  line-height: 40px;
  border-bottom: 5px dotted #000;
  /*background: #797882;
  width: 450px;*/
}

.avatar_pv{
  border : 3px solid black;
  border-radius : 5px;
  moz-border-radius: 5px;
  width: 200px;
  height: 320px;
  position: absolute;
  top: 100px;
  left: 20px;
}

.info_pv{
  position: absolute;
  top 30px;
  left: 240px;
  text-align: left;
  color: #515155;
}

.texte_pv{
  color: #202023;
  font-size: 12px;
  font-family: 'Gabriela', serif;
  text-transform: uppercase; 
  line-height: 10px;
}

.autre_info_pv{
  width: 460px;
  height: 150px;
  background : white;
  text-align: justify;
  color: black;
  position: absolute;
  top : 450px;
  left: 20px;
  overflow :auto;
}

.lien_pv_fiche{
  background: lightgrey;
  border-radius: 10px;
  moz-border-radius:10px;
  height: auto;
}

.lien_pv2{
  background: white;
  width: 460px;
  height: 100px;
  padding: 5px;
  position: relative;
}

.lien_pv2 img{
  position: absolute;
  left: 5px;
  top: 5px;
}

.lien_pv2_description{
  position: absolute;
  left: 110px;
  top: 5px;
  height: 100px;
  overflow: auto;
  color: black;
  text-align: justify;
}

.credit_nono{
   font-family: 'Montaga', serif;
   font-size: 12px;
   text-align: center;
   color: #6d6d6d;
}
/* Fin codage poste vacant */
















Revenir en haut Aller en bas
 

Sauvegarde du CSS Version 1

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Sauvegarde CSS

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Power to kill :: Partie Administrative :: Design & sauvegarde-