AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Design bleu

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
Voir le profil de l'utilisateur http://hogwartsinthepast.forumactif.org
Messages : 50
Date d'inscription : 06/07/2016

MessageSujet: Design bleu  Ven 18 Nov - 14:46






Version grande:
 


Couleur :

#87A0AF bleu clair
#3F576A Bleu moyen
#203140 bleu foncer
#121B25 bleu noir
#E1CEBB écru





Code:
/* --------------------------------- queel --------------------------------- */
.rightpart {
font-size : 20px ; *grandeur du texte
border-left : Xpx dotted #CB4DDF ; *séparation du tableau de gauche et du tableau de droite par une ligne, peu être changé en DOTTED, SOLID, DOUBLE, etc
padding-left : 10px } *veuillez ne pas toucher à cette partie

.groups{
background-color:#121B25 ; *peut-être un fond de couleur ?
border: 1px color #COLOR  ; *contour du QEEL
-moz-border-radius : Xpx XpxXpxXpx; *pour arrondir les bords
height:40px; *pas touche
padding-right:12px; *pas touche
padding-left:14px; *pas touche
padding-bottom:3px; *pas touche
font-size:14px *grandeur du texte;
font-weight: bold; *texte en gras
text-align:center; *texte aligné au milieu
font-color : #F1D8AF ; *couleur du texte
text-decoration: none !important; *pas touche
}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #87AD26;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 140px;
}
 
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #87AD26;
      border-right: 3px solid #87AD26;
      border-top: 3px solid #87AD26;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}
 
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #87AD26;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 141px;
}



/* RETIRER LE DERNIERE EDITION */   tr.post span.gensmall { display: none; }

/* FIN RETIRER LE DERNIERE EDITION */   input,textarea, select {border: 1px solid #67687E;}

/* --------------------------------- infobulle --------------------------------- */
infobulle
a.infobulle{
    position:relative;
    z-index:24;
    color:#FFF;
    text-decoration:none;
    opacity: 0.7; filter:alpha(opacity=70);
    -moz-opacity: 0.7;
}

a.infobulle:hover {z-index:25; opacity: 1; filter:alpha(opacity=100);
-moz-opacity: 1; }

a.infobulle span {position: absolute; visibility:hidden;}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 30px; /* on positionne notre infobulle */
  left: 20px;
  background: white;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}
div.infobulle {
  position: relative;
  float: left;
}

div.infobulle span {
  display: none;
}
div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999;
}
div.infobulle:hover span {
width: 190px;
height: 180px;
display: inline;
position: absolute;
top: 50px;
left: 70px;
background-color: #F2E7DC;
color: #000000;
padding: 10px;
border: 1px solid #8B1B1F;
border-radius: 20px;
-webkit-border-top-radius: 30px; -moz-border-radius: 30px ;}

#menu
 { width:120px;
 height:106px;
position:relative;
 margin:0;
font-size:11px;
margin:50px 0; }

#menu ul li a,

 .menu ul li a:visited {
display:block;
text-transform: uppercase;
font-weight : bold;
 color:#COULEUR;
width:150px;
height:20px;
text-align:center;
background-image: url("URL DE L'IMAGE");
 line-height:19px;
font-size:12px;
 border-left : 8px solid #70d1e1;
 border-right : 8px solid #70d1e1;}


/*Hoover*/
 .hey { opacity: 0.0;  transition-duration: 0.6s;  -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s;}
.hey:hover {opacity: 0.9;}

/* les onglet */
.systab .tab {
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  cursor: pointer;
}
/* les onglets survolés */
.systab .tab:hover {
  background: #b8efa1;
  color: #487f31;
  border-color: #487f31;
}
/* les onglets sélectionnés */
.systab .tab.selected{
  color: #ccc;
  background: #333;
}
/* contenus associés aux onglets  */
.systab .contents {
  margin-top: 1px;
  margin-bottom: 1px;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  padding: 10px;
}
/* style des onglets */
.systab.s_float .tab,.systab.s_float .tab {
  display: block;
  margin: 5px;
}
/* flottement des conteneurs  */
.systab.s_float .tabs,.systab.s_float .contents {
  float: left;
}

/************* QEEL PAR PHANTASMAGORIA sur PRD *******/

.titre_qeel {font-size: 22px; font-family: Georgia; text-shadow: 1px 1px 2px #280d12; line-height: 7px;
  text-transform: uppercase; color: #f7e9e2; letter-spacing: 3px; text-align: center;}
.fond_qeel { background-color: #121B25; width: 751px; height: 350px; margin-left: 15px; border-radius: 70px; -webkit-border-radius: 70px;
border-bottom: 3px solid #ffffff; border-top: 3px solid #ffffff; }

.stat11 {width : 250px; background-color: #121B25; height: 260px; padding: 5px; text-align: justify; border-radius: 10px;
-webkit-border-radius: 10px; text-align: justify;}
.stat2 {width : 200px; background-color: #121B25; height: 260px; padding: 5px; border-radius: 10px;
-webkit-border-radius: 10px; text-align: justify; }
.connecte {height: 150px; overflow: auto;}

.groupe { text-transform : uppercase; font-family : georgia; text-shadow: 1px 1px 2px #4c3342; margin-top: 20px; text-align: center;}
.groupe1 {margin-top: 10px; text-align: center;}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://hogwartsinthepast.forumactif.org
 
Design bleu
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
Hogwarts in the Past :: Le Ministère :: Ministère de la magie :: Les scénarios-
Sauter vers: