Css e html

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Css e html

Mensagem por DemiD em 12/01/13, 01:30 am

Qual é minha questão:
Eu gostaria de saber o HTML e CSS desse fórum para conhecimentos acadêmicos e pessoais do ramo.
http://beauxbatons-vs.forumactif.com/

O problema é que não sei como modificar o HTML geral do fórum para que ele contenha um formato parecido em todas as suas áreas. Eu não sei a versão desse fórum, deduzi ser PHBB2, mas ainda assim não consigo adaptar o formato deles. Sei quem é forumeiros, mas é francês. Como posso fazer meu fórum ficar parecido??

Aqui diz que é PUNBB o fórum, mas ele está em PHPBB2

Endereço do meu fórum:
http://rpgmagicbeauxbatons.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Demetria D. Winchester em 12/01/13, 03:29 am, editado 1 vez(es)
avatar

DemiD
Nível 2

Feminino
Inscrito dia : 11/01/2013
Mensagens : 9
Pontos Ativos : 15

Ver perfil do usuário http://rpgsud.forumeiros.com/forum https://www.facebook.com/kellydarkbr https://twitter.com/kellydark

Resolvido Re: Css e html

Mensagem por Alcohol em 12/01/13, 01:38 am

Ola,

Html completo da pagina.

Aperte Ctrl + U
view-source//beauxbatons-vs.forumactif.com/

Quanto ao css em questão creio que não da para extrai-lo totalmente!


Melhores cumprimentos,
JuJanzen
avatar

Alcohol
Usuário experiente

Masculino
Inscrito dia : 29/03/2011
Mensagens : 2723
Pontos Ativos : 3643

Ver perfil do usuário http://www.magazinevoce.com.br/magazinemamedez1/ http://www.magazinevoce.com.br/magazinemamedez1/ http://www.magazinevoce.com.br/magazinemamedez1/

Resolvido Re: Css e html

Mensagem por DemiD em 12/01/13, 03:31 am

O problema é que não sei onde colocá-lo para que fique no fórum inteiro, só fica na page inicial.

O CSS pode ser parcial, não tem problema.
avatar

DemiD
Nível 2

Feminino
Inscrito dia : 11/01/2013
Mensagens : 9
Pontos Ativos : 15

Ver perfil do usuário http://rpgsud.forumeiros.com/forum https://www.facebook.com/kellydarkbr https://twitter.com/kellydark

Resolvido Re: Css e html

Mensagem por HenRyqUéè em 12/01/13, 10:56 am

Olá Demetria D. Winchester!

Para adicionar tal página como sua página Inicial, siga os procedimentos abaixo:

Vá em: Gestão das Páginas HTML

Módulos Seta HTML e JavaScript Seta Gestão das Páginas HTML Seta Nova Página HTML


Título * : Coloque qualquer título aqui.
Você deseja utilizar o início e o final da página do seu fórum ? Marque NÃO!
Usar esta página como página inicial? Marque SIM!
Código HTML * : Cole todo o código da página aqui.

Observação: Quando usamos uma página HTML como página INICIAL, a forumeiros pede para você colocar o link dela na página, então coloque o link que ele vai mandar colocar antes do fechamento da tag </body>


Salve!


Cordialmente,
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

Ver perfil do usuário http://www.rmbr.forumeiros.com

Resolvido Re: Css e html

Mensagem por DemiD em 12/01/13, 02:30 pm

Queria colocar o mesmo HTML em todas as páginas, ele só fica na parte inicial e o restante fica outra coisa. Já o CSS que eu tenho ele diz que é grande. Já tentei aumentar a folha de CSS com um tutorial daqui e não deu certo também.
avatar

DemiD
Nível 2

Feminino
Inscrito dia : 11/01/2013
Mensagens : 9
Pontos Ativos : 15

Ver perfil do usuário http://rpgsud.forumeiros.com/forum https://www.facebook.com/kellydarkbr https://twitter.com/kellydark

Resolvido Re: Css e html

Mensagem por StyLe® em 12/01/13, 02:39 pm

Olá!

Não entendi muito bem, mais se você quiser o css do fórum citado acima aqui estar
Código:
/*NOUVELLE VERSION, PAS TOUCHER */

/*SELECTION CONTENU CODE*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

/*SELECTION TEXTE*/
/* Firefox */
::-moz-selection {background:#244138;color:#eeeeee;}       
/* Autres Navigateurs */
::selection {background:#244138;color:#eeeeee;}

/*ZONE DE TEXTE*/

input,textarea, select {
color : #2A2A2A;
font: normal 11px Arial;
background-color : #080804 !important;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 3px;
border: 1px dotted #0E0E0A;}

input, input.post, textarea.post, select {
color : #2A2A2A;
padding: 3px;
background-color : #030303 !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 1px dotted #0E0E0A;}

/*CITATION & CODE*/

.quote{
padding: 10px;
font-family: Arial,Tahoma,Arial Narrow,Georgia, Times New Roman;
font-size: 11px;
color: #2A2A2A;
font-variant: small-caps;
line-height: 125%;
background-color: #030303;
border: #0E0E0A 1px dotted;
padding: 10px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}

.code{
padding: 10px;
font-family: Arial,Tahoma,Arial Narrow,Georgia, Times New Roman;
font-size: 11px;
color: #2A2A2A;
font-variant: small-caps;
line-height: 125%;
background-color: #030303;
border: #0E0E0A 1px dotted;
padding: 10px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}

/*PERSONNALISATION DU GRAS, ITALIQUE ET SOULIGNE*/
i {
color: #2F5143;
font-style: italic;
font-family: Georgia;}

u { text-decoration: none !important;
border-bottom: 1px dotted #18575D!important;
color: #2F5143; }

  /*LIENS ET MENU*/
a, a:link, a:visited, a:active{text-decoration: none; -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in;
-ms-transition: color .3s ease-in; -o-transition: color .3s ease-in; transition: color .3s ease-in;}
a:hover{text-decoration: none !important; cursor : nw-resize;}

.mainmenu img{display:none}
a.mainmenu{
font-family: georgia;
font-size: 20px;
color: #2F5143;
text-shadow: 0px 0px 3px rgba(47,81,67,0.9);
letter-spacing: -3px;
text-transform: lowercase;}

a.mainmenu:hover{
color: #18575D;
text-shadow: 0px 0px 5px rgba(24,87,93,0.9);}

/*ENLEVER IMAGE CHEMIN DE NAVIGATION*/
.nav img{display: none !important;}
  /*REGLAGES EN TOUT GENRE V.15 */
.catHead{padding:0px;border: none;}
.catBottom{padding:0px;border: none;}
td.catLeft {border-width:0px 0px 0px 0px !important;}
td.catBottom {border-width:0px 0px 0px 0px  !important;}
td.catHead{border-width:0px 0px 0px 0px  !important;}
td.catLeft {border-width:0px 0px 0px 0px !important;}
th.thHead,td.catHead {border-width: 0px 0px 0 0px;}
th.thSides,td.catSides,td.spaceRow {border-width: 0 0px;}
th.thRight,td.catRight,td.row3Right {border-width: 0 0px 0 0;}
th.thLeft,td.catLeft { border-width: 0 0 0 0px;}
th.thBottom,td.catBottom {border-width: 0 0px 0px 0px;}
th.thTop {border-width: 0px 0 0;}
th.thCornerL {border-width: 0px 0 0 0px;}
th.thCornerR {border-width: 0px 0px 0 0;}

/*ENLEVER IMAGE CHEMIN DE NAVIGATION*/
.nav img{
display: none !important;}

/*CHATBOX*/
body.chatbox {
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background: #090909;
border-bottom: 1px solid #000000;}

#chatbox_header {
height: 30px;
background: #090909;}

#chatbox_header .cattitle{
font-size: 20px;
letter-spacing: -1px;
text-transform: lowercase;
color: #18575D!important;
margin-left: 20px;
font-weight: lighter!important;
text-shadow: 0px 0px 1px #18575D, 0px 0px 1px rgba(24,87,93,0.7);}

#chatbox_members .online-users, #chatbox .date-and-time,
#chatbox .msg, #chatbox .user-msg, #chatbox .user{
font-size: 12px;
font-weight: normal!important;
font-family: Arial;}

  /*REGLAGES "VOIR PROFIL UTILISATEUR" V.15 */
.vuprofil .thHead, .vuprofil .catLeft, .vuprofil .catRight,
.vuprofil .catLeft .gen, .vuprofil .catRight .gen{background: rgba(5,5,5,0.5);color: #2F5143!important;}
.image_rpg img{width: 370px; height: auto;}
.contenueprofil img{max-width: 300px; height: auto;}
.avatarduprofil img{-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}

.TIRETS1, .TIRETS2, .TIRETS3, .TIRETS4, .TIRETS5, .TIRETS5 .label{
text-transform: uppercase;
font-size: 7.5px;
color: #2F5143;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
letter-spacing: 2px;
word-spacing: -2px;
font-family: Times new roman;}

.contenueprofil{
text-align: justify;
line-height: 11.5px;
font-size: 11.5px;
color: #2C2C2C;
margin-bottom: 3.5px;
display:inline-block;}

.contenueprofil textarea{
font: normal 10px Arial;
text-align: justify;
line-height: 9px;
background-color: #14120F!important; 
border-color: #100F0C;
color: #322E25;
width: 230px!important;}

/*ENLEVER EDITER PAR*/
tr.post span.gensmall { display: none; }

/*BODY ET CATE V.15 */
body {
margin-top:0px;
background-position: top center;
background-attachment: scroll;
background-color:#000000;
background-repeat: no-repeat;
overflow-x:hidden;}

.bodyline{
background-color: #050505;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
padding: 20px 0;}

.forumline, .forumline_sujet, .forumline2{
background: #090909;
width: 716px;
height: auto;
margin: 0 auto;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;}

.forumline_sujet{
width: 765px;
margin: 0 auto;}

.forumline_smilies{
background: #090909;}

.forumline.module-advert {
background-color:#050505!important;
border:0px;
box-shadow:none;}

.catégorie .header{
background-image: url('http://img4.hostingpics.net/pics/256066CATHAUT.png');
width: 741px;
height: 198px;
margin-top: 40px;
position: relative;
z-index:0;
padding-top: 30px;}

.catégorie .header img{
margin-top: -75px;/* valeur initial -65px */}

.catégorie .header h2{
font-size: 30px;
color: #18575D;
font-family: 'Eagle Lake', cursive;
text-transform: lowercase;
letter-spacing: -1px;
word-spacing: 2px;
text-shadow: 0px 0px 1px #18575D, 0px 0px 5px rgba(24,87,93,0.7);}

.catégorie .milieu{
background-image: url('http://img4.hostingpics.net/pics/864623CATMILIEU.png');
width: 741px;
height: auto;
position: relative;
z-index:1;
padding-top: 20px;
border: 1px solid transparent!important;
-moz-border-radius: 0px 0px 300px 300px;
-webkit-border-radius: 0px 0px 300px 300px;
border-radius: 0px 0px 300px 300px;}

.catégorie .footer{
background-image: url('http://img11.hostingpics.net/pics/135422CATBASBB.png');
width: 741px;
height: 225px;
margin-top: -230px;
position: relative;
z-index:2!important;
margin-bottom: -1px;}

.catégorie .bloc1{
position: relative;
z-index: 3;
width: 510px;
height: 175px;
top: -125px;
left: -250px;}

.catégorie .bloc2{
position: relative;
z-index: 4;
width: 510px;
height: 175px;
top: -298px;
left: 90px;}

.catégorie .fond{
background: url('http://img4.hostingpics.net/pics/347103catbloc.png');
width: 448px;
height: 223px;
position: relative;
z-index: 4;}

.catégorie .forumlink_bloc{
width:320px;
height: 30px;
position: absolute;
top: 20px;
right: 65px;
background: #050505;
border: 1px solid #0A0A0A;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding-top: 5px;
padding-bottom: 5px;}

a.forumlink{
font-family: courier new;
text-transform: uppercase;
color: #18575D!important;
font-size: 19px;
font-weight: lighter!important;
text-decoration: none;
text-shadow: 0px 0px 5px rgba(24,87,93,0.9);
word-spacing: -4px;}

a.forumlink:hover{
color: #2F5143!important;
text-shadow: 0px 0px 3px rgba(47,81,67,0.9);}

a.forumlink .long{
letter-spacing: -2px;
word-spacing: -7px;}

.catégorie .citation{
width: 305px;
margin: 0 auto;
text-align: center;
color: #252525;
text-transform: uppercase;
font-size: 7px;
font-family: times new roman;
letter-spacing: 0px;
word-spacing: 0px;
margin-top: -5px;
opacity: 0.8;}

.catégorie .citation .sep{
border-bottom: 1px solid #252525;
width: 280px;
margin: 0 auto;
  opacity: 0.7;}

.catégorie .fond .lastpost{
width: 127px;
height: 55px;
position: absolute;
z-index: 1px;
top: 100px;
right: 26px;
font-weight: lighter!important;
font-size: 9px;
text-transform: lowercase;
font-family: Arial;
color: #303030!important;}

.catégorie .fond .lastpost a{
text-transform: lowercase;
font-weight: lighter!important;}

.catégorie .ladescription .titre{
text-transform: uppercase;
font-size: 7.5px;
color:#143041;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
letter-spacing: 2px;
word-spacing: -2px;
font-family: Times new roman;}

.catégorie .blockdescription{
top: -393px;
left: -78px;
float : left!important;
position: relative;
width: 200px;
height: 95px;
text-align: justify;
line-height: 10px;
font-size: 11px;
overflow-y: auto;
padding-right: 4px;
z-index: 5;}

.catégorie .boxinfo{
background-image:url('http://img4.hostingpics.net/pics/313145aloho.png');
background-repeat:no-repeat;
width: 238px;
height: 184px; 
margin-left: 200px;
margin-top: -505px;
position:relative;
z-index: 3;
margin-bottom: 130px;
webkit-transition:all.5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;}

.catégorie .boxinfo:hover {
margin-top: -477px;
margin-bottom: 130px;}

.catégorie .boxinfo .info{
color: #2C2C21;
font-family: arial;
font-style: normal;
font-size: 10px;
height: 25px;
width: 200px;
top: 105px;
left: 10px;
text-align: center;
position: absolute;
text-shadow: 0px 0px 2px rgba(0,0,0,0.6);}


/* NAVIGATION RAPIDE COULISSANTE ET TOUT */

.navigation{
width: 207px;
height: 212px;
position: relative;
z-index: 45;
margin-left: 15px;
margin-top: -430px;
background: url('http://img4.hostingpics.net/pics/707906cerclesous.png');}

#coulisse{
position:relative;
height:212px !important;
width:207px !important;
margin-left: -1px;
margin-top: -1px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-align: center;}

#coulisse .image  {
background: url('http://img4.hostingpics.net/pics/711440cerclesur.png');
background-repeat: no-repeat !important;
width: 207px!important;
height: 212px!important;
position:absolute;
margin-left: 0px;
margin-top: 0px;
z-index: 3;
opacity: 1;
overflow: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;}

#coulisse:hover .image {
opacity:0;
position: relative;
z-index: 1;}

#coulisse .lien{
position:absolute;
z-index: 2;
width: 140px;
height: 110px;
padding: 5px 0;
top: 65px;
left: 35px;
text-align:center;}

#coulisse .lien a{
color:#2F5143;
width: 135px;
font-size: 11px;
line-height: 10px;
vertical-align:middle;
display:inline-block;
text-align:left;
letter-spacing: 1px;}

#coulisse .lien a:hover{
color: #18575D;}

#coulisse .lien a:before{
  content:"# ";}

/* LA CATEGORIE SUJET V.15 */

.catégorie .déroulant_sujet {
z-index: 3;
width: 750px;
height: 60px;
margin-bottom: 10px;
overflow: hidden;
  position:relative;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-webkit-transition: all 1s;
-htm-transition: all 1s;}

.catégorie .déroulant_sujet:hover {
height: 230px;
  -moz-transition: all 5s;
-o-transition: all 5s;
-webkit-transition: all 5s;
-htm-transition: all 5s;}

/* ORGANISATION DES SUJETS V.15 */

.catégorie .bloc3{
position: relative;
z-index: 3;
  top: -105px;}

.catégorie .bloc4{
min-height: 115px;
height: auto;}

.liste_sujets{
background-color: rgba(11, 11, 11, 0.6);
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
width: 85%;
height: auto;
margin-bottom: 10px;
padding: 3px;
margin-left: 5px;
box-shadow:
    1px 1px 1px 0px rgba(0, 0, 0, 0.1),
    1px 1px 1px 0px rgba(0, 0, 0, 0.1);}

.liste_sujets .gensmall{
color: #2C2C2C;
font-size: 10px;}

.liste_sujets .postdetails{
color: #2C2C2C;
font-size: 10px;}

.liste_sujets .letableau{
diplay: inline;}

.liste_sujets .info{
font-size: 11px;
line-height: 10px;
text-align: justify;
margin-right: 7px;
border-left: 3px dotted #0F0F0F;
padding-left: 3px;
font-style : normal;
color: #2C2C2C;}


.liste_sujets .topictitle{
font-size: 13px;
margin-left: 0px;
font-family: Arial;
letter-spacing: -1px;}

.liste_sujets .topic_info{
font-size: 11px;
font-family: Arial;
letter-spacing: -1px;
margin-right: 5px;
display: inline-block;
color: #2C2C2C;}

.liste_sujets .topictitle2 img{
margin-right: -10px;}

.liste_sujets .auteur, .liste_sujets .name{
font-size: 9px;
font-family: Arial;
color: #2C2C2C;}

.liste_sujets .description1{
margin: 5px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 11px;
line-height: 10px;
text-align: justify;
height: auto;
color: #2C2C2C;}

/*ORGANISATION D'UN SUJET V.15*/

.cattitle{
font-size: 25px;
letter-spacing: -1px;
text-transform: lowercase;
color: #2F5143!important;
font-family: 'Redressed', cursive;
text-shadow: 0px 0px 1px #2F5143, 0px 0px 5px rgba(47,81,67,0.7);}

.cattitle2{
font-size: 15px;
letter-spacing: -1px;
text-transform: lowercase;
color: #2F5143!important;
font-family: 'Redressed', cursive;
text-shadow: 0px 0px 1px #143B1D;}

.nav2{
margin-left: 40px;}

.déroulant_post {
z-index: 3;
width: 750px;
height: 60px;
margin-bottom: -25px;
overflow: hidden;
  position:relative;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-webkit-transition: all 1s;
-htm-transition: all 1s;}

.déroulant_post:hover {
height: 130px;
-moz-transition: all 5s;
-o-transition: all 5s;
-webkit-transition: all 5s;
-htm-transition: all 5s;}

.postbody {
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 6px;
padding-right: 10px;
text-align:justify;}

.barre_inter_message{
border-bottom: 1px #1A1A1A solid;
width: 65%;
margin-top: 5px;
margin-bottom: 5px;}

.barre_inter_message_fin{
border-bottom: 1px #1A1A1A solid;
width: 85%;
margin-top: -30px;
margin-bottom: -20px;}

/*ORGANISATION DU PROFIL V.15 */

 .flotteur{
z-index: 500;
float : left!important;
position: relative;
margin-top: -10px;
margin-left: 0px;
margin-bottom: 40px;}

.profil_haut{
width: 231px;
height: 170px;
background-repeat:no-repeat;
background-image:url('http://img15.hostingpics.net/pics/466423profilhaut.png');
position: relative;}

.profil_milieu{
background-image:url('http://img15.hostingpics.net/pics/909610profilmilieu3.png');
width:231px;
height: auto;
background-repeat:repeat-y;                           
position: relative;
z-index: 6;}

.profil_bas{
width:231px;
height:107px;
background-image:url('http://img15.hostingpics.net/pics/992505profilbas.png');
position: relative;
z-index:5;
margin-top: -30px;}

.profil_milieu .imgonline{
background: url('http://img11.hostingpics.net/pics/564319offline.png') no-repeat;
width: 55px;
height: 170px;
top: -72px;
left: -55px;
position: absolute;
z-index: 990;}

.profil_milieu .correction{
width: 199px;
margin: 0 auto;
margin-left: 0px;
position: relative!important;
z-index: 50;
padding-top: 300px;}

.profil_milieu .correction_inter{
position: absolute;
top: -54px;
left: 5px;}

.profil_milieu .correction2{
width: 199px;
margin-left: -15px;
margin-top: 5px;
position: relative!important;
z-index: 50;}

.profil_milieu .vava{
width: 200px;
height: 320px;
position: relative;}

.profil_milieu .vava img{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
position: relative;}

.profil_haut .name{
margin-bottom: 0px;
font-size: 14.5px;
font-family: Times new roman;
letter-spacing: -2.5px;
word-spacing: 3px;
text-transform: uppercase;
font-weight: normal;
font-style: normal;
text-align: center;
line-height: 15px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: relative;
z-index: 60;
text-shadow: 1px 0px 2px rgba(0,0,0,0.3);}

.profil_haut .name:hover{
letter-spacing: -3px;
word-spacing: 0px;}

.profil_haut .rang{
font-size: 7px;
text-align: center;
line-height: 7px;
letter-spacing: 1px;
font-family: Times new roman;
text-transform:uppercase;
position:relative;
color: #2A2A29;
z-index: 999;
opacity: 0.8;}

.profil_haut .rangsep{
border-top: #121211 solid 1px;
width: 155px;
margin-right:auto;
margin-left: auto;
margin-top: 1px;
position:relative;
opacity: 0.6;}

.profil_haut .fond_name{
top: 71px;
left: 10px;
position: relative;
z-index: 999;
background-color: rgba(10, 10, 10, 0.8); 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 180px;
height: 29px;
text-align: center;
position: absolute;
z-index: 0;
padding: 3px;
padding-top: 7px;
pading-bottom: 1px;}

.profil_milieu .rang2{
margin-top: -65px;
margin-left: 8px;
position: relative;
z-index: 150;
height: 49px;}

.profil_milieu .détail{
position:relative;
margin: 0 auto;
text-align: justify;
line-height: 9px;
font-size: 10px;
background-color: rgba(10, 10, 10, 0.8); 
border: 1px solid rgba(10, 10, 10, 0.85);
padding: 10px;
padding-bottom: 25px;
width: 170px;
height: auto;
color: #2C2C2C;
border-radius: 10px;
font-family: Arial;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}

.profil_milieu .détail .card{
color: #373737;
text-transform: uppercase;
font-family: times new roman;
letter-spacing: -2px;
word-spacing: -1px;
font-size: 16px;
text-align: center;
font-weight: bold;
font-style: normal;}

.profil_milieu .détail .card2{
font-size: 6px;
text-align: center;
line-height: 7px;
letter-spacing: 2.5px;
word-spacing: 1px;
font-family: Times new roman;
text-transform:uppercase;
position:relative;
color: #2A2A29;
z-index: 999;
border-bottom: #121211 solid 1px;
width: 162px;
margin-right:auto;
margin-left: auto;
margin-top: 1px;
position:relative;
opacity: 0.6;
margin-bottom: 20px;}

.profil_milieu .détail .label{
text-transform: uppercase;
font-size: 7px;
color: #17414B;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
letter-spacing: 2px;
word-spacing: -2px;
font-family: Times new roman;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.profil_milieu .détail .label:hover{
letter-spacing: 1.5px;}

.profil_milieu .détail .contenu img{
width: 170px!important;
margin-bottom: 10px;
margin-top: -5px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
opacity: 0.7;
position: relative;
z-index: 999;
-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;}

.profil_milieu .détail:hover .contenu img,
.profil_milieu .détail:focus .contenu img{
-webkit-transform: rotateZ(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform:rotateZ(-360deg);
-o-transform:rotate(-360deg);
transform: rotateZ(-360deg);
opacity: 0.95;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

.profil_milieu .contact{
color: #17414B;
margin: 0 auto;
width: 100%;
margin-top: 15px;
text-align: center;
font-size: 12px;
letter-spacing: 5px;}

.profil_milieu .contact img{
margin-right: -6px;}

.flotteur .profil_tire{
background: url('http://img15.hostingpics.net/pics/529095apparecium.png');
width: 207px;
height: 310px;
margin-top: -485px;
margin-bottom: 50px;
margin-left:-18px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
padding-top: 260px;}

.flotteur .profil_tire:hover{
margin-top: -265px;
margin-bottom: 0px;}

.flotteur .profil_tire .personnage{
width: 162px;
height: 245px;
text-align: left;
font-family: arial;
color: #020302;
line-height: 9px;
font-size: 10px;}

.flotteur .profil_tire .ff{
display:inline-block;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 9px;
text-transform: lowercase;
opacity: 0.9;
color: #365F50;
letter-spacing: -1px;
font-weight: lighter!important;
font-family: 'Redressed', cursive;
font-size: 28px;
text-shadow: 0px 0px 2px rgba(54,95,80,0.5);}

.flotteur .profil_tire .gg{
color: #020302;
text-transform: uppercase;
font-size: 6.5px;
font-family: arial;
letter-spacing: 1px;
word-spacing: -1px;
margin-left: 15px;
border-top: 1px solid #17414B;
padding-top: 1px;}

.flotteur .profil_tire .label,
.flotteur .profil_tire .color1{
text-transform: uppercase;
font-size: 7px;
color: #365F50;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
letter-spacing: 2px;
word-spacing: -2px;
font-family: Times new roman;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.flotteur .profil_tire .label{
margin-top: 3.5px;
display:inline-block;}

.flotteur .profil_tire .label:hover,
.flotteur .profil_tire .label:hover .color1{
letter-spacing: 1.5px;}


.flotteur .profil_tire textarea {
font: normal 10px Arial;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 95%;
text-align: justify;
line-height: 9px;
background-color: #090504!important; 
border-color: #090605;
color: #322E25;}

  /*ORGANISATION EN TOUT GENRE, LISTE MEMBRES, GROUPES, ECT V.15*/

.sep_dela_liste_membre{
width: 650px;
border-bottom: 1px solid #31312E;
margin-left: 5px;
margin-bottom: 10px;}

.catégorie .correction_milieu{
position: relative;
z-index: 50!important;
top: -145px;
left: 0px;}

.sep_des_groupes{
width: 650px;
border-bottom: 1px solid #31312E;
margin-top: 20px;
margin-bottom: 10px;}

.signa_boite .forumline{
padding-left: 0px!important;
background:transparent;}

.signa_boite textarea#text_editor_textarea{
width: 425px!important;}

.signa_boite #text_editor_controls{width: 425px!important;}

.signa_boite .forumline_smilies{
background:transparent;}

 /*FORMULAIRE INTRIGUE V.15 */

.formu_intrigue{
margin-top: 80px;
margin-bottom: 25px;}

.formu_intrigue .fond{
background: url('http://img15.hostingpics.net/pics/297098intriguefond.png');
width: 501px;
height: 481px;
position: relative;
margin-top: -250px;
padding-top: 250px}

.formu_intrigue .blend{
margin-top: 0px;
margin-left: -190px;
position: relative;
width: 240px;
height: 150px;}

.formu_intrigue .bloc_titre{
position: absolute;
z-index: 50;
top: 252px;
left: 100px;}

.formu_intrigue .bloc_info{
position: absolute;
z-index: 40;
width: 197px;
height: 150px;
top: 78px;
left: 253px;}

.formu_intrigue .bloc_contenu{
position: absolute;
z-index: 30;
left: 95px;}

.formu_intrigue .titre{
padding-top: 25px;
margin-left: 0px;
position: relative;
z-index: 10;
font-family: 'Redressed', cursive;
font-size: 30px;
letter-spacing: -3px;
word-spacing: -1px;
text-transform: lowercase;
color: #2F5143;
text-shadow: 0px 0px 2px #2F5143, 1px 1px 4px rgba(31,125,98,0.7);}

.formu_intrigue .titre2{
margin-top: 7px;
position: relative;
z-index: 5;
font-weight: normal;
letter-spacing: 0px;
word-spacing: -1px;
font-family: times new roman;
font-size: 8px;
color: #2C2C2C;
text-transform: uppercase;
width: 270px;
margin-left: 13px;
border-bottom: 1px solid rgba(44, 44, 44, 0.2);
padding-top: 0px;
line-height: 12px;}

.formu_intrigue .instruction,
.formu_intrigue .intrigue{
background: url('http://img15.hostingpics.net/pics/988068737319intriguetop.png');
width: 144px;
height: 44px;
display: block;}

 #tabs2 {
margin-top: -175px;
margin-left: -40px;
position: relative;
z-index: 0;}

 #tabs2 ul {
float: left;
width: 330px;
margin-top: -5x;
margin-left: -15px;}

 #tabs2 li {
list-style: none;
display: inline;}

 #tabs2 li,  #tabs2 li a {
float: left;}

 #tabs2 div {
clear: both;
width: 335px;
height: 345px;}

 #tabs2 ul li a {
text-decoration: none;}

.formu_intrigue .texte{
margin-top: 130px;
margin-left: 28px;
text-align:justify;
height: 245px;
width: 335px;
overflow-y: auto;
padding-right: 5px;
font-size: 11px;
word-spacing: 1px;
font-family: Arial;
font-weight: normal;
line-height: 13px;
color: #2C2C2C;}

.formu_intrigue .bloc_info .boxinfo{
position: absolute;
z-index: 40;
width: 157px;
height: 110px;
top: -1px;
left: -1px; 
padding: 20px;
-moz-transition: .5s ease all;
-webkit-transition: .5s ease all;
-o-transition: .5s ease all;
-ms-transition: .5s ease all;
transition: .5s ease all;}

.formu_intrigue .bloc_info:hover .boxinfo{
position: absolute;
z-index: 60;}

.formu_intrigue .bloc_info .boxinfo2{
width: 156px;
height: 120px;
margin: auto;
font-size: 10.5px;
color: #2C2C2C;
font-family: times new roman;
font-weight: lighter;
text-align: justify;
line-height: 10px;
overflow-y: auto;
padding-right:4px;}

.formu_intrigue .bloc_info .dessus{
background: url('http://img15.hostingpics.net/pics/160074intrigue.png');
width: 209px;
height: 164px;
position: absolute;
z-index: 50;
top: -6px;
left: -7px;
opacity: 1;
-moz-transition: .5s ease all;
-webkit-transition: .5s ease all;
-o-transition: .5s ease all;
-ms-transition: .5s ease all;
transition: .5s ease all;}

.formu_intrigue .bloc_info:hover .dessus{
position: absolute;
z-index: 30;
opacity: 0;}


.formu_intrigue .boxinfo .label{
font-size: 8.5px;
font-family: times new roman;
font-weight: lighter;
text-transform: uppercase;
letter-spacing: -1px;
color: #2F5143;
text-shadow: 0px 0px 2px #2F5143, 1px 1px 4px rgba(31,125,98,0.7);}


  /*FORMULAIRE V.15 */

.formu{
margin-top: -20px;
margin-bottom: 15px;}

.formu .haut{
background: url('http://img15.hostingpics.net/pics/520825formuhaut.png');
width: 502px;
height: 304px;
position: relative;}

.formu .milieu{
background: url('http://img15.hostingpics.net/pics/151171formumilieu.png');
background-repeat: repeat-y;
width: 469px;
height: auto;
z-index: 2;
left: 2px;
position: relative;}

.formu .bas{
background: url('http://img15.hostingpics.net/pics/911437formubas.png');
width: 502px;
height: 178px;
position: relative;
z-index: 0;
margin-top: -35px;}

.formu .milieu .signa{
text-align: right;
position: relative;
margin-bottom: -20px;
margin-right: 30px;
posistion: absloute;
font-size: 10px;
letter-spacing: 1px;
word-spacing: 1px;
font-family: Georgia;
font-weight: lighter;
font-style:italic;
color: #18575D;
text-shadow: 1px 1px 1px rgba(0,0,0,0.4);}

.formu .milieu .letexte{
margin: 0px 15px 0px 15px;
text-align:justify;
font-size: 13px;
letter-spacing: -1px;
word-spacing: 0px;
font-family: Arial;
font-weight: normal!important;
line-height: 13px;
color: #2C2C;}

.formu .milieu .image{
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
margin-left: 7px;;
width: 370px!important;}

.formu .milieu .fond_texte{
width: 370px;
padding-bottom: 50px;
margin-left: 8px;
background: #010606;
border: 1px solid #0C0D0C;
border-top: none;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;}

.formu .milieu .citation{
letter-spacing: 0px;
word-spacing: 0px;
text-align :center;
font-family: times new roman;
font-size: 8px;
color: #2C2C2C;
text-transform: uppercase;
margin: 0px 15px 0px 15px;}

.lespoints{
font-size: 19px;
margin: -40px 8px -10px 8px;
text-align: center;
text-indent: -9999px;
border-bottom: 1px solid #2C2C2C;
width: 330px;
opacity: 0.3;}

.letter-container {
padding-top: 110px;
width: 350px;
position: relative;
margin: 0 auto;}

.letter-container h2 a.titre {
letter-spacing: -4px;
word-spacing: -1px;
text-align: center;
font-family: 'Redressed', cursive;
font-size: 35px;
line-height: 17px;
font-weight: normal;
text-transform: lowercase;
display: block;}

.formu .haut .sous {
letter-spacing: 0px;
word-spacing: 0px;
text-align: center;
font-family: times new roman;
font-size: 8px;
line-height: 10px;
font-weight: normal;
text-transform: uppercase;
display: block;
max-width: 280px;
margin: 0 auto;
margin-top: -17px;
color: #373C37;
text-shadow: 1px 0px 1px rgba(0,0,0,0.1);}

.formu .haut .sep{
border-bottom: 1px solid #373C37;
opacity: 0.4;
width: 200px;
margin-left: 150px;
position: absolute;
margin-top: 2px;}

.letter-container h2 a span {
color: #1F7D62;
opacity: 1;
text-shadow: 0px 0px 2px #1F7D62, 1px 1px 4px rgba(31,125,98,0.7);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-animation: sharpen 0.9s linear backwards;
-moz-animation: sharpen 0.9s linear backwards;
-ms-animation: sharpen 0.9s linear backwards;
animation: sharpen 0.9s linear backwards;}

/*formu sous titre*/
.petitr {text-transform: lowercase; font-size: 30px; letter-spacing: -3px; font-family: times new roman; color: #968981;}
.petitrb {border-bottom: 1px solid #495E6D; width: 200px; margin-left: 70px; margin-top: px;}
.petitre {font-family: arial; font-size: 10px; letter-spacing: 1px; font-variant: small-caps;}

 /*QEEL V13*/
.qeel{margin-top: 110px;position: absolute;}
.onglet{display:inline-block;padding-bottom: 17px;}
.onglets{width: 20px;}

.contenu_onglet{
display:none;
width: 263px;
height: 156px;
overflow-y: none;
line-height: 11px;
text-align: justify;}

a.bulleqeel:hover,a.bulleqeel :focus{
outline:none;}

a.bulleqeel span{
line-height: normal;
font-size: 10px;
color: #666666;
font-family: Arial;
text-align: justify;
position:absolute;
z-index: 999;
padding:5px;
margin-top:3px;
margin-left:-100px;
background-color:rgba(17,17,17,0.9);
  border: 1px solid rgba(51,51,51,0.3);
width: 170px !important;
opacity:0;
/*transform*/
-webkit-transform:scale(0) rotateZ(-12deg);
  -moz-transform:scale(0) rotate(-12deg);
    -ms-transform:scale(0) rotateZ(-12deg);
    -o-transform:scale(0) rotate(-12deg);
        transform:scale(0) rotateZ(-12deg);
/*transition*/
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
/*border-radius*/
-webkit-border-radius:20px;
  -moz-border-radius:20px;
        border-radius:20px;
/*box-shadow*/
   box-shadow:2px 2px 2px #000000, inset 0px 0px 20px rgba(0,0,0,0.5);}

a.bulleqeel:hover span, a.bulleqeel:focus span{
opacity:0.8;
  position:abosulute;
  z-index:999;
/*transform*/
-webkit-transform:scale(1) rotateZ(0);
  -moz-transform:scale(1) rotate(0);
    -ms-transform:scale(1) rotateZ(0);
    -o-transform:scale(1) rotate(0);
        transform:scale(1) rotateZ(0);}

a.bulleqeel{
font-size: 15px;
letter-spacing: 2px;
font-family: Trebuchet;
font-weight: bold;}
a.imginfo2, a.imginfo3{
position: relative;
color: #4f453a;
text-decoration: none;
border-bottom: 0px #7D7D7D solid; /* on souligne le texte */}


#INFOBULLE_GROUPE a.bulleqeel .titre{
font-weight:normal;
font-family: 'Redressed', times new roman;
font-size: 20px;
letter-spacing: -1px;
text-transform:lowercase;
color: #9c948d;
text-shadow: 0px 0px 5px #9c948d;}

#INFOBULLE_GROUPE a.bulleqeel .sous{
color: #504f4f;
font-weight: normal;
font-size: 7px;
color:baa358;
text-transform:uppercase;
letter-spacing: 2px;
margin-top: -4px;}

#INFOBULLE_GROUPE a.bulleqeel .texte{
color: #666666;
line-height: 9px;
font-size: 9px;
font-family: arial;
font-weight:normal;
letter-spacing: 0px;
margin-top: -25px;}

/*CHOCOGRENOUILLE*/
.correctionmarginchoco {margin-top: 30px;}
.correctionhauteur {
  height: 350px;}
.correctionmarge1 {
  margin-left: 30px;}
.imagechoco {
  background-repeat:no-repeat;
  height: 180px;
  width: 160px;
  position:relative;
  z-index: 5;}
.correctionmarge2 {
  margin-top: -70px;
  margin-left: -54px;}
.chocogrenouillecarte {
  background-image:url('http://img11.hostingpics.net/pics/313408choco3.png');
  width: 307px;
  height: 315px;
  background-repeat:no-repeat;
  position:relative;
  z-index: 6;}
.correctioncache {margin-top: -320px; margin-left: 240px;}
.interieurcarte {width: 210px; margin-left: 0px; height: 180px; overflow:auto;
font-size: 10px; line-height: 11px;}
.correctionmarge3 {margin-top: -25px;}
.cartepseudo2 {font-family: 'Redressed', sans-serif;
  text-transform: lowercase;
  letter-spacing: -2px;
  font-size: 24px;
  line-height: 25px;
 
  margin-top: -30px;
  color: #294a55;
text-shadow: 0px 0px 3px #294a55;
  position:relative; z-index: 50;
-webkit-transition:all.5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;}
.cartepseudo2:hover, .cartepseudo2:focus {text-shadow: 0px 0px 3px #25453c; letter-spacing: -1px;font-size: 24px;color: #25453c!important; }
.correctionmarge4 {margin-top: -25px;}
.cartequote {font-family: times new roman; text-transform: uppercase; letter-spacing: 1px; font-size: 7px;margin-left: -50px;position:relative; z-index: 3}
.carteborder {border-top: 3px dotted #25453c; margin-top: -20px;position:relative; z-index: 3; margin-left: -40px;}
.cartebloc1 {
background-color: #14140d;
-moz-border-radius: 0px 0px 30px 30px;
-webkit-border-radius: 0px 0px 30px 30px;
border-radius: 0px 0px 30px 30px;
width: 260px;
height: 200px;
margin-left: -100px;
margin-top: -18px;
position:relative;
z-index: 1;
padding: 10px;}
.correctioncarte11 {padding-top: 80px; margin-left: 90px;}
.chocoliens {position:relative; z-index: 999;font-family: 'Open Sans Condensed', sans-serif;  text-transform: uppercase; letter-spacing: 2px; font-size: 8px; color:#b09d5a; }
.chocoliens2 { margin-left: 20px;font-family: 'Open Sans Condensed', sans-serif;  text-transform: uppercase; letter-spacing: 2px; font-size: 8px; color:#b09d5a; }
.correctionliens {margin-left: 80px; padding-top: 0px;}
.cartebloc11 {color: #666666;margin-left: -80px; margin-top: -70px; position:relative; z-index: 1;background-color:#131313;width:347px;height:347px;-moz-border-radius: 347px;-webkit-border-radius: 347px;border-radius:347px; box-shadow:0px 0px 2px #000000, 0px 0px 30px rgba(0,0,0,0.7) inset;}

.numerocarte{
padding-top: 96px;
margin-left: 63px;
-moz-transform:rotate(-10deg);
color: #7f7363;
font-size: 10px;
font-family: times new roman;}

.prenomsurcarte {
margin-top: 73px;
margin-left: 116px;
-moz-transform:rotate(-10deg);
color: #7f7363;
width: 75px;
height: 20px;
font-family: times new roman;
font-size: 8px;
text-transform: uppercase;}

.cachereveler {
position:relative;
z-index: 7;
-moz-transform:rotate(10deg);
width: 20px;
height: 100px;}

.cartelabel {
font-family: arial;
 color: #2b424e;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 0px;
-webkit-transition:all.5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
font-weight: bold;}
.cartelabel:hover, .cartelabel:focus{color:#2f5142; text-shadow: 0px 0px 3px #2f5142;letter-spacing: 1px;}

.reveler:hover, reveler :focus, a.reveler:hover,a.reveler :focus {
outline: none;}

reveler a {
width: 38px;
height: 25px;}
 
a.reveler span {
margin-left: 0px;
width: 230px !important;
height: 200px;
background-color: #131313;
color: #666666;
font-family: Arial !important;
font-size: 10px;
ont-weight: normal;
text-align: justify;
padding: 10px;
margin-top: -30px;
opacity:0;
/*transition*/
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
/*border-radius*/
  border-radius: 60px;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
position:absolute;
z-index:2;
  -webkit-transform:scale(0));
  -moz-transform:scale(0) ;
    -ms-transform:scale(0) ;
    -o-transform:scale(0) ;
        transform:scale(0);}

a.reveler:hover span, a.reveler:focus span{
opacity:1;
position:absolute;
z-index:3;
  -webkit-transform:scale(1));
  -moz-transform:scale(1) ;
    -ms-transform:scale(1) ;
    -o-transform:scale(1) ;
        transform:scale(1);
position:absolute;}

/*FORMU RP SAISON 2*/
.formurpgif {width: 230px; height: 150px; -moz-border-radius: 200px;}
.formurpfond1 {padding-bottom: 30px;border: 1px dotted rgba(51,51,51,0.3);width: 470px; border-radius: 50px; box-shadow: 0px 0px 2px black, inset 0px 0px 40px rgba(0,0,0,0.6); background-color: #131313;}
.formurpfond2 {margin-top: -20px; background-color: #080808; border-radius: 200px; padding: 10px; height: 160px; width: 250px;}
.vava1 {width: 120px; height: 150px; border-radius: 10px; box-shadow: 0px 0px 5px black; -moz-transform:rotate(-5deg);}
.vava2 {width: 120px; height: 150px; border-radius: 10px; box-shadow: 0px 0px 5px black; -moz-transform:rotate(5deg); margin-left: -20px;}
.formurptitre1 {font-family: 'Redressed', Times New Roman; font-size: 22px; letter-spacing: -3px; text-shadow: 0px 0px 3px #244138; color: #244138; text-transform: lowercase;}
.formurpborder {border-top: 3px dotted #555555; width: 400px;}
.formurptitre2 {font-family: times new roman; font-size: 8px;  letter-spacing -1px; text-transform: uppercase; margin-top: -1px;}
.formurpfond3 {background-color: #080808; border: 1px solid #111111; padding: 10px; border-radius: 20px; margin-left: 40px; margin-right: 40px;}
.formurpecriture {font-family: arial; font-size: 11px; line-height: 11px;}
.champetoile {font-weight: bolder; color: #244138; font-size: 10px; text-shadow: 0px 0px 3px #244138; text-transform:uppercase;}

/*DEFIS*/

.defis1 {background-color: #0e0b07; -moz-border-radius: 40px; -webkit-border-radius: 40px;border-radius: 40px;border: 1px solid #392d1e; padding: 10px;}
.defistitre {font-family: Times New Roman; letter-spacing: -3px; font-size: 30px; text-shadow: 1px 1px 1px black; text-transform: lowercase; margin-top: -18px; color: #3e5e53;}
.defistitre2 {font-variant: small-caps; letter-spacing: 1px; font-size: 10px; margin-top: -18px;}
.defisbord {border-bottom: 3px dotted #41372a;}

/*RP GARANCE*/
.garance{
margin: 0 auto;
width: 445px;
text-align: justify;
font-size: 12px;
line-height: 14.25px;
font-family: Tahoma!important;}

.garance .dialogue{
font-family: georgia;
font-weight: 700;
font-style : italic;
color:#55477D;
letter-spacing: 0px;}

.garance .dialogue:before{content: '« '; color:#868279;}
.garance .dialogue:after{content: ' »'; color:#868279;}

Resulta?


Até mais.

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Css e html

Mensagem por DemiD em 13/01/13, 09:03 pm

@StyLe® escreveu:Olá!

Não entendi muito bem, mais se você quiser o css do fórum citado acima aqui estar
Código:
/*NOUVELLE VERSION, PAS TOUCHER */

/*SELECTION CONTENU CODE*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

/*SELECTION TEXTE*/
/* Firefox */
::-moz-selection {background:#244138;color:#eeeeee;}       
/* Autres Navigateurs */
::selection {background:#244138;color:#eeeeee;}

/*ZONE DE TEXTE*/

input,textarea, select {
color : #2A2A2A;
font: normal 11px Arial;
background-color : #080804 !important;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 3px;
border: 1px dotted #0E0E0A;}

input, input.post, textarea.post, select {
color : #2A2A2A;
padding: 3px;
background-color : #030303 !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 1px dotted #0E0E0A;}

/*CITATION & CODE*/

.quote{
padding: 10px;
font-family: Arial,Tahoma,Arial Narrow,Georgia, Times New Roman;
font-size: 11px;
color: #2A2A2A;
font-variant: small-caps;
line-height: 125%;
background-color: #030303;
border: #0E0E0A 1px dotted;
padding: 10px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}

.code{
padding: 10px;
font-family: Arial,Tahoma,Arial Narrow,Georgia, Times New Roman;
font-size: 11px;
color: #2A2A2A;
font-variant: small-caps;
line-height: 125%;
background-color: #030303;
border: #0E0E0A 1px dotted;
padding: 10px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}

/*PERSONNALISATION DU GRAS, ITALIQUE ET SOULIGNE*/
i {
color: #2F5143;
font-style: italic;
font-family: Georgia;}

u { text-decoration: none !important;
border-bottom: 1px dotted #18575D!important;
color: #2F5143; }

  /*LIENS ET MENU*/
a, a:link, a:visited, a:active{text-decoration: none; -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in;
-ms-transition: color .3s ease-in; -o-transition: color .3s ease-in; transition: color .3s ease-in;}
a:hover{text-decoration: none !important; cursor : nw-resize;}

.mainmenu img{display:none}
a.mainmenu{
font-family: georgia;
font-size: 20px;
color: #2F5143;
text-shadow: 0px 0px 3px rgba(47,81,67,0.9);
letter-spacing: -3px;
text-transform: lowercase;}

a.mainmenu:hover{
color: #18575D;
text-shadow: 0px 0px 5px rgba(24,87,93,0.9);}

/*ENLEVER IMAGE CHEMIN DE NAVIGATION*/
.nav img{display: none !important;}
  /*REGLAGES EN TOUT GENRE V.15 */
.catHead{padding:0px;border: none;}
.catBottom{padding:0px;border: none;}
td.catLeft {border-width:0px 0px 0px 0px !important;}
td.catBottom {border-width:0px 0px 0px 0px  !important;}
td.catHead{border-width:0px 0px 0px 0px  !important;}
td.catLeft {border-width:0px 0px 0px 0px !important;}
th.thHead,td.catHead {border-width: 0px 0px 0 0px;}
th.thSides,td.catSides,td.spaceRow {border-width: 0 0px;}
th.thRight,td.catRight,td.row3Right {border-width: 0 0px 0 0;}
th.thLeft,td.catLeft { border-width: 0 0 0 0px;}
th.thBottom,td.catBottom {border-width: 0 0px 0px 0px;}
th.thTop {border-width: 0px 0 0;}
th.thCornerL {border-width: 0px 0 0 0px;}
th.thCornerR {border-width: 0px 0px 0 0;}

/*ENLEVER IMAGE CHEMIN DE NAVIGATION*/
.nav img{
display: none !important;}

/*CHATBOX*/
body.chatbox {
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background: #090909;
border-bottom: 1px solid #000000;}

#chatbox_header {
height: 30px;
background: #090909;}

#chatbox_header .cattitle{
font-size: 20px;
letter-spacing: -1px;
text-transform: lowercase;
color: #18575D!important;
margin-left: 20px;
font-weight: lighter!important;
text-shadow: 0px 0px 1px #18575D, 0px 0px 1px rgba(24,87,93,0.7);}

#chatbox_members .online-users, #chatbox .date-and-time,
#chatbox .msg, #chatbox .user-msg, #chatbox .user{
font-size: 12px;
font-weight: normal!important;
font-family: Arial;}

  /*REGLAGES "VOIR PROFIL UTILISATEUR" V.15 */
.vuprofil .thHead, .vuprofil .catLeft, .vuprofil .catRight,
.vuprofil .catLeft .gen, .vuprofil .catRight .gen{background: rgba(5,5,5,0.5);color: #2F5143!important;}
.image_rpg img{width: 370px; height: auto;}
.contenueprofil img{max-width: 300px; height: auto;}
.avatarduprofil img{-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}

.TIRETS1, .TIRETS2, .TIRETS3, .TIRETS4, .TIRETS5, .TIRETS5 .label{
text-transform: uppercase;
font-size: 7.5px;
color: #2F5143;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
letter-spacing: 2px;
word-spacing: -2px;
font-family: Times new roman;}

.contenueprofil{
text-align: justify;
line-height: 11.5px;
font-size: 11.5px;
color: #2C2C2C;
margin-bottom: 3.5px;
display:inline-block;}

.contenueprofil textarea{
font: normal 10px Arial;
text-align: justify;
line-height: 9px;
background-color: #14120F!important; 
border-color: #100F0C;
color: #322E25;
width: 230px!important;}

/*ENLEVER EDITER PAR*/
tr.post span.gensmall { display: none; }

/*BODY ET CATE V.15 */
body {
margin-top:0px;
background-position: top center;
background-attachment: scroll;
background-color:#000000;
background-repeat: no-repeat;
overflow-x:hidden;}

.bodyline{
background-color: #050505;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
padding: 20px 0;}

.forumline, .forumline_sujet, .forumline2{
background: #090909;
width: 716px;
height: auto;
margin: 0 auto;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;}

.forumline_sujet{
width: 765px;
margin: 0 auto;}

.forumline_smilies{
background: #090909;}

.forumline.module-advert {
background-color:#050505!important;
border:0px;
box-shadow:none;}

.catégorie .header{
background-image: url('http://img4.hostingpics.net/pics/256066CATHAUT.png');
width: 741px;
height: 198px;
margin-top: 40px;
position: relative;
z-index:0;
padding-top: 30px;}

.catégorie .header img{
margin-top: -75px;/* valeur initial -65px */}

.catégorie .header h2{
font-size: 30px;
color: #18575D;
font-family: 'Eagle Lake', cursive;
text-transform: lowercase;
letter-spacing: -1px;
word-spacing: 2px;
text-shadow: 0px 0px 1px #18575D, 0px 0px 5px rgba(24,87,93,0.7);}

.catégorie .milieu{
background-image: url('http://img4.hostingpics.net/pics/864623CATMILIEU.png');
width: 741px;
height: auto;
position: relative;
z-index:1;
padding-top: 20px;
border: 1px solid transparent!important;
-moz-border-radius: 0px 0px 300px 300px;
-webkit-border-radius: 0px 0px 300px 300px;
border-radius: 0px 0px 300px 300px;}

.catégorie .footer{
background-image: url('http://img11.hostingpics.net/pics/135422CATBASBB.png');
width: 741px;
height: 225px;
margin-top: -230px;
position: relative;
z-index:2!important;
margin-bottom: -1px;}

.catégorie .bloc1{
position: relative;
z-index: 3;
width: 510px;
height: 175px;
top: -125px;
left: -250px;}

.catégorie .bloc2{
position: relative;
z-index: 4;
width: 510px;
height: 175px;
top: -298px;
left: 90px;}

.catégorie .fond{
background: url('http://img4.hostingpics.net/pics/347103catbloc.png');
width: 448px;
height: 223px;
position: relative;
z-index: 4;}

.catégorie .forumlink_bloc{
width:320px;
height: 30px;
position: absolute;
top: 20px;
right: 65px;
background: #050505;
border: 1px solid #0A0A0A;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding-top: 5px;
padding-bottom: 5px;}

a.forumlink{
font-family: courier new;
text-transform: uppercase;
color: #18575D!important;
font-size: 19px;
font-weight: lighter!important;
text-decoration: none;
text-shadow: 0px 0px 5px rgba(24,87,93,0.9);
word-spacing: -4px;}

a.forumlink:hover{
color: #2F5143!important;
text-shadow: 0px 0px 3px rgba(47,81,67,0.9);}

a.forumlink .long{
letter-spacing: -2px;
word-spacing: -7px;}

.catégorie .citation{
width: 305px;
margin: 0 auto;
text-align: center;
color: #252525;
text-transform: uppercase;
font-size: 7px;
font-family: times new roman;
letter-spacing: 0px;
word-spacing: 0px;
margin-top: -5px;
opacity: 0.8;}

.catégorie .citation .sep{
border-bottom: 1px solid #252525;
width: 280px;
margin: 0 auto;
  opacity: 0.7;}

.catégorie .fond .lastpost{
width: 127px;
height: 55px;
position: absolute;
z-index: 1px;
top: 100px;
right: 26px;
font-weight: lighter!important;
font-size: 9px;
text-transform: lowercase;
font-family: Arial;
color: #303030!important;}

.catégorie .fond .lastpost a{
text-transform: lowercase;
font-weight: lighter!important;}

.catégorie .ladescription .titre{
text-transform: uppercase;
font-size: 7.5px;
color:#143041;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
letter-spacing: 2px;
word-spacing: -2px;
font-family: Times new roman;}

.catégorie .blockdescription{
top: -393px;
left: -78px;
float : left!important;
position: relative;
width: 200px;
height: 95px;
text-align: justify;
line-height: 10px;
font-size: 11px;
overflow-y: auto;
padding-right: 4px;
z-index: 5;}

.catégorie .boxinfo{
background-image:url('http://img4.hostingpics.net/pics/313145aloho.png');
background-repeat:no-repeat;
width: 238px;
height: 184px; 
margin-left: 200px;
margin-top: -505px;
position:relative;
z-index: 3;
margin-bottom: 130px;
webkit-transition:all.5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;}

.catégorie .boxinfo:hover {
margin-top: -477px;
margin-bottom: 130px;}

.catégorie .boxinfo .info{
color: #2C2C21;
font-family: arial;
font-style: normal;
font-size: 10px;
height: 25px;
width: 200px;
top: 105px;
left: 10px;
text-align: center;
position: absolute;
text-shadow: 0px 0px 2px rgba(0,0,0,0.6);}


/* NAVIGATION RAPIDE COULISSANTE ET TOUT */

.navigation{
width: 207px;
height: 212px;
position: relative;
z-index: 45;
margin-left: 15px;
margin-top: -430px;
background: url('http://img4.hostingpics.net/pics/707906cerclesous.png');}

#coulisse{
position:relative;
height:212px !important;
width:207px !important;
margin-left: -1px;
margin-top: -1px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-align: center;}

#coulisse .image  {
background: url('http://img4.hostingpics.net/pics/711440cerclesur.png');
background-repeat: no-repeat !important;
width: 207px!important;
height: 212px!important;
position:absolute;
margin-left: 0px;
margin-top: 0px;
z-index: 3;
opacity: 1;
overflow: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;}

#coulisse:hover .image {
opacity:0;
position: relative;
z-index: 1;}

#coulisse .lien{
position:absolute;
z-index: 2;
width: 140px;
height: 110px;
padding: 5px 0;
top: 65px;
left: 35px;
text-align:center;}

#coulisse .lien a{
color:#2F5143;
width: 135px;
font-size: 11px;
line-height: 10px;
vertical-align:middle;
display:inline-block;
text-align:left;
letter-spacing: 1px;}

#coulisse .lien a:hover{
color: #18575D;}

#coulisse .lien a:before{
  content:"# ";}

/* LA CATEGORIE SUJET V.15 */

.catégorie .déroulant_sujet {
z-index: 3;
width: 750px;
height: 60px;
margin-bottom: 10px;
overflow: hidden;
  position:relative;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-webkit-transition: all 1s;
-htm-transition: all 1s;}

.catégorie .déroulant_sujet:hover {
height: 230px;
  -moz-transition: all 5s;
-o-transition: all 5s;
-webkit-transition: all 5s;
-htm-transition: all 5s;}

/* ORGANISATION DES SUJETS V.15 */

.catégorie .bloc3{
position: relative;
z-index: 3;
  top: -105px;}

.catégorie .bloc4{
min-height: 115px;
height: auto;}

.liste_sujets{
background-color: rgba(11, 11, 11, 0.6);
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
width: 85%;
height: auto;
margin-bottom: 10px;
padding: 3px;
margin-left: 5px;
box-shadow:
    1px 1px 1px 0px rgba(0, 0, 0, 0.1),
    1px 1px 1px 0px rgba(0, 0, 0, 0.1);}

.liste_sujets .gensmall{
color: #2C2C2C;
font-size: 10px;}

.liste_sujets .postdetails{
color: #2C2C2C;
font-size: 10px;}

.liste_sujets .letableau{
diplay: inline;}

.liste_sujets .info{
font-size: 11px;
line-height: 10px;
text-align: justify;
margin-right: 7px;
border-left: 3px dotted #0F0F0F;
padding-left: 3px;
font-style : normal;
color: #2C2C2C;}


.liste_sujets .topictitle{
font-size: 13px;
margin-left: 0px;
font-family: Arial;
letter-spacing: -1px;}

.liste_sujets .topic_info{
font-size: 11px;
font-family: Arial;
letter-spacing: -1px;
margin-right: 5px;
display: inline-block;
color: #2C2C2C;}

.liste_sujets .topictitle2 img{
margin-right: -10px;}

.liste_sujets .auteur, .liste_sujets .name{
font-size: 9px;
font-family: Arial;
color: #2C2C2C;}

.liste_sujets .description1{
margin: 5px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 11px;
line-height: 10px;
text-align: justify;
height: auto;
color: #2C2C2C;}

/*ORGANISATION D'UN SUJET V.15*/

.cattitle{
font-size: 25px;
letter-spacing: -1px;
text-transform: lowercase;
color: #2F5143!important;
font-family: 'Redressed', cursive;
text-shadow: 0px 0px 1px #2F5143, 0px 0px 5px rgba(47,81,67,0.7);}

.cattitle2{
font-size: 15px;
letter-spacing: -1px;
text-transform: lowercase;
color: #2F5143!important;
font-family: 'Redressed', cursive;
text-shadow: 0px 0px 1px #143B1D;}

.nav2{
margin-left: 40px;}

.déroulant_post {
z-index: 3;
width: 750px;
height: 60px;
margin-bottom: -25px;
overflow: hidden;
  position:relative;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-webkit-transition: all 1s;
-htm-transition: all 1s;}

.déroulant_post:hover {
height: 130px;
-moz-transition: all 5s;
-o-transition: all 5s;
-webkit-transition: all 5s;
-htm-transition: all 5s;}

.postbody {
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 6px;
padding-right: 10px;
text-align:justify;}

.barre_inter_message{
border-bottom: 1px #1A1A1A solid;
width: 65%;
margin-top: 5px;
margin-bottom: 5px;}

.barre_inter_message_fin{
border-bottom: 1px #1A1A1A solid;
width: 85%;
margin-top: -30px;
margin-bottom: -20px;}

/*ORGANISATION DU PROFIL V.15 */

 .flotteur{
z-index: 500;
float : left!important;
position: relative;
margin-top: -10px;
margin-left: 0px;
margin-bottom: 40px;}

.profil_haut{
width: 231px;
height: 170px;
background-repeat:no-repeat;
background-image:url('http://img15.hostingpics.net/pics/466423profilhaut.png');
position: relative;}

.profil_milieu{
background-image:url('http://img15.hostingpics.net/pics/909610profilmilieu3.png');
width:231px;
height: auto;
background-repeat:repeat-y;                           
position: relative;
z-index: 6;}

.profil_bas{
width:231px;
height:107px;
background-image:url('http://img15.hostingpics.net/pics/992505profilbas.png');
position: relative;
z-index:5;
margin-top: -30px;}

.profil_milieu .imgonline{
background: url('http://img11.hostingpics.net/pics/564319offline.png') no-repeat;
width: 55px;
height: 170px;
top: -72px;
left: -55px;
position: absolute;
z-index: 990;}

.profil_milieu .correction{
width: 199px;
margin: 0 auto;
margin-left: 0px;
position: relative!important;
z-index: 50;
padding-top: 300px;}

.profil_milieu .correction_inter{
position: absolute;
top: -54px;
left: 5px;}

.profil_milieu .correction2{
width: 199px;
margin-left: -15px;
margin-top: 5px;
position: relative!important;
z-index: 50;}

.profil_milieu .vava{
width: 200px;
height: 320px;
position: relative;}

.profil_milieu .vava img{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
position: relative;}

.profil_haut .name{
margin-bottom: 0px;
font-size: 14.5px;
font-family: Times new roman;
letter-spacing: -2.5px;
word-spacing: 3px;
text-transform: uppercase;
font-weight: normal;
font-style: normal;
text-align: center;
line-height: 15px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: relative;
z-index: 60;
text-shadow: 1px 0px 2px rgba(0,0,0,0.3);}

.profil_haut .name:hover{
letter-spacing: -3px;
word-spacing: 0px;}

.profil_haut .rang{
font-size: 7px;
text-align: center;
line-height: 7px;
letter-spacing: 1px;
font-family: Times new roman;
text-transform:uppercase;
position:relative;
color: #2A2A29;
z-index: 999;
opacity: 0.8;}

.profil_haut .rangsep{
border-top: #121211 solid 1px;
width: 155px;
margin-right:auto;
margin-left: auto;
margin-top: 1px;
position:relative;
opacity: 0.6;}

.profil_haut .fond_name{
top: 71px;
left: 10px;
position: relative;
z-index: 999;
background-color: rgba(10, 10, 10, 0.8); 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 180px;
height: 29px;
text-align: center;
position: absolute;
z-index: 0;
padding: 3px;
padding-top: 7px;
pading-bottom: 1px;}

.profil_milieu .rang2{
margin-top: -65px;
margin-left: 8px;
position: relative;
z-index: 150;
height: 49px;}

.profil_milieu .détail{
position:relative;
margin: 0 auto;
text-align: justify;
line-height: 9px;
font-size: 10px;
background-color: rgba(10, 10, 10, 0.8); 
border: 1px solid rgba(10, 10, 10, 0.85);
padding: 10px;
padding-bottom: 25px;
width: 170px;
height: auto;
color: #2C2C2C;
border-radius: 10px;
font-family: Arial;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}

.profil_milieu .détail .card{
color: #373737;
text-transform: uppercase;
font-family: times new roman;
letter-spacing: -2px;
word-spacing: -1px;
font-size: 16px;
text-align: center;
font-weight: bold;
font-style: normal;}

.profil_milieu .détail .card2{
font-size: 6px;
text-align: center;
line-height: 7px;
letter-spacing: 2.5px;
word-spacing: 1px;
font-family: Times new roman;
text-transform:uppercase;
position:relative;
color: #2A2A29;
z-index: 999;
border-bottom: #121211 solid 1px;
width: 162px;
margin-right:auto;
margin-left: auto;
margin-top: 1px;
position:relative;
opacity: 0.6;
margin-bottom: 20px;}

.profil_milieu .détail .label{
text-transform: uppercase;
font-size: 7px;
color: #17414B;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
letter-spacing: 2px;
word-spacing: -2px;
font-family: Times new roman;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.profil_milieu .détail .label:hover{
letter-spacing: 1.5px;}

.profil_milieu .détail .contenu img{
width: 170px!important;
margin-bottom: 10px;
margin-top: -5px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
opacity: 0.7;
position: relative;
z-index: 999;
-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;}

.profil_milieu .détail:hover .contenu img,
.profil_milieu .détail:focus .contenu img{
-webkit-transform: rotateZ(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform:rotateZ(-360deg);
-o-transform:rotate(-360deg);
transform: rotateZ(-360deg);
opacity: 0.95;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

.profil_milieu .contact{
color: #17414B;
margin: 0 auto;
width: 100%;
margin-top: 15px;
text-align: center;
font-size: 12px;
letter-spacing: 5px;}

.profil_milieu .contact img{
margin-right: -6px;}

.flotteur .profil_tire{
background: url('http://img15.hostingpics.net/pics/529095apparecium.png');
width: 207px;
height: 310px;
margin-top: -485px;
margin-bottom: 50px;
margin-left:-18px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
padding-top: 260px;}

.flotteur .profil_tire:hover{
margin-top: -265px;
margin-bottom: 0px;}

.flotteur .profil_tire .personnage{
width: 162px;
height: 245px;
text-align: left;
font-family: arial;
color: #020302;
line-height: 9px;
font-size: 10px;}

.flotteur .profil_tire .ff{
display:inline-block;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 9px;
text-transform: lowercase;
opacity: 0.9;
color: #365F50;
letter-spacing: -1px;
font-weight: lighter!important;
font-family: 'Redressed', cursive;
font-size: 28px;
text-shadow: 0px 0px 2px rgba(54,95,80,0.5);}

.flotteur .profil_tire .gg{
color: #020302;
text-transform: uppercase;
font-size: 6.5px;
font-family: arial;
letter-spacing: 1px;
word-spacing: -1px;
margin-left: 15px;
border-top: 1px solid #17414B;
padding-top: 1px;}

.flotteur .profil_tire .label,
.flotteur .profil_tire .color1{
text-transform: uppercase;
font-size: 7px;
color: #365F50;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
letter-spacing: 2px;
word-spacing: -2px;
font-family: Times new roman;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.flotteur .profil_tire .label{
margin-top: 3.5px;
display:inline-block;}

.flotteur .profil_tire .label:hover,
.flotteur .profil_tire .label:hover .color1{
letter-spacing: 1.5px;}


.flotteur .profil_tire textarea {
font: normal 10px Arial;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 95%;
text-align: justify;
line-height: 9px;
background-color: #090504!important; 
border-color: #090605;
color: #322E25;}

  /*ORGANISATION EN TOUT GENRE, LISTE MEMBRES, GROUPES, ECT V.15*/

.sep_dela_liste_membre{
width: 650px;
border-bottom: 1px solid #31312E;
margin-left: 5px;
margin-bottom: 10px;}

.catégorie .correction_milieu{
position: relative;
z-index: 50!important;
top: -145px;
left: 0px;}

.sep_des_groupes{
width: 650px;
border-bottom: 1px solid #31312E;
margin-top: 20px;
margin-bottom: 10px;}

.signa_boite .forumline{
padding-left: 0px!important;
background:transparent;}

.signa_boite textarea#text_editor_textarea{
width: 425px!important;}

.signa_boite #text_editor_controls{width: 425px!important;}

.signa_boite .forumline_smilies{
background:transparent;}

 /*FORMULAIRE INTRIGUE V.15 */

.formu_intrigue{
margin-top: 80px;
margin-bottom: 25px;}

.formu_intrigue .fond{
background: url('http://img15.hostingpics.net/pics/297098intriguefond.png');
width: 501px;
height: 481px;
position: relative;
margin-top: -250px;
padding-top: 250px}

.formu_intrigue .blend{
margin-top: 0px;
margin-left: -190px;
position: relative;
width: 240px;
height: 150px;}

.formu_intrigue .bloc_titre{
position: absolute;
z-index: 50;
top: 252px;
left: 100px;}

.formu_intrigue .bloc_info{
position: absolute;
z-index: 40;
width: 197px;
height: 150px;
top: 78px;
left: 253px;}

.formu_intrigue .bloc_contenu{
position: absolute;
z-index: 30;
left: 95px;}

.formu_intrigue .titre{
padding-top: 25px;
margin-left: 0px;
position: relative;
z-index: 10;
font-family: 'Redressed', cursive;
font-size: 30px;
letter-spacing: -3px;
word-spacing: -1px;
text-transform: lowercase;
color: #2F5143;
text-shadow: 0px 0px 2px #2F5143, 1px 1px 4px rgba(31,125,98,0.7);}

.formu_intrigue .titre2{
margin-top: 7px;
position: relative;
z-index: 5;
font-weight: normal;
letter-spacing: 0px;
word-spacing: -1px;
font-family: times new roman;
font-size: 8px;
color: #2C2C2C;
text-transform: uppercase;
width: 270px;
margin-left: 13px;
border-bottom: 1px solid rgba(44, 44, 44, 0.2);
padding-top: 0px;
line-height: 12px;}

.formu_intrigue .instruction,
.formu_intrigue .intrigue{
background: url('http://img15.hostingpics.net/pics/988068737319intriguetop.png');
width: 144px;
height: 44px;
display: block;}

 #tabs2 {
margin-top: -175px;
margin-left: -40px;
position: relative;
z-index: 0;}

 #tabs2 ul {
float: left;
width: 330px;
margin-top: -5x;
margin-left: -15px;}

 #tabs2 li {
list-style: none;
display: inline;}

 #tabs2 li,  #tabs2 li a {
float: left;}

 #tabs2 div {
clear: both;
width: 335px;
height: 345px;}

 #tabs2 ul li a {
text-decoration: none;}

.formu_intrigue .texte{
margin-top: 130px;
margin-left: 28px;
text-align:justify;
height: 245px;
width: 335px;
overflow-y: auto;
padding-right: 5px;
font-size: 11px;
word-spacing: 1px;
font-family: Arial;
font-weight: normal;
line-height: 13px;
color: #2C2C2C;}

.formu_intrigue .bloc_info .boxinfo{
position: absolute;
z-index: 40;
width: 157px;
height: 110px;
top: -1px;
left: -1px; 
padding: 20px;
-moz-transition: .5s ease all;
-webkit-transition: .5s ease all;
-o-transition: .5s ease all;
-ms-transition: .5s ease all;
transition: .5s ease all;}

.formu_intrigue .bloc_info:hover .boxinfo{
position: absolute;
z-index: 60;}

.formu_intrigue .bloc_info .boxinfo2{
width: 156px;
height: 120px;
margin: auto;
font-size: 10.5px;
color: #2C2C2C;
font-family: times new roman;
font-weight: lighter;
text-align: justify;
line-height: 10px;
overflow-y: auto;
padding-right:4px;}

.formu_intrigue .bloc_info .dessus{
background: url('http://img15.hostingpics.net/pics/160074intrigue.png');
width: 209px;
height: 164px;
position: absolute;
z-index: 50;
top: -6px;
left: -7px;
opacity: 1;
-moz-transition: .5s ease all;
-webkit-transition: .5s ease all;
-o-transition: .5s ease all;
-ms-transition: .5s ease all;
transition: .5s ease all;}

.formu_intrigue .bloc_info:hover .dessus{
position: absolute;
z-index: 30;
opacity: 0;}


.formu_intrigue .boxinfo .label{
font-size: 8.5px;
font-family: times new roman;
font-weight: lighter;
text-transform: uppercase;
letter-spacing: -1px;
color: #2F5143;
text-shadow: 0px 0px 2px #2F5143, 1px 1px 4px rgba(31,125,98,0.7);}


  /*FORMULAIRE V.15 */

.formu{
margin-top: -20px;
margin-bottom: 15px;}

.formu .haut{
background: url('http://img15.hostingpics.net/pics/520825formuhaut.png');
width: 502px;
height: 304px;
position: relative;}

.formu .milieu{
background: url('http://img15.hostingpics.net/pics/151171formumilieu.png');
background-repeat: repeat-y;
width: 469px;
height: auto;
z-index: 2;
left: 2px;
position: relative;}

.formu .bas{
background: url('http://img15.hostingpics.net/pics/911437formubas.png');
width: 502px;
height: 178px;
position: relative;
z-index: 0;
margin-top: -35px;}

.formu .milieu .signa{
text-align: right;
position: relative;
margin-bottom: -20px;
margin-right: 30px;
posistion: absloute;
font-size: 10px;
letter-spacing: 1px;
word-spacing: 1px;
font-family: Georgia;
font-weight: lighter;
font-style:italic;
color: #18575D;
text-shadow: 1px 1px 1px rgba(0,0,0,0.4);}

.formu .milieu .letexte{
margin: 0px 15px 0px 15px;
text-align:justify;
font-size: 13px;
letter-spacing: -1px;
word-spacing: 0px;
font-family: Arial;
font-weight: normal!important;
line-height: 13px;
color: #2C2C;}

.formu .milieu .image{
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
margin-left: 7px;;
width: 370px!important;}

.formu .milieu .fond_texte{
width: 370px;
padding-bottom: 50px;
margin-left: 8px;
background: #010606;
border: 1px solid #0C0D0C;
border-top: none;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;}

.formu .milieu .citation{
letter-spacing: 0px;
word-spacing: 0px;
text-align :center;
font-family: times new roman;
font-size: 8px;
color: #2C2C2C;
text-transform: uppercase;
margin: 0px 15px 0px 15px;}

.lespoints{
font-size: 19px;
margin: -40px 8px -10px 8px;
text-align: center;
text-indent: -9999px;
border-bottom: 1px solid #2C2C2C;
width: 330px;
opacity: 0.3;}

.letter-container {
padding-top: 110px;
width: 350px;
position: relative;
margin: 0 auto;}

.letter-container h2 a.titre {
letter-spacing: -4px;
word-spacing: -1px;
text-align: center;
font-family: 'Redressed', cursive;
font-size: 35px;
line-height: 17px;
font-weight: normal;
text-transform: lowercase;
display: block;}

.formu .haut .sous {
letter-spacing: 0px;
word-spacing: 0px;
text-align: center;
font-family: times new roman;
font-size: 8px;
line-height: 10px;
font-weight: normal;
text-transform: uppercase;
display: block;
max-width: 280px;
margin: 0 auto;
margin-top: -17px;
color: #373C37;
text-shadow: 1px 0px 1px rgba(0,0,0,0.1);}

.formu .haut .sep{
border-bottom: 1px solid #373C37;
opacity: 0.4;
width: 200px;
margin-left: 150px;
position: absolute;
margin-top: 2px;}

.letter-container h2 a span {
color: #1F7D62;
opacity: 1;
text-shadow: 0px 0px 2px #1F7D62, 1px 1px 4px rgba(31,125,98,0.7);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-animation: sharpen 0.9s linear backwards;
-moz-animation: sharpen 0.9s linear backwards;
-ms-animation: sharpen 0.9s linear backwards;
animation: sharpen 0.9s linear backwards;}

/*formu sous titre*/
.petitr {text-transform: lowercase; font-size: 30px; letter-spacing: -3px; font-family: times new roman; color: #968981;}
.petitrb {border-bottom: 1px solid #495E6D; width: 200px; margin-left: 70px; margin-top: px;}
.petitre {font-family: arial; font-size: 10px; letter-spacing: 1px; font-variant: small-caps;}

 /*QEEL V13*/
.qeel{margin-top: 110px;position: absolute;}
.onglet{display:inline-block;padding-bottom: 17px;}
.onglets{width: 20px;}

.contenu_onglet{
display:none;
width: 263px;
height: 156px;
overflow-y: none;
line-height: 11px;
text-align: justify;}

a.bulleqeel:hover,a.bulleqeel :focus{
outline:none;}

a.bulleqeel span{
line-height: normal;
font-size: 10px;
color: #666666;
font-family: Arial;
text-align: justify;
position:absolute;
z-index: 999;
padding:5px;
margin-top:3px;
margin-left:-100px;
background-color:rgba(17,17,17,0.9);
  border: 1px solid rgba(51,51,51,0.3);
width: 170px !important;
opacity:0;
/*transform*/
-webkit-transform:scale(0) rotateZ(-12deg);
  -moz-transform:scale(0) rotate(-12deg);
    -ms-transform:scale(0) rotateZ(-12deg);
    -o-transform:scale(0) rotate(-12deg);
        transform:scale(0) rotateZ(-12deg);
/*transition*/
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
/*border-radius*/
-webkit-border-radius:20px;
  -moz-border-radius:20px;
        border-radius:20px;
/*box-shadow*/
   box-shadow:2px 2px 2px #000000, inset 0px 0px 20px rgba(0,0,0,0.5);}

a.bulleqeel:hover span, a.bulleqeel:focus span{
opacity:0.8;
  position:abosulute;
  z-index:999;
/*transform*/
-webkit-transform:scale(1) rotateZ(0);
  -moz-transform:scale(1) rotate(0);
    -ms-transform:scale(1) rotateZ(0);
    -o-transform:scale(1) rotate(0);
        transform:scale(1) rotateZ(0);}

a.bulleqeel{
font-size: 15px;
letter-spacing: 2px;
font-family: Trebuchet;
font-weight: bold;}
a.imginfo2, a.imginfo3{
position: relative;
color: #4f453a;
text-decoration: none;
border-bottom: 0px #7D7D7D solid; /* on souligne le texte */}


#INFOBULLE_GROUPE a.bulleqeel .titre{
font-weight:normal;
font-family: 'Redressed', times new roman;
font-size: 20px;
letter-spacing: -1px;
text-transform:lowercase;
color: #9c948d;
text-shadow: 0px 0px 5px #9c948d;}

#INFOBULLE_GROUPE a.bulleqeel .sous{
color: #504f4f;
font-weight: normal;
font-size: 7px;
color:baa358;
text-transform:uppercase;
letter-spacing: 2px;
margin-top: -4px;}

#INFOBULLE_GROUPE a.bulleqeel .texte{
color: #666666;
line-height: 9px;
font-size: 9px;
font-family: arial;
font-weight:normal;
letter-spacing: 0px;
margin-top: -25px;}

/*CHOCOGRENOUILLE*/
.correctionmarginchoco {margin-top: 30px;}
.correctionhauteur {
  height: 350px;}
.correctionmarge1 {
  margin-left: 30px;}
.imagechoco {
  background-repeat:no-repeat;
  height: 180px;
  width: 160px;
  position:relative;
  z-index: 5;}
.correctionmarge2 {
  margin-top: -70px;
  margin-left: -54px;}
.chocogrenouillecarte {
  background-image:url('http://img11.hostingpics.net/pics/313408choco3.png');
  width: 307px;
  height: 315px;
  background-repeat:no-repeat;
  position:relative;
  z-index: 6;}
.correctioncache {margin-top: -320px; margin-left: 240px;}
.interieurcarte {width: 210px; margin-left: 0px; height: 180px; overflow:auto;
font-size: 10px; line-height: 11px;}
.correctionmarge3 {margin-top: -25px;}
.cartepseudo2 {font-family: 'Redressed', sans-serif;
  text-transform: lowercase;
  letter-spacing: -2px;
  font-size: 24px;
  line-height: 25px;
 
  margin-top: -30px;
  color: #294a55;
text-shadow: 0px 0px 3px #294a55;
  position:relative; z-index: 50;
-webkit-transition:all.5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;}
.cartepseudo2:hover, .cartepseudo2:focus {text-shadow: 0px 0px 3px #25453c; letter-spacing: -1px;font-size: 24px;color: #25453c!important; }
.correctionmarge4 {margin-top: -25px;}
.cartequote {font-family: times new roman; text-transform: uppercase; letter-spacing: 1px; font-size: 7px;margin-left: -50px;position:relative; z-index: 3}
.carteborder {border-top: 3px dotted #25453c; margin-top: -20px;position:relative; z-index: 3; margin-left: -40px;}
.cartebloc1 {
background-color: #14140d;
-moz-border-radius: 0px 0px 30px 30px;
-webkit-border-radius: 0px 0px 30px 30px;
border-radius: 0px 0px 30px 30px;
width: 260px;
height: 200px;
margin-left: -100px;
margin-top: -18px;
position:relative;
z-index: 1;
padding: 10px;}
.correctioncarte11 {padding-top: 80px; margin-left: 90px;}
.chocoliens {position:relative; z-index: 999;font-family: 'Open Sans Condensed', sans-serif;  text-transform: uppercase; letter-spacing: 2px; font-size: 8px; color:#b09d5a; }
.chocoliens2 { margin-left: 20px;font-family: 'Open Sans Condensed', sans-serif;  text-transform: uppercase; letter-spacing: 2px; font-size: 8px; color:#b09d5a; }
.correctionliens {margin-left: 80px; padding-top: 0px;}
.cartebloc11 {color: #666666;margin-left: -80px; margin-top: -70px; position:relative; z-index: 1;background-color:#131313;width:347px;height:347px;-moz-border-radius: 347px;-webkit-border-radius: 347px;border-radius:347px; box-shadow:0px 0px 2px #000000, 0px 0px 30px rgba(0,0,0,0.7) inset;}

.numerocarte{
padding-top: 96px;
margin-left: 63px;
-moz-transform:rotate(-10deg);
color: #7f7363;
font-size: 10px;
font-family: times new roman;}

.prenomsurcarte {
margin-top: 73px;
margin-left: 116px;
-moz-transform:rotate(-10deg);
color: #7f7363;
width: 75px;
height: 20px;
font-family: times new roman;
font-size: 8px;
text-transform: uppercase;}

.cachereveler {
position:relative;
z-index: 7;
-moz-transform:rotate(10deg);
width: 20px;
height: 100px;}

.cartelabel {
font-family: arial;
 color: #2b424e;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 0px;
-webkit-transition:all.5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
font-weight: bold;}
.cartelabel:hover, .cartelabel:focus{color:#2f5142; text-shadow: 0px 0px 3px #2f5142;letter-spacing: 1px;}

.reveler:hover, reveler :focus, a.reveler:hover,a.reveler :focus {
outline: none;}

reveler a {
width: 38px;
height: 25px;}
 
a.reveler span {
margin-left: 0px;
width: 230px !important;
height: 200px;
background-color: #131313;
color: #666666;
font-family: Arial !important;
font-size: 10px;
ont-weight: normal;
text-align: justify;
padding: 10px;
margin-top: -30px;
opacity:0;
/*transition*/
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
/*border-radius*/
  border-radius: 60px;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
position:absolute;
z-index:2;
  -webkit-transform:scale(0));
  -moz-transform:scale(0) ;
    -ms-transform:scale(0) ;
    -o-transform:scale(0) ;
        transform:scale(0);}

a.reveler:hover span, a.reveler:focus span{
opacity:1;
position:absolute;
z-index:3;
  -webkit-transform:scale(1));
  -moz-transform:scale(1) ;
    -ms-transform:scale(1) ;
    -o-transform:scale(1) ;
        transform:scale(1);
position:absolute;}

/*FORMU RP SAISON 2*/
.formurpgif {width: 230px; height: 150px; -moz-border-radius: 200px;}
.formurpfond1 {padding-bottom: 30px;border: 1px dotted rgba(51,51,51,0.3);width: 470px; border-radius: 50px; box-shadow: 0px 0px 2px black, inset 0px 0px 40px rgba(0,0,0,0.6); background-color: #131313;}
.formurpfond2 {margin-top: -20px; background-color: #080808; border-radius: 200px; padding: 10px; height: 160px; width: 250px;}
.vava1 {width: 120px; height: 150px; border-radius: 10px; box-shadow: 0px 0px 5px black; -moz-transform:rotate(-5deg);}
.vava2 {width: 120px; height: 150px; border-radius: 10px; box-shadow: 0px 0px 5px black; -moz-transform:rotate(5deg); margin-left: -20px;}
.formurptitre1 {font-family: 'Redressed', Times New Roman; font-size: 22px; letter-spacing: -3px; text-shadow: 0px 0px 3px #244138; color: #244138; text-transform: lowercase;}
.formurpborder {border-top: 3px dotted #555555; width: 400px;}
.formurptitre2 {font-family: times new roman; font-size: 8px;  letter-spacing -1px; text-transform: uppercase; margin-top: -1px;}
.formurpfond3 {background-color: #080808; border: 1px solid #111111; padding: 10px; border-radius: 20px; margin-left: 40px; margin-right: 40px;}
.formurpecriture {font-family: arial; font-size: 11px; line-height: 11px;}
.champetoile {font-weight: bolder; color: #244138; font-size: 10px; text-shadow: 0px 0px 3px #244138; text-transform:uppercase;}

/*DEFIS*/

.defis1 {background-color: #0e0b07; -moz-border-radius: 40px; -webkit-border-radius: 40px;border-radius: 40px;border: 1px solid #392d1e; padding: 10px;}
.defistitre {font-family: Times New Roman; letter-spacing: -3px; font-size: 30px; text-shadow: 1px 1px 1px black; text-transform: lowercase; margin-top: -18px; color: #3e5e53;}
.defistitre2 {font-variant: small-caps; letter-spacing: 1px; font-size: 10px; margin-top: -18px;}
.defisbord {border-bottom: 3px dotted #41372a;}

/*RP GARANCE*/
.garance{
margin: 0 auto;
width: 445px;
text-align: justify;
font-size: 12px;
line-height: 14.25px;
font-family: Tahoma!important;}

.garance .dialogue{
font-family: georgia;
font-weight: 700;
font-style : italic;
color:#55477D;
letter-spacing: 0px;}

.garance .dialogue:before{content: '« '; color:#868279;}
.garance .dialogue:after{content: ' »'; color:#868279;}

Resulta?


Até mais.




Mas e essa folha de CSS???

http://beauxbatons-vs.forumactif.com/24-ltr.css


É possível colocar o CSS inteiro dela ao invés do CSS acima??
avatar

DemiD
Nível 2

Feminino
Inscrito dia : 11/01/2013
Mensagens : 9
Pontos Ativos : 15

Ver perfil do usuário http://rpgsud.forumeiros.com/forum https://www.facebook.com/kellydarkbr https://twitter.com/kellydark

Resolvido Re: Css e html

Mensagem por StyLe® em 13/01/13, 09:08 pm

O Resto do CSS não tem efeito nenhum o resto é padrão da forumeiros esse que eu lhe passei é o atual que o fórum passado acima estar usando

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum