LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code


Bienvenue
Epicode vous propose un libre service de code, ainsi que graphique, allant des avatars à des thèmes complets ! Si vous ne trouvez pas ce qu'il vous faut, vous pouvez passer commande, nos graphistes et nos codeurs sont là pour vous ! Nous aidons aussi les membres à la recherche d'un staff ou d'un avis pour leur forum. Vous avez aussi la possibilité de faire la publicité de votre forum. Epicode, c'est avant tout une ambiance chaleureuse, un staff disponible et un forum actif !
Un clic sur la bouteille ...
...pour recevoir toutes les news par MP !
En ce moment ...

Le sondage pour le dernier concours d'écriture est en cours ! Venez lire toutes ces oeuvres et choisir votre préférée ! par ici !

On recrute !

Administrateurs
Modérateurs
Animateurs
Mini à Maxi Codeurs
Mini à Maxi Graphistes
Conseillers
Postuler

CSS
*{margin:0; padding:0;}

#EpicodePA{
  background-color:#dde2e2;
  width:800px;
  position:relative;
  text-align:justify;
  font-family:'Calibri';
  color:#69728c;
}

#EpicodePA .Titre{
  font-family:'Cinzel';
  font-size:15px;
  text-shadow:1px 1px 0px #fff;
  letter-spacing:2px;
  text-align:center;
}

#EpicodePA .Contexte{
  display:inline-block;
  width:300px;
  vertical-align:top;
  overflow:hidden;
}

#EpicodePA .Bienvenue{
  font-family:'Italiana';
  font-size:45px;
  text-transform:uppercase;
  text-shadow:1px 1px 0px #fff;
  letter-spacing:2px;
  color:#415694;
}

#EpicodePA .Contexte .Texte_Contexte{
  background-color:#eff2f2;
  border-radius:20px;
  box-shadow:1px 1px 0px #000;
  margin:2px;
  padding:10px;
  height:200px;
  overflow:auto;
  font-size:14px;
}

#EpicodePA .EnCeMoment{
  display:inline-block;
  width:260px;
  height:275px;
  background-image: url("http://www.zupimages.net/up/17/24/hvip.png");
  background-color:#e0dfbf;
  vertical-align:top;
  border-radius:20px;
  box-shadow:1px 1px 0px #000;
  margin-left:20px;
  position:relative;
}

#EpicodePA .EnCeMoment .ImageInfoLettre{
  position:absolute;
  right:0;
}

#EpicodePA .EnCeMoment .InfoLettre{
  visibility:hidden;
  position:absolute;
  width:100px;
  text-align:center;
  left:20px;
  background-color:#495177;
  margin:5px;
  border-radius:10px;
  box-shadow:1px 1px 0px #000;
  padding:2px;
  font-size:10px;
  color:white;
}

#EpicodePA .EnCeMoment .hover:hover > .InfoLettre{
  visibility:visible;
}

#EpicodePA .EnCeMoment .Clic{
  position:absolute;
  width:80px;
  text-align:center;
  left:30px;
  background-color:#495177;
  margin:5px;
  border-radius:10px;
  box-shadow:1px 1px 0px #000;
  padding:2px;
  font-size:10px;
  color:white;
}

#EpicodePA .EnCeMoment .Titre{
  margin-top:40px;
}

#EpicodePA .EnCeMoment a{
  display:block;
  text-align:right;
  color:#deb340;
  text-decoration:none;
  text-shadow:1px 1px 0px #fff;
  font-weight:bold;
}

#EpicodePA .EnCeMoment p a::before{
  content: '» ';
}

#EpicodePA .EnCeMoment p{
  background-color:#eff2f2;
  border-radius:20px;
  box-shadow:1px 1px 0px #000;
  padding:10px;
  width:220px;
  height:180px;
  margin:auto;
}

#EpicodePA .Recrutement{
  position:absolute;
  right:0;
  top:0;
  display:inline-block;
  width:180px;
  background-color:#eff2f2;
  vertical-align:top;
  height:255px;
  border-radius:20px;
  box-shadow:1px 1px 0px #000;
  margin-left:10px;
  padding:10px;
}

#EpicodePA .R_Admin,.R_Modo,.R_Anim,.R_Code,.R_Graph,.R_Cons{
  color:white;
  text-align:center;
  margin:5px;
  padding:5px;
}

.R_Admin{
  background-color:#50bc8b;
}

.R_Modo{
  background-color:#50b761;
}

.R_Anim{
  background-color:#6b8db3;
}

.R_Code{
  background-color:#f1c776;
}

.R_Graph{
  background-color:#dc94ab;
}

.R_Cons{
  background-color:#d99b4b;
}

#EpicodePA .Recrutement a{
  display:block;
  text-align:right;
  color:#deb340;
  text-decoration:none;
  text-shadow:1px 1px 0px #fff;
  font-weight:bold;
}

#EpicodePA .Recrutement a::before{
  content: '» ';
}

#EpicodePA .Liens_haut{
  border-style:solid;
  border-width:0 0 1px 0;
  border-color:white;
  margin:20px 10px 0 10px;
  display:table;
  width:780px;
}

#EpicodePA .Liens_haut a{
  display:table-cell;
  text-decoration:none;
  font-family:'Cinzel';
  font-size:15px;
  text-shadow:1px 1px 0px #fff;
  letter-spacing:2px;
  text-align:center;
  color:#495177;
}

#EpicodePA .Liens_bas{
  margin:5px 10px 20px 10px;
  display:table;
  width:780px;
}

#EpicodePA .Liens_bas a{
  display:table-cell;
  text-decoration:none;
  font-family:'Cinzel';
  font-size:15px;
  text-shadow:1px 1px 0px #fff;
  letter-spacing:2px;
  text-align:center;
  color:#495177;
}

#EpicodePA_Bas{
  background-color:#96babd;
  border-radius:20px;
  box-shadow:1px 1px 0px #000;
}

#EpicodePA .Actualites{
  display:inline-block;
  background-color:#eff2f2;
  width:245px;
  height:220px;
  vertical-align:top;
  margin:10px;
  border-radius:20px;
  box-shadow:1px 1px 0px #000;
  overflow:hidden;
}

#EpicodePA .Actualites .News{
  overflow:auto;
  width:245px;
  height:170px;
}

#EpicodePA .Actualites a{
  text-decoration:none;
  padding:2px;
  display:block;
  color:#495177;
  font-size:10px;
  height:30px;
}

#EpicodePA .Actualites .date-new{
  background-image: url("http://www.zupimages.net/up/17/24/hvip.png");
  background-color:#e0dfbf;
  font-family:'Cinzel';
  font-size:12px;
  text-shadow:1px 1px 0px #fff;
  letter-spacing:2px;
  padding:2px;
  margin:2px;
  display:block;
  float:left;
}

#EpicodePA_Bas .Titre{
  margin:15px 5px 10px 5px;
  border-style:solid;
  border-width:0 0 1px 0;
  border-color:white;
}

#EpicodePA .Staff{
  display:inline-block;
  width:250px;
  height:220px;
  vertical-align:top;
  margin:20px 10px;
}

#EpicodePA .Bloc2Staff{
  width:120px;
  height:78.5px;
  background-color:red;
  display:inline-block;
  margin:2px;
  background-size:120px auto;
  vertical-align:top;
  font-family:'Cinzel';
  font-size:13px;
  text-align:center;
}

#EpicodePA .Staff .StaffInfos{
  visibility:hidden;
}

#EpicodePA .StaffInfos .Pseudo{
  background-color:#495177;
  margin:10px 5px 5px 5px;
  color:white;
  opacity:0.8;
}

#EpicodePA .StaffInfos .Contact{
  background-color:#96babd;
  margin:5px;
  opacity:0.8;
}

#EpicodePA .StaffInfos a{
  text-decoration:none;
  color:#495177;
}

#EpicodePA .Bloc2Staff:hover > .StaffInfos{
  visibility:visible;
}

#EpicodePA .Bloc3Staff:hover > .StaffInfos{
  visibility:visible;
}

#EpicodePA .Bloc3Staff{
  width:78.5px;
  height:78.5px;
  display:inline-block;
  margin:2px;
  font-family:'Cinzel';
  background-color:blue;
  font-size:10px;
  text-align:center;
  vertical-align:top;
}

#EpicodePA .Titre2{
  margin-top:10px;
  font-family:'Cinzel';
  font-size:15px;
  text-align:center;
  letter-spacing:2px;
  background-color:#495177;
  padding:5px;
}

#EpicodePA .Titre2 a{
  text-decoration:none;
  color:white;
}

#EpicodePA .Gagnants{
  display:inline-block;
  background-color:#eff2f2;
  width:235px;
  height:220px;
  vertical-align:top;
  margin:10px;
  border-radius:20px;
  box-shadow:1px 1px 0px #000;
  padding:5px;
  position:relative!important;
}

#EpicodePA .VavaGagnant{
      padding:0!important;
      overflow:hidden;
      width:40px!important;
      height:40px!important;
      border-radius:50%;
      border-style:solid;
      border-color:#eff2f2;
      position:absolute;
      z-index:999;
}

#EpicodePA .VavaGagnant > img{
      top:-10px!important;
      width:40px!important;
      height:auto!important;
      transform: translateZ(0); /* empeche bug Chrome */
      z-index:999;
}

#EpicodePA .PseudoGagnant{
  position:absolute;
  left:50px;
  top:50px;
  font-family:'Cinzel';
  font-weight:bold;
  font-size:12px;
}

#EpicodePA .ConcoursGagnant{
  position:absolute;
  left:20px;
  top:70px;
  width:180px;
  background-image: url("http://www.zupimages.net/up/17/24/hvip.png");
  background-color:#e0dfbf;
  padding-left:35px;
  z-index:0;
}

#EpicodePA .ScreenGagnant{
  background-color:blue;
  width:225px;
  height:120px;
  display:block;
  position:absolute;
  top:100px;
  left:10px;
  border-radius:5px;
  box-shadow:1px 1px 0px #000;
  overflow:hidden;
}

#EpicodePA .ScreenGagnant a > img{
  width:225px;
  border-radius:5px;
  box-shadow:1px 1px 0px #000;
}
Term
Fri, 01/12/2018 - 19:26

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv