Personalizar o chatbox

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

Resolvido Personalizar o chatbox

Mensagem por LeandroNeto em Ter 21 Jul - 18:27

Olá, gostaria de que arrumassem um código para um chatbox pro meu fórum.. Que combine com as cores e se enquadre bem no meu fórum, atualmente o meu chatbox está horrivel, gostaria de que ficasse com bordas verdes e arredondadas, circulado ao redor de todo o chat, etc.. Por favor peço para alguém  usar a criatividade, acessando meu fórum e vendo, não me mandem o tópico de personalização chatbox pois eu não sei fazer.



Meu fórum: cbfhabbo.com
Versão: Phpbb3

Obrigado desde já!

Código do chatbox atual \/
Código:
/* Chatbox */
.chatbox_row_1 { background-color: rgba(255, 255, 255, 0); }
.chatbox_row_2 { background-color: rgba(255, 255, 255, 0); }
#chatbox {
background-image: url(http://pt.imageresizer.net/upload/5oslwa769r1n7aj.png?dnq57guwpc);
}
#chatboxpop {
border-collapse: separate;
border-spacing: 2px;
border-color: rgb(14, 14, 14);
}
#chatbox_footer, #chatbox_header, #chatbox_header, #chatbox_members, #chatbox_row_ clearfix, #chatbox_row_2 clearfix {
border-radius: 0px!important;
padding-top: 2px!important;
}
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Personalizar o chatbox

Mensagem por Fraise em Ter 21 Jul - 18:30

Olá!

Seria possível dizer as cores que deseja? Pois não estou conseguindo acessar a seu fórum.

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar o chatbox

Mensagem por LeandroNeto em Qua 22 Jul - 1:58

Dark green.
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Personalizar o chatbox

Mensagem por Sennior em Qua 22 Jul - 6:31

Saudações,

Leandro, será que poderia deixar o Chatbox ativo por um tempo? Seria melhor já fazer as edições em teu fórum, sem complicações. Piscada

Abraços.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar o chatbox

Mensagem por LeandroNeto em Qua 22 Jul - 16:57

Pronto Sennior.
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Personalizar o chatbox

Mensagem por Fraise em Qua 22 Jul - 20:46

Olá!

Entrei no seu fórum e reparei que as cores do chatbox já condizem com as do fórum. De acordo com o que o senhor descreveu no tópico, penso que só falte arredondar as bordas.

Adicione este código à sua folha de estilos:
Painel de Controle Flecha ajudeiros Visualização Flecha ajudeiros Cores Flecha ajudeiros Folha de estilos CSS

Código:
#chatbox_header {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#chatbox_footer {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar o chatbox

Mensagem por LeandroNeto em Qui 23 Jul - 0:46

Não arredondou.. Também queria cobrir todo o chatbox, não só em cima e em baixo, mas todo. E se possivel colocar um fundo nele com uma imagem relacionada a futebol, sendo escolhida a critério de quem me mandar o código.
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Personalizar o chatbox

Mensagem por Sennior em Qui 23 Jul - 6:25

Saudações,

Mas teu chatbox já se encontra com as bordas redondas:
Seta http://prntscr.com/7vxn8o

Para a imagem no Chatbox, utilize:
Código:
#chatbox {
  background-image: url(LINK_DA_IMAGEM)!important;
}

Abraços.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar o chatbox

Mensagem por LeandroNeto em Qui 23 Jul - 17:11

Eu quero arredondar as partes verdes.
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Personalizar o chatbox

Mensagem por Rafael em Qui 23 Jul - 17:20

Olá!

Iremos precisar da sua folha de estilos, porque há um código fazendo com que não seja possível arredondar as bordas.

Atenciosamente.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Personalizar o chatbox

Mensagem por LeandroNeto em Sex 24 Jul - 19:12

Mas não é só isso que quero /\.. Por favor coloquem já no código do fundo, um fundo envolvendo futebol, a critério de vocês.. Quando eu coloco um fundo no chat ele fica extranho digamos assim.


FOLHA CSS: 
Código:
.postprofile {
border-right: 1px solid rgb(208, 208, 208)!important;
border-bottom-right-radius: 0px!important;
border-top-right-radius: 0px!important;
}
.hlfooter {
  background: rgb(7, 110, 7)!important;
  border-bottom: 5px solid #098609!important;
  border-top: 4px solid #188818!important;
}
#wrapnav{
  width: 40%;
}
.signature_div {
-webkit-box-shadow: #fff 1px 2px 1px;
background: transparent repeat scroll 0 0;
border: 1px solid #E6E6E6;
border-image: initial;
box-shadow: #fff 1px 2px 1px;
float: center;
margin-top: 10px;
max-height: 150px;
overflow: auto;
text-align: center;
}
marquee {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background: url(http://i88.servimg.com/u/f88/14/28/28/25/111.png);
background-color: #f4f4f4;
background-repeat: repeat-x;
border: 1px solid #949494 !important;
border-radius: 7px;
margin: 3px;
}
.fade {
         display:inline-block;
         background: -moz-linear-gradient(left, rgb(210,228,242) 0%, rgba(210,228,242,0) 100%);
         background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(210,228,242)), color-stop(1.00, rgba(210,228,242,0)));
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d2e4f2, endColorstr=#00d2e4f2, GradientType=1);
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d2e4f2, endColorstr=#00d2e4f2, GradientType=1)";
      }
      .blur {
         display:inline-block;
         color:#ddd;
         text-shadow: 0 0 2px #aaaaaa;
         text-shadow: 0 0 4px #aaaaaa;
         text-shadow: 0 0 6px #aaaaaa;
         -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
         filter:
            progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
            progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
      }
      .flipH {
         display:inline-block;
         -moz-transform:scale(-1,1);
         -o-transform:scale(-1,1);
         -webkit-transform:scale(-1,1);
         transform:scale(-1,1);
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod=\'auto expand\')";
         filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=-1,
            M12=0,
            M21=0,
            M22=1,
            SizingMethod="auto expand");
      }
      .flipV {
         display:inline-block;
         -moz-transform:scale(1,-1);
         -o-transform:scale(1,-1);
         -webkit-transform:scale(1,-1);
         transform:scale(1,-1);
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod=\'auto expand\')";
         filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=1,
            M12=0,
            M21=0,
            M22=-1,
            SizingMethod="auto expand");
      }

/* avatar */
.user-basic-info img:first-child{
  -moz-border-radius:100%;
  -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  -webkit-border-radius:100%;
  -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  background:#fff;
  border:1px solid #d8d8d8;
  border-radius:100%;
  box-shadow:0 2px 2px rgba(0,0,0,0.1);
  height:110px;
  adding:2px;
  width:110px
}
.user-basic-info img:first-child:hover{
  -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
  border-color:#A1A1A1;
  box-shadow:0 2px 2px rgba(0,0,0,0.2)
}

  
/* Respeitar */
.LGlike {
  -khtml-user-select:none;
  -moz-border-radius:3px;
  -moz-user-select:none;
  -ms-user-select:none;
  -webkit-border-radius:3px;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  background:#384763 url(http://imgur.com/53do6sQ.png) no-repeat 6px 3px;
  background-size:12px;
  border-radius:3px;
  color:#fff;
  cursor:pointer;
  float:right;
  font-size:11px;
  line-height:18px;
  padding:0 7px 0 26px;
  text-shadow:rgba(0,0,0,0.2) 0 -1px 0;
  user-select:none
}
 .LGvote { margin: 0 5px; }
 .LGnovote {
  background:#f0f0f0;
  border-radius:2px;
  display:inline-block;
  float:right;
  line-height:16px;
  margin:0 8px;
  padding:3px;
  position:relative
}

/* Chatbox */
.chatbox_row_1 { background-color: rgba(255, 255, 255, 0); }
.chatbox_row_2 { background-color: rgba(255, 255, 255, 0); }
#chatbox {
background-image: url(http://pt.imageresizer.net/upload/5oslwa769r1n7aj.png?dnq57guwpc);
}
#chatboxpop {
border-collapse: separate;
border-spacing: 2px;
border-color: rgb(14, 14, 14);
}
#chatbox_footer, #chatbox_header, #chatbox_header, #chatbox_members, #chatbox_row_ clearfix, #chatbox_row_2 clearfix {
border-radius: 0px!important;
padding-top: 2px!important;
}

/* Avatar no lastpost */
.avat-miembro img {
width: 36px;
height: 36px;
margin: 0 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.avat-miembro {
float: left;
}
.avat-miembro img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.mainmenu {position: relative;top: 20px;}
.mainmenu:hover {border-bottom: transparent !important;}

/* Retira adicionar amigo do perfil */
#profile-advanced-add .mainmenu{display:none}

a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}

/* Bordas de módulos e outras coisas que não sei */
   #at_promo{display:none;font-size:12px}


.dterm {position: relative;left: 18px;}


.dterm {border-left: none !important;}

#at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}


#at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(http://illiweb.com/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(http://illiweb.com/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(http://illiweb.com/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}

#left .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:200}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:90%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}a[href="/u30922"]{text-shadow:0 0 7px #d4d6d5}#main-content{margin-left:15px}div.profile1.dl.dt.a.img{top:50px!important}li.row{-moz-border-radius:8px;-webkit-border-radius:8px;border-bottom:none;border-left:none;border-radius:8px;border-top:none}li.row:hover{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist.forums{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist dd{border-left:none}dl.icon{border:none!important}div.forumbg.announcement{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) no-repeat;border:solid 1px #d4d6d5;border-radius:3px;padding:2px}ul.topiclist.topics.bg_none{-moz-border-radius:8px;-webkit-border-radius:8px;-border-radius:8px;background-color:#fff;border-left:none;border-radius:8px}div.vote.gensmall{border-top:solid 1px #d4d6d5;position:relative!important;right:-3px!important;top:-20px!important}div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:7px;-webkit-border-radius:7px;-border-radius:7px;background-color:#fff;border:solid 1px #d4d6d5;border-radius:7px;padding:2px}div#tabs li a{-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom:solid 1px #eaeaea;border-top-left-radius:3px;border-top-right-radius:3px}div.postprofile{-moz-border-radius:7px;-webkit-border-radius:7px;-border-radius:7px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-radius:7px;left:2px;padding:2px}ul.profile-icons{-moz-border-radius-bottomleft:10px;-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom-left-radius:10px;border-top-right-radius:3px;height:25px;padding:5px 5px 10px 10px !important;position:relative;right:-48px;top:-18px}div.postprofile:hover,img.i_post:hover,img.i_reply:hover,ul.profile-icons li:hover{-moz-opacity:.9;filter:alpha(opacity=90);opacity:.9}#divbold:hover,#divcolor,#divitalic:hover,#divsmilies:hover,#divstrike:hover,#divunderline:hover,#main-content a.cgu-buttons:hover,button.button2:hover,input#submit_button:hover,input.button1:hover,input.button2:hover,input.liteoption:hover,input.mainoption:hover{background-position:0 100%;border:1px solid #363636;color:#363636}#chatbox_main_options li:hover,ul.online-users li:hover{font-size:12px}#chatbox_contextmenu{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #696969;border-radius:3px;padding:2px;z-index:99999999999!important}#chatbox_contextmenu p.close{color:#000}#chatbox_contextmenu p{border-bottom:solid 1px #696969}#chatbox_contextmenu p:hover{font-size:12px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,.spoiler dt,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:2px}.spoiler{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;border:solid 1px #DDD;border-radius:3px;padding:2px}#chatbox_footer,#chatbox_header,#chatbox_header,#chatbox_members,#chatbox_row_ clearfix,#chatbox_row_2 clearfix{background-color:#fff!important;cursor:pointer!important;z-index:9999999999!important}#savec{position:relative}.save-bloc{background:#efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x;border:1px solid #BCBCBC;color:#555!important;cursor:point;dispay:none;display:none;left:0;padding:5px;position:absolute;top:20px;white-space:nowrap;z-index:999}.save-bloc div:hover{color:#050505!important}.save-bloc div{cursor:pointer}.save-bloc select{background:#ccc;border:1px solid #aaa;margin-bottom:5px}

#page-footer .navbar,#page-header .navbar{background:none;margin-left:32px;width:900px}#page-footer,div.navbar,div.navbar ul.linklist{display:block!important}.navbar{background-color:#FFF!important;clear:both;padding:0 10px}

.icon .dterm .lastpost,.icon .dterm .posts,.icon .dterm .topics{color:#fff;font-family:arial;text-shadow:#000 -1px 1px 1px}.chatbox-title{color:#fff;float:left;font-family:arial;margin:0;padding:2px 5px 0;text-shadow:#000 1px 1px 1px;width:15em}

.module{-moz-border-radius:10px;-webkit-border-radius:10px;
  border-radius:10px;border:2px solid #0FA7C1;padding:0}.post{border:3px solid #5fadd4}div.newslink{-moz-border-radius:15px;-webkit-border-radius:15px;border:1px solid #000}.forabg,.forumbg announcement{-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #037E00;border-radius:10px}
#page-header .navbar ul.navlinks li a:hover{color:#efefef;text-shadow:#000 -1px -1px 1px}

#page-header .navbar ul.navlinks li a{
  top:10px;color:#fff;font-family:arial;font-size:15px;margin:5px;position:relative;text-shadow:#000 1px 1px 1px}


/* Borda e sombra em volta do fórum */
#wrap{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
  border-radius:10px;
    box-shadow: 0px 0px 13px rgb(0, 0, 0);
}

/* Menu fórum */
#page-header .navbar ul.navlinks {
  background: url(http://i19.servimg.com/u/f19/19/20/24/81/menuba10.png) no-repeat 45% 0;
  height: 70px;
  left: -88px;
  margin-top: -17px!important;
  position: relative;
  width: 1050px;
}
/* Colorpicker */
  .colorpicker {
          width: 356px;
          height: 176px;
          overflow: hidden;
          position: absolute;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp10.png);
          font-family: Arial, Helvetica, sans-serif;
          display: none;
        }
        .colorpicker_color {
          width: 150px;
          height: 150px;
          left: 14px;
          top: 13px;
          position: absolute;
          background: #f00;
          overflow: hidden;
          cursor: crosshair;
        }
        .colorpicker_color div {
          position: absolute;
          top: 0;
          left: 0;
          width: 150px;
          height: 150px;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp11.png);
        }
        .colorpicker_color div div {
          position: absolute;
          top: 0;
          left: 0;
          width: 11px;
          height: 11px;
          overflow: hidden;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp10.gif);
          margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
          position: absolute;
          top: 13px;
          left: 171px;
          width: 35px;
          height: 150px;
          cursor: n-resize;
        }
        .colorpicker_hue div {
          position: absolute;
          width: 35px;
          height: 9px;
          overflow: hidden;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp11.gif) left top;
          margin: -4px 0 0 0;
          left: 0px;
        }
        .colorpicker_new_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 213px;
          top: 13px;
          background: #f00;
        }
        .colorpicker_current_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 283px;
          top: 13px;
          background: #f00;
        }
        .colorpicker input {
          background-color: transparent;
          border: 1px solid transparent;
          position: absolute;
          font-size: 10px;
          font-family: Arial, Helvetica, sans-serif;
          color: #898989;
          top: 4px;
          right: 11px;
          text-align: right;
          margin: 0;
          padding: 0;
          height: 11px;
        }
        .colorpicker_hex {
          position: absolute;
          width: 72px;
          height: 22px;
          background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp12.png) top;
          left: 212px;
          top: 142px;
        }
        .colorpicker_hex input {
          right: 6px;
        }
        .colorpicker_field {
          height: 22px;
          width: 62px;
          background-position: top;
          position: absolute;
        }
        .colorpicker_field span {
          position: absolute;
          width: 12px;
          height: 22px;
          overflow: hidden;
          top: 0;
          right: 0;
          cursor: n-resize;
        }
        .colorpicker_rgb_r {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp13.png);
          top: 52px;
          left: 212px;
        }
        .colorpicker_rgb_g {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp14.png);
          top: 82px;
          left: 212px;
        }
        .colorpicker_rgb_b {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp15.png);
          top: 112px;
          left: 212px;
        }
        .colorpicker_hsb_h {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp16.png);
          top: 52px;
          left: 282px;
        }
        .colorpicker_hsb_s {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp17.png);
          top: 82px;
          left: 282px;
        }
        .colorpicker_hsb_b {
          background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp18.png);
          top: 112px;
          left: 282px;
        }
        .colorpicker_submit {
          position: absolute;
          width: 22px;
          height: 22px;
          background: url(http://i.minus.com/jeDYfPh9ixROd.png) top;
          left: 322px;
          top: 142px;
          overflow: hidden;
        }
        .colorpicker_focus {
          background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_slider {
          background-position: bottom;
        }


/* Submenu */
.ulhome{left:0px;top:17px;position:absolute !important;display:none;z-index:999;text-align:center !important;
background-image: url(\'http://i.imgur.com/3iunm.png\') !important;
background-repeat: repeat !important;border:3px solid #ccc;list-style:none;
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;}
.ulhome .limenup an{text-decoration:none;display:block;background-image:none !important}
li:hover .ulhome{left:280px;display:block;top:350px !important; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
}


/* Estilos h2 e h3 */
.content h2, .panel h2 {
border-bottom: transparent;
color: #FFFFFF;
font-size: 12px;
font-weight: 400;
margin-bottom: .5em;
margin-top: .5em;
padding-bottom: .5em;
}

.moddule h3 {
  background: url(http://www.habbocean.altervista.org/image/skin/title_box.png);
}


#h2 {text-color: #000}



/* Fancybox/lightbox */
a.fa_fancybox img{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in}.fancybox-tmp iframe,.fancybox-tmp object{margin:0;padding:0;vertical-align:top}.fancybox-wrap{left:0;position:absolute;top:0;z-index:920}.fancybox-skin{-moz-border-radius:4px;-webkit-border-radius:4px;background:#f9f9f9;border-radius:4px;color:#444;margin:0;padding:0;position:relative;text-shadow:none}.fancybox-opened{z-index:930}.fancybox-opened .fancybox-skin{-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-inner,.fancybox-outer{margin:0;outline:none;padding:0;position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:20px;margin:0;padding:10px}.fancybox-iframe,.fancybox-image{border:0;display:block;height:100%;margin:0;padding:0;vertical-align:top;width:100%}.fancybox-image{max-height:100%;max-width:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png)}#fancybox-loading{background-position:0 -108px;cursor:pointer;left:50%;margin-left:-22px;margin-top:-22px;opacity:.8;position:fixed;top:50%;z-index:920}#fancybox-loading div{background:url(http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif) center center no-repeat;height:44px;width:44px}.fancybox-close{cursor:pointer;height:36px;position:absolute;right:-18px;top:-18px;width:36px;z-index:940}.fancybox-nav{-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent url(http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif);cursor:pointer;height:100%;position:absolute;top:0;width:40%;z-index:940}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{cursor:pointer;height:34px;margin-top:-18px;position:absolute;top:50%;visibility:hidden;width:36px;z-index:940}.fancybox-prev span{background-position:0 -36px;left:20px}.fancybox-next span{background-position:0 -72px;right:20px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{left:-9999px;overflow:visible;padding:0;position:absolute;top:-9999px;visibility:hidden}#fancybox-overlay{background:#000;display:none;left:0;overflow:hidden;position:absolute;top:0;z-index:910}#fancybox-overlay.overlay-fixed{bottom:0;position:fixed;right:0}.fancybox-title{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;line-height:20px;position:relative;text-shadow:none;visibility:hidden;z-index:950}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{bottom:0;margin-bottom:-35px;position:absolute;right:50%;text-align:center;z-index:930}.fancybox-title-float-wrap .child{-moz-border-radius:15px;-webkit-border-radius:15px;background:rgba(0,0,0,0.8);border-radius:15px;color:#FFF;display:inline-block;font-weight:700;line-height:24px;margin-right:-100%;padding:2px 20px;text-shadow:0 1px 2px #222;white-space:nowrap}.fancybox-title-outside-wrap{color:#fff;margin-top:10px;position:relative}.fancybox-title-inside-wrap{margin-top:10px}.fancybox-title-over-wrap{background:rgba(0,0,0,.8);bottom:0;color:#fff;left:0;padding:10px;position:absolute}



/* Widget login */
.margin-login{
  margin-left: 10px;
}

#username.login-field{
  padding: 1.9px 2px;
margin-left: 2px;
}

.botaolog:link, .botaolog:visited, .botaolog:hover, .botaolog:visited { color: #FFF;}

.botaolog {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    background-color: #0DA8BB;
    border-radius: 6px;
    padding: 10px 6px 10px;
    display: block;
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.16);
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
   text-shadow:#077a88 -1px -1px;
}

.botaolog:hover {
    background-color: #22D5E7;
cursor:pointer;
}
.botaolog a{color:#fff !important;}

.botaolog:active {
    border-width: 1px;
    padding: 12px 6px 10px;
}


/* Quote estilo */
blockquote,blockquote blockquote,blockquote blockquote blockquote{background:#F3F3F3;border:1px solid #AFAFAF;box-shadow:0 2px 10px #D6D6D6;margin:1em;text-shadow:1px 1px #fff}

    ul#picture_legend{-moz-border-radius:10px;-webkit-border-radius:10px;background:url(http://i42.servimg.com/u/f42/14/92/41/94/untitl15.jpg);background-repeat:repeat-x;border:1px solid #8FC5E4;border-radius:10px;padding:5px}


/* Remove expandir imagem */
.resizebox.gensmall.clearfix {display:none}


/* Menu do widget */
  
  #cssmenu {
   width: 200px;
   border-style: solid solid none solid;
   border-color: #FFF;
   border-size: 1px;
   border-width: 1px;
   }

#cssmenu ul{
   list-style:none;
   margin:0px;
   padding:0px;
   }
#cssmenu li a {
   height: 32px;
     height: 24px;
   text-decoration: none;
   font-weight:normal;
   }   
   
#cssmenu li a:link,
#cssmenu li a:visited {
   color: #FFF;
   display: block;
   background: url(http://i13.servimg.com/u/f13/17/95/30/27/5hk87110.png);
   background-repeat:no-repeat;
   padding: 8px 0 0 10px;
   }
   
#cssmenu li a:hover {
   color: #FFF;
   background: url(http://i13.servimg.com/u/f13/17/95/30/27/5hk87110.png) 0 -32px;
   background-repeat:no-repeat;
   padding: 8px 0 0 10px;
   }
   
#cssmenu li a:active {
   color: #FFF;
   background: url(http://i78.servimg.com/u/f78/16/73/94/18/sem_ta28.png) 0 -64px;
   background-repeat:no-repeat;
   padding: 8px 0 0 10px;
   }
  

/* BBCODE código */
  dl.codebox{margin:8px}.codebox dt{background-color:#0EB3C5;background-image:url(http://www.habborator.org/archive/icons/medium/me_rooms_inactive.gif);background-position:top right;background-repeat:no-repeat;display:block;font-weight:700;padding:3px;text-transform:uppercase}* html .codebox dt{zoom:1}.codebox dd{background-color:#fff;border:1px dotted #000;font-family:Courier,CourierNew,sans-serif;max-height:200px;overflow:auto;padding:5px;white-space:pre}* html .codebox dd{height:200px}.spoiler{background-color:#fcfcfc;border-bottom:1px dotted #000;border-left:5px solid #a0c17a;border-right:1px dotted #000;border-top:1px dotted #000;display:block;margin:8px;padding:8px}


/* Editar modelo widget */
.module .h3{background-image:url(http://i19.servimg.com/u/f19/19/20/24/81/i_list10.png); font:14px \'Trebuchet MS\'; color:#FFFFFF; margin:-5px -5px auto;padding:5px;text-align:center;width:155px center; text-shadow:#000 -1px -1px;     border-bottom: none}
.postprofile{text-align:center} ul.navlinks{border-bottom:none}


/* CSS das notícias */
.get {
    border-bottom: 1px solid #666;
    display: block !important;
    margin: 7px 2px;
    padding: 3px 5px 6px 26px;
}
.getInfo {
    float: right;
    margin-right: -200px;
    margin-top: -13px;
}
.get:hover {
    background: #f3f1f1;
}

.get a:hover {
    text-decoration:underline
}

.get:last-child {
border-bottom: none !important;
margin-bottom: 3px;
}

.hab {
    border-bottom: 1px solid #666;
    display: block !important;
    margin: 7px 2px;
    padding: 3px 5px 6px 26px;
}
.habInfo {
    float: right;
    margin-right: -200px;
    margin-top: -13px;
}
.hab:hover {
    background: #f3f1f1;
}

.hab a:hover {
    text-decoration:underline
}

.hab:last-child {
border-bottom: none !important;
margin-bottom: 3px;
}


/* Slide estilos*/

.nivoSlider {
    position: relative;
}

.nivoSlider img {
    position: absolute;
    top: 0;
    left: 0;
}

.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}

.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
}

.nivo-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    color: #fff;
    opacity: .8;
    width: 300px;
    z-index: 8;
}

.nivo-caption p {
    padding: 5px;
    margin: 0;
}

.nivo-caption a {
    display: inline!important;
}

.nivo-html-caption {
    display: none;
}

.nivo-directionNav a {
    position: absolute;
    z-index: 9;
    cursor: pointer;
}

.nivo-prevNav {
    left: 0;
}

.nivo-nextNav {
    right: 0;
}

.nivo-controlNav a {
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.nivo-controlNav a.active {
    font-weight: bold;
}

.theme-default .nivoSlider {
    background: #fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
    -webkit-box-shadow: 0 1px 5px 0 #4a4a4a;
    -moz-box-shadow: 0 1px 5px 0 #4a4a4a;
    box-shadow: 0 1px 5px 0 #4a4a4a;
}

.theme-default .nivoSlider img {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.theme-default .nivoSlider a {
    border: 0;
    display: block;
}

.theme-default .nivo-controlNav {
    position: absolute;
    bottom: -42px;
    margin-left: -40px;
        left: 50%;
}

.theme-default .nivo-controlNav a {
    display: block;
    width: 22px;
    height: 22px;
    background: url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-right: 3px;
    float: left;
}

.theme-default .nivo-controlNav a.active {
    background-position: 0 -22px;
}

.theme-default .nivo-directionNav a {
    display: block;
    width: 30px;
    height: 30px;
    background: url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    bottom: 20px;
}

.theme-default a.nivo-nextNav {
    background-position: -30px 0;
    right: 15px;
}

.theme-default a.nivo-prevNav {
    left: 15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica,Arial,sans-serif;
}

.theme-default .nivo-caption a {
    color: #fff;
    border-bottom: 1px dotted #fff;
}

.theme-default .nivo-caption a:hover {
    color: #fff;
}

 


#divcolor {display:none}

#ddrequest {
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 1;
width: 200px;
height: 60px;
background: #0FA7C1;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
-webkit-box-shadow: 0px 0px 10px #FFF;
-moz-box-shadow: 0px 0px 10px #FFF;
  box-shadow: 0px 0px 10px #FFF;
      -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  border-radius: 5px;
}

#newfriend {font-size: 12px; line-height: 20px; color:#FFF}
#newfriend a{color:#fff}

#profile-advanced-layout #tabs ul > li:first-child a span::before {content: url(http://i.imgur.com/jPIf6.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li a span::before {content: url(http://i.imgur.com/dgGVs.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li + li a span::before {content: url(http://i.imgur.com/0Fdfj.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li + li + li a span::before {content: url(http://i.imgur.com/jbdIP.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li + li + li + li a span::before {content: url(http://i.imgur.com/26xsJ.png);float: left;}

.codebox{background-color:#ffffe1;border:1px dotted #ddd;margin:1em}.codebox dt{border-bottom:1px dotted #ddd;padding:.25em}.codebox dd{background-color:#ffffe1;margin:.5em;padding:.5em}.faq dd ul{margin:0 2em}.codebox + blockquote{background-color:#fff;border:1px dotted #ddd;margin:.5em 3em;padding:.5em}.codebox dd.cont_code{max-height:200px;overflow:auto}

.codebox dd.cont_code,.codebox.spoiler dd{background:#F0F0F0;border:1px solid #d3d3d3}

#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 1px 1px 0px #afafaf; -webkit-box-shadow: 1px 1px 0px #afafaf}




.reputation {
color: white;
background: #8DB13E url(\'http://i74.servimg.com/u/f74/18/08/53/97/highli10.png\') repeat-x 0 1px;
float: center;
bottom: -7px;
text-align: center;
left: 1em;
margin: 2px;
margin-top: 5px;
font-weight: bold;
padding: 3px 8px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width: 7em;
border-radius: 3px;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
}
.setInfos {  
float: right;
}
  .sucesso {
background: url(\'http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png\') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
padding: 6px 6px 6px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.alerta {
background: url(\'http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png\') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
padding: 6px 6px 6px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.aviso {
background: url(\'http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png\') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
padding: 6px 6px 6px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
#blog_comments .h3 {
background-image: none!important;
margin-left: 45px;
margin-top: 0;
position: relative;
margin-right: 15px;
}
#blog_comments .profile-icons {
margin-right: 49px!important;
margin-top: 9px!important;
}
.row {
border-bottom: 1px solid rgb(228, 228, 228)!important;
border-top: 1px solid rgb(255, 255, 255)!important;
background-color: #EFF4FF!important;
}
#avisos, .topiclist.forums dd.lastpost {
background-color: rgb(236, 246, 255);
border-radius: 5px;
box-shadow: rgb(161, 218, 245) 1px 1px 1px;
width: 150px!important;
height: 50px!important;
}
em {
font-style: normal;
}
.module {
background: url(http://i43.servimg.com/u/f43/17/53/16/77/sem_ta12.png) repeat-x center bottom;
border: 1px solid #CECECE;
}
#cssmenu li a:link, #cssmenu li a:visited {
border-radius: 5px!important;
}

a#return_to_ipbfs {
height: 80px!important;
}
.forums li.row:hover, .topiclist li.row:hover {
-moz-transition-duration: 1s!important;
-webkit-transition-duration: 1s;
transition-duration: 1s;
background-color: #D3E1FF!important;
}



#footer_utilities {
padding: 8px;
font-size: 11px;
height: 45px;
position: relative;
border-top: 1px solid #141414;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
background: #262626 url(\'http://bi0s.com.br/powerpixel/images/branding_bg.png\') repeat;
}
div.post {
background-color: #eeeeee !important; /*cor do fundo*/
border: 1px solid #adadad; /*tamanho e cor da borda*/
border-radius: 10px; /*arredondamento das quinas*/
box-shadow: 0px 2px 2px;} /*sombra*/
[data-counter]:after {
    background-color: #FF6969;
    background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
    content: attr(data-counter);
    position: absolute;
    padding: 2px 6px;
    border: 2px solid white;
    border-radius:100px;
    box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
    background-clip: padding-box;
    font:bold 10px "Helvetica Neue", sans-serif;
    color: white;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.6);
    margin-left: -10px;
    margin-top: -10px;
}​
/**
 * Modal de Mensagem Privada
 * Versão: PHPBB3
 * Autor: Kyo Panda
 * Site: ajuda.forumeiros.com
 */
 
#pm-backdrop {
  content: " ";
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 5;
}
 
#pm-modal {
  display: none;
  position: fixed;
  z-index: 10;
  top: 100px;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  box-sizing: border-box;
}
 
#pm-backdrop.open,
#pm-modal.open {
  display: block;
}
 
#pm-title {
  padding: 6px 5px 8px;
  display: block;
  text-transform: uppercase;
}
 
#pm-modal > form {
  background-color: #ecf3f7;
}
 
#pm-modal > .close {
  position: absolute;
  right: 20px;
  top: 10px;
  line-height: 14px;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
 
#pm-modal .pm-body {
  padding: 10px;
}
 
#pm-modal .pm-buttons {
  margin: 0 !important;
  padding: 10px 0;
  border-top: 1px #fff solid;
}
 
#pm-modal .pm-buttons .button1,
#pm-modal .pm-buttons .button2 {
  margin: 0 5px;
}
.pathname-box {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
#chatbox:after {
content: 'Mensagens com conteúdo abusivo ou de desrespeito a outro usuário será interpretada como banimento ao membro infrator' !important;
background: url('http://i.imgur.com/QWzWG1j.png') left center no-repeat !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
background-color: transparent !important;
border: 1px solid green !important;
color: green !important;
display: block !important;
font-size: 12px !important;
padding: 10px !important;
padding-left: 35px !important;
}
.postbody {
font-family: Trebuchet MS, Arial !important;
}
 #i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}

#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;
}  
 
 
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
.postbody .content {font-size: 1.3em;font-family: Trebuchet MS, Arial !important;}
.saving_post {
color: #777;
font-weight: bold;
text-shadow: 0 1px #EEE;
margin: 5px;
font-style: italic;
}

/*******CURTIR NO POST********/
  #rep_post .reput_vote {
  background-color: #daedfb;
  color: #666;
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
}
.reput_vote.zero {
  background-color: #6a6a6a;
}
  
  
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
.BS_like {
  -khtml-user-select: none;
  -moz-transition: all,0.15s;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-transition: all,0.15s;
  -webkit-touch-callout: none;
  -webkit-transition: all,0.15s;
  -webkit-user-select: none;
  background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
  background-size: 12px;
  clear: both;
  color: #666;
  cursor: pointer;
  display: table;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 5px;
  padding: 3px 5px 3px 25px;
  text-align: right;
  transition: all,0.15s;
  user-select: none;
}

.BS_like:before {
  content: "Curtir";
}
  
  #rep_post .bs_inline {
  list-style: none;
}
  
  .BS_like:hover {
  background-color: #daedfb;
  color: #666;
}
  
  #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}


.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

#rep_post .reput_vote:before {
  content: "Curtidas ";
}
/***********FIM CURTIR************/
#chatbox_header {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#chatbox_footer {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Personalizar o chatbox

Mensagem por Fraise em Sex 24 Jul - 19:32

Olá!

Para adicionar uma imagem de fundo ao chatbox, terá de adicionar o código abaixo à sua folha de estilos:
Código:
#chatbox {
background-image: url(http://3.bp.blogspot.com/-mu9LvlgFfO4/UYL7rWyNRyI/AAAAAAAABns/Jv8o7E-Kiuk/s1600/bola_futebol.gif) !important;
background-repeat: no-repeat;
background-position: bottom center;
}

Veja se lhe agrada.

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar o chatbox

Mensagem por Rafael em Sex 24 Jul - 19:50

Olá!

Troque sua folha de estilos, por esta:

Código:
    .postprofile {
    border-right: 1px solid rgb(208, 208, 208)!important;
    border-bottom-right-radius: 0px!important;
    border-top-right-radius: 0px!important;
    }
    .hlfooter {
      background: rgb(7, 110, 7)!important;
      border-bottom: 5px solid #098609!important;
      border-top: 4px solid #188818!important;
    }
    #wrapnav{
      width: 40%;
    }
    .signature_div {
    -webkit-box-shadow: #fff 1px 2px 1px;
    background: transparent repeat scroll 0 0;
    border: 1px solid #E6E6E6;
    border-image: initial;
    box-shadow: #fff 1px 2px 1px;
    float: center;
    margin-top: 10px;
    max-height: 150px;
    overflow: auto;
    text-align: center;
    }
    marquee {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background: url(http://i88.servimg.com/u/f88/14/28/28/25/111.png);
    background-color: #f4f4f4;
    background-repeat: repeat-x;
    border: 1px solid #949494 !important;
    border-radius: 7px;
    margin: 3px;
    }
    .fade {
            display:inline-block;
            background: -moz-linear-gradient(left, rgb(210,228,242) 0%, rgba(210,228,242,0) 100%);
            background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(210,228,242)), color-stop(1.00, rgba(210,228,242,0)));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d2e4f2, endColorstr=#00d2e4f2, GradientType=1);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d2e4f2, endColorstr=#00d2e4f2, GradientType=1)";
          }
          .blur {
            display:inline-block;
            color:#ddd;
            text-shadow: 0 0 2px #aaaaaa;
            text-shadow: 0 0 4px #aaaaaa;
            text-shadow: 0 0 6px #aaaaaa;
            -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
            filter:
                progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
                progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
          }
          .flipH {
            display:inline-block;
            -moz-transform:scale(-1,1);
            -o-transform:scale(-1,1);
            -webkit-transform:scale(-1,1);
            transform:scale(-1,1);
            -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod=\'auto expand\')";
            filter: progid:DXImageTransform.Microsoft.Matrix(
                M11=-1,
                M12=0,
                M21=0,
                M22=1,
                SizingMethod="auto expand");
          }
          .flipV {
            display:inline-block;
            -moz-transform:scale(1,-1);
            -o-transform:scale(1,-1);
            -webkit-transform:scale(1,-1);
            transform:scale(1,-1);
            -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod=\'auto expand\')";
            filter: progid:DXImageTransform.Microsoft.Matrix(
                M11=1,
                M12=0,
                M21=0,
                M22=-1,
                SizingMethod="auto expand");
          }

    /* avatar */
    .user-basic-info img:first-child{
      -moz-border-radius:100%;
      -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
      -webkit-border-radius:100%;
      -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
      background:#fff;
      border:1px solid #d8d8d8;
      border-radius:100%;
      box-shadow:0 2px 2px rgba(0,0,0,0.1);
      height:110px;
      adding:2px;
      width:110px
    }
    .user-basic-info img:first-child:hover{
      -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
      -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
      border-color:#A1A1A1;
      box-shadow:0 2px 2px rgba(0,0,0,0.2)
    }

     
    /* Respeitar */
    .LGlike {
      -khtml-user-select:none;
      -moz-border-radius:3px;
      -moz-user-select:none;
      -ms-user-select:none;
      -webkit-border-radius:3px;
      -webkit-touch-callout:none;
      -webkit-user-select:none;
      background:#384763 url(http://imgur.com/53do6sQ.png) no-repeat 6px 3px;
      background-size:12px;
      border-radius:3px;
      color:#fff;
      cursor:pointer;
      float:right;
      font-size:11px;
      line-height:18px;
      padding:0 7px 0 26px;
      text-shadow:rgba(0,0,0,0.2) 0 -1px 0;
      user-select:none
    }
    .LGvote { margin: 0 5px; }
    .LGnovote {
      background:#f0f0f0;
      border-radius:2px;
      display:inline-block;
      float:right;
      line-height:16px;
      margin:0 8px;
      padding:3px;
      position:relative
    }

    /* Chatbox */
    .chatbox_row_1 { background-color: rgba(255, 255, 255, 0); }
    .chatbox_row_2 { background-color: rgba(255, 255, 255, 0); }
    #chatbox {
    background-image: url("http://calangos.net/esportes/files/2013/09/brasil-bola.jpg");
    background-position: 100% 84%;
    background-size: 239px;
    background-repeat: no-repeat;
}
    #chatboxpop {
    border-collapse: separate;
    border-spacing: 2px;
    border-color: rgb(14, 14, 14);
    }
    #chatbox_footer, #chatbox_header, #chatbox_header, #chatbox_members, #chatbox_row_ clearfix, #chatbox_row_2 clearfix {
    padding-top: 2px!important;
    }

    /* Avatar no lastpost */
    .avat-miembro img {
    width: 36px;
    height: 36px;
    margin: 0 5px;
    padding: 1px;
    border: 1px solid #D5D5D5;
    background: white;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    }
    .avat-miembro {
    float: left;
    }
    .avat-miembro img:hover {
    border-color: #a1a1a1;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    }

    .mainmenu {position: relative;top: 20px;}
    .mainmenu:hover {border-bottom: transparent !important;}

    /* Retira adicionar amigo do perfil */
    #profile-advanced-add .mainmenu{display:none}

    a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}

    /* Bordas de módulos e outras coisas que não sei */
      #at_promo{display:none;font-size:12px}


    .dterm {position: relative;left: 18px;}


    .dterm {border-left: none !important;}

    #at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}


    #at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(http://illiweb.com/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(http://illiweb.com/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(http://illiweb.com/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}

    #left .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:200}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:90%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}a[href="/u30922"]{text-shadow:0 0 7px #d4d6d5}#main-content{margin-left:15px}div.profile1.dl.dt.a.img{top:50px!important}li.row{-moz-border-radius:8px;-webkit-border-radius:8px;border-bottom:none;border-left:none;border-radius:8px;border-top:none}li.row:hover{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist.forums{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist dd{border-left:none}dl.icon{border:none!important}div.forumbg.announcement{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) no-repeat;border:solid 1px #d4d6d5;border-radius:3px;padding:2px}ul.topiclist.topics.bg_none{-moz-border-radius:8px;-webkit-border-radius:8px;-border-radius:8px;background-color:#fff;border-left:none;border-radius:8px}div.vote.gensmall{border-top:solid 1px #d4d6d5;position:relative!important;right:-3px!important;top:-20px!important}div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:7px;-webkit-border-radius:7px;-border-radius:7px;background-color:#fff;border:solid 1px #d4d6d5;border-radius:7px;padding:2px}div#tabs li a{-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom:solid 1px #eaeaea;border-top-left-radius:3px;border-top-right-radius:3px}div.postprofile{-moz-border-radius:7px;-webkit-border-radius:7px;-border-radius:7px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-radius:7px;left:2px;padding:2px}ul.profile-icons{-moz-border-radius-bottomleft:10px;-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom-left-radius:10px;border-top-right-radius:3px;height:25px;padding:5px 5px 10px 10px !important;position:relative;right:-48px;top:-18px}div.postprofile:hover,img.i_post:hover,img.i_reply:hover,ul.profile-icons li:hover{-moz-opacity:.9;filter:alpha(opacity=90);opacity:.9}#divbold:hover,#divcolor,#divitalic:hover,#divsmilies:hover,#divstrike:hover,#divunderline:hover,#main-content a.cgu-buttons:hover,button.button2:hover,input#submit_button:hover,input.button1:hover,input.button2:hover,input.liteoption:hover,input.mainoption:hover{background-position:0 100%;border:1px solid #363636;color:#363636}#chatbox_main_options li:hover,ul.online-users li:hover{font-size:12px}#chatbox_contextmenu{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #696969;border-radius:3px;padding:2px;z-index:99999999999!important}#chatbox_contextmenu p.close{color:#000}#chatbox_contextmenu p{border-bottom:solid 1px #696969}#chatbox_contextmenu p:hover{font-size:12px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,.spoiler dt,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:2px}.spoiler{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;border:solid 1px #DDD;border-radius:3px;padding:2px}#chatbox_footer,#chatbox_header,#chatbox_header,#chatbox_members,#chatbox_row_ clearfix,#chatbox_row_2 clearfix{background-color:#fff!important;cursor:pointer!important;z-index:9999999999!important}#savec{position:relative}.save-bloc{background:#efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x;border:1px solid #BCBCBC;color:#555!important;cursor:point;dispay:none;display:none;left:0;padding:5px;position:absolute;top:20px;white-space:nowrap;z-index:999}.save-bloc div:hover{color:#050505!important}.save-bloc div{cursor:pointer}.save-bloc select{background:#ccc;border:1px solid #aaa;margin-bottom:5px}

    #page-footer .navbar,#page-header .navbar{background:none;margin-left:32px;width:900px}#page-footer,div.navbar,div.navbar ul.linklist{display:block!important}.navbar{background-color:#FFF!important;clear:both;padding:0 10px}

    .icon .dterm .lastpost,.icon .dterm .posts,.icon .dterm .topics{color:#fff;font-family:arial;text-shadow:#000 -1px 1px 1px}.chatbox-title{color:#fff;float:left;font-family:arial;margin:0;padding:2px 5px 0;text-shadow:#000 1px 1px 1px;width:15em}

    .module{-moz-border-radius:10px;-webkit-border-radius:10px;
      border-radius:10px;border:2px solid #0FA7C1;padding:0}.post{border:3px solid #5fadd4}div.newslink{-moz-border-radius:15px;-webkit-border-radius:15px;border:1px solid #000}.forabg,.forumbg announcement{-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #037E00;border-radius:10px}
    #page-header .navbar ul.navlinks li a:hover{color:#efefef;text-shadow:#000 -1px -1px 1px}

    #page-header .navbar ul.navlinks li a{
      top:10px;color:#fff;font-family:arial;font-size:15px;margin:5px;position:relative;text-shadow:#000 1px 1px 1px}


    /* Borda e sombra em volta do fórum */
    #wrap{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
      border-radius:10px;
        box-shadow: 0px 0px 13px rgb(0, 0, 0);
    }

    /* Menu fórum */
    #page-header .navbar ul.navlinks {
      background: url(http://i19.servimg.com/u/f19/19/20/24/81/menuba10.png) no-repeat 45% 0;
      height: 70px;
      left: -88px;
      margin-top: -17px!important;
      position: relative;
      width: 1050px;
    }
    /* Colorpicker */
      .colorpicker {
              width: 356px;
              height: 176px;
              overflow: hidden;
              position: absolute;
              background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp10.png);
              font-family: Arial, Helvetica, sans-serif;
              display: none;
            }
            .colorpicker_color {
              width: 150px;
              height: 150px;
              left: 14px;
              top: 13px;
              position: absolute;
              background: #f00;
              overflow: hidden;
              cursor: crosshair;
            }
            .colorpicker_color div {
              position: absolute;
              top: 0;
              left: 0;
              width: 150px;
              height: 150px;
              background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp11.png);
            }
            .colorpicker_color div div {
              position: absolute;
              top: 0;
              left: 0;
              width: 11px;
              height: 11px;
              overflow: hidden;
              background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp10.gif);
              margin: -5px 0 0 -5px;
            }
            .colorpicker_hue {
              position: absolute;
              top: 13px;
              left: 171px;
              width: 35px;
              height: 150px;
              cursor: n-resize;
            }
            .colorpicker_hue div {
              position: absolute;
              width: 35px;
              height: 9px;
              overflow: hidden;
              background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp11.gif) left top;
              margin: -4px 0 0 0;
              left: 0px;
            }
            .colorpicker_new_color {
              position: absolute;
              width: 60px;
              height: 30px;
              left: 213px;
              top: 13px;
              background: #f00;
            }
            .colorpicker_current_color {
              position: absolute;
              width: 60px;
              height: 30px;
              left: 283px;
              top: 13px;
              background: #f00;
            }
            .colorpicker input {
              background-color: transparent;
              border: 1px solid transparent;
              position: absolute;
              font-size: 10px;
              font-family: Arial, Helvetica, sans-serif;
              color: #898989;
              top: 4px;
              right: 11px;
              text-align: right;
              margin: 0;
              padding: 0;
              height: 11px;
            }
            .colorpicker_hex {
              position: absolute;
              width: 72px;
              height: 22px;
              background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp12.png) top;
              left: 212px;
              top: 142px;
            }
            .colorpicker_hex input {
              right: 6px;
            }
            .colorpicker_field {
              height: 22px;
              width: 62px;
              background-position: top;
              position: absolute;
            }
            .colorpicker_field span {
              position: absolute;
              width: 12px;
              height: 22px;
              overflow: hidden;
              top: 0;
              right: 0;
              cursor: n-resize;
            }
            .colorpicker_rgb_r {
              background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp13.png);
              top: 52px;
              left: 212px;
            }
            .colorpicker_rgb_g {
              background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp14.png);
              top: 82px;
              left: 212px;
            }
            .colorpicker_rgb_b {
              background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp15.png);
              top: 112px;
              left: 212px;
            }
            .colorpicker_hsb_h {
              background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp16.png);
              top: 52px;
              left: 282px;
            }
            .colorpicker_hsb_s {
              background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp17.png);
              top: 82px;
              left: 282px;
            }
            .colorpicker_hsb_b {
              background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp18.png);
              top: 112px;
              left: 282px;
            }
            .colorpicker_submit {
              position: absolute;
              width: 22px;
              height: 22px;
              background: url(http://i.minus.com/jeDYfPh9ixROd.png) top;
              left: 322px;
              top: 142px;
              overflow: hidden;
            }
            .colorpicker_focus {
              background-position: center;
            }
            .colorpicker_hex.colorpicker_focus {
              background-position: bottom;
            }
            .colorpicker_submit.colorpicker_focus {
              background-position: bottom;
            }
            .colorpicker_slider {
              background-position: bottom;
            }


    /* Submenu */
    .ulhome{left:0px;top:17px;position:absolute !important;display:none;z-index:999;text-align:center !important;
    background-image: url(\'http://i.imgur.com/3iunm.png\') !important;
    background-repeat: repeat !important;border:3px solid #ccc;list-style:none;
    -moz-box-shadow:1px 1px 5px #9C9C9C;
    -webkit-box-shadow:1px 1px 5px #9C9C9C;
    box-shadow:1px 1px 5px #9C9C9C;}
    .ulhome ul{text-align:left;border: 1px solid #CCCCCC;}
    .ulhome .limenup an{text-decoration:none;display:block;background-image:none !important}
    li:hover .ulhome{left:280px;display:block;top:350px !important; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
    }


    /* Estilos h2 e h3 */
    .content h2, .panel h2 {
    border-bottom: transparent;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: .5em;
    margin-top: .5em;
    padding-bottom: .5em;
    }

    .moddule h3 {
      background: url(http://www.habbocean.altervista.org/image/skin/title_box.png);
    }


    #h2 {text-color: #000}



    /* Fancybox/lightbox */
    a.fa_fancybox img{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in}.fancybox-tmp iframe,.fancybox-tmp object{margin:0;padding:0;vertical-align:top}.fancybox-wrap{left:0;position:absolute;top:0;z-index:920}.fancybox-skin{-moz-border-radius:4px;-webkit-border-radius:4px;background:#f9f9f9;border-radius:4px;color:#444;margin:0;padding:0;position:relative;text-shadow:none}.fancybox-opened{z-index:930}.fancybox-opened .fancybox-skin{-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-inner,.fancybox-outer{margin:0;outline:none;padding:0;position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:20px;margin:0;padding:10px}.fancybox-iframe,.fancybox-image{border:0;display:block;height:100%;margin:0;padding:0;vertical-align:top;width:100%}.fancybox-image{max-height:100%;max-width:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png)}#fancybox-loading{background-position:0 -108px;cursor:pointer;left:50%;margin-left:-22px;margin-top:-22px;opacity:.8;position:fixed;top:50%;z-index:920}#fancybox-loading div{background:url(http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif) center center no-repeat;height:44px;width:44px}.fancybox-close{cursor:pointer;height:36px;position:absolute;right:-18px;top:-18px;width:36px;z-index:940}.fancybox-nav{-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent url(http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif);cursor:pointer;height:100%;position:absolute;top:0;width:40%;z-index:940}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{cursor:pointer;height:34px;margin-top:-18px;position:absolute;top:50%;visibility:hidden;width:36px;z-index:940}.fancybox-prev span{background-position:0 -36px;left:20px}.fancybox-next span{background-position:0 -72px;right:20px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{left:-9999px;overflow:visible;padding:0;position:absolute;top:-9999px;visibility:hidden}#fancybox-overlay{background:#000;display:none;left:0;overflow:hidden;position:absolute;top:0;z-index:910}#fancybox-overlay.overlay-fixed{bottom:0;position:fixed;right:0}.fancybox-title{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;line-height:20px;position:relative;text-shadow:none;visibility:hidden;z-index:950}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{bottom:0;margin-bottom:-35px;position:absolute;right:50%;text-align:center;z-index:930}.fancybox-title-float-wrap .child{-moz-border-radius:15px;-webkit-border-radius:15px;background:rgba(0,0,0,0.8);border-radius:15px;color:#FFF;display:inline-block;font-weight:700;line-height:24px;margin-right:-100%;padding:2px 20px;text-shadow:0 1px 2px #222;white-space:nowrap}.fancybox-title-outside-wrap{color:#fff;margin-top:10px;position:relative}.fancybox-title-inside-wrap{margin-top:10px}.fancybox-title-over-wrap{background:rgba(0,0,0,.8);bottom:0;color:#fff;left:0;padding:10px;position:absolute}



    /* Widget login */
    .margin-login{
      margin-left: 10px;
    }

    #username.login-field{
      padding: 1.9px 2px;
    margin-left: 2px;
    }

    .botaolog:link, .botaolog:visited, .botaolog:hover, .botaolog:visited { color: #FFF;}

    .botaolog {
        color: #FFF;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
        background-color: #0DA8BB;
        border-radius: 6px;
        padding: 10px 6px 10px;
        display: block;
        border-width: 1px 1px 3px 1px;
        border-style: solid;
        border-color: rgba(0,0,0,0.16);
        -webkit-transition: background-color 0.5s;
        -moz-transition: background-color 0.5s;
        -o-transition: background-color 0.5s;
        transition: background-color 0.5s;
      text-shadow:#077a88 -1px -1px;
    }

    .botaolog:hover {
        background-color: #22D5E7;
    cursor:pointer;
    }
    .botaolog a{color:#fff !important;}

    .botaolog:active {
        border-width: 1px;
        padding: 12px 6px 10px;
    }


    /* Quote estilo */
    blockquote,blockquote blockquote,blockquote blockquote blockquote{background:#F3F3F3;border:1px solid #AFAFAF;box-shadow:0 2px 10px #D6D6D6;margin:1em;text-shadow:1px 1px #fff}

        ul#picture_legend{-moz-border-radius:10px;-webkit-border-radius:10px;background:url(http://i42.servimg.com/u/f42/14/92/41/94/untitl15.jpg);background-repeat:repeat-x;border:1px solid #8FC5E4;border-radius:10px;padding:5px}


    /* Remove expandir imagem */
    .resizebox.gensmall.clearfix {display:none}


    /* Menu do widget */
     
      #cssmenu {
      width: 200px;
      border-style: solid solid none solid;
      border-color: #FFF;
      border-size: 1px;
      border-width: 1px;
      }

    #cssmenu ul{
      list-style:none;
      margin:0px;
      padding:0px;
      }
    #cssmenu li a {
      height: 32px;
        height: 24px;
      text-decoration: none;
      font-weight:normal;
      } 
     
    #cssmenu li a:link,
    #cssmenu li a:visited {
      color: #FFF;
      display: block;
      background: url(http://i13.servimg.com/u/f13/17/95/30/27/5hk87110.png);
      background-repeat:no-repeat;
      padding: 8px 0 0 10px;
      }
     
    #cssmenu li a:hover {
      color: #FFF;
      background: url(http://i13.servimg.com/u/f13/17/95/30/27/5hk87110.png) 0 -32px;
      background-repeat:no-repeat;
      padding: 8px 0 0 10px;
      }
     
    #cssmenu li a:active {
      color: #FFF;
      background: url(http://i78.servimg.com/u/f78/16/73/94/18/sem_ta28.png) 0 -64px;
      background-repeat:no-repeat;
      padding: 8px 0 0 10px;
      }
     

    /* BBCODE código */
      dl.codebox{margin:8px}.codebox dt{background-color:#0EB3C5;background-image:url(http://www.habborator.org/archive/icons/medium/me_rooms_inactive.gif);background-position:top right;background-repeat:no-repeat;display:block;font-weight:700;padding:3px;text-transform:uppercase}* html .codebox dt{zoom:1}.codebox dd{background-color:#fff;border:1px dotted #000;font-family:Courier,CourierNew,sans-serif;max-height:200px;overflow:auto;padding:5px;white-space:pre}* html .codebox dd{height:200px}.spoiler{background-color:#fcfcfc;border-bottom:1px dotted #000;border-left:5px solid #a0c17a;border-right:1px dotted #000;border-top:1px dotted #000;display:block;margin:8px;padding:8px}


    /* Editar modelo widget */
    .module .h3{background-image:url(http://i19.servimg.com/u/f19/19/20/24/81/i_list10.png); font:14px \'Trebuchet MS\'; color:#FFFFFF; margin:-5px -5px auto;padding:5px;text-align:center;width:155px center; text-shadow:#000 -1px -1px;    border-bottom: none}
    .postprofile{text-align:center} ul.navlinks{border-bottom:none}


    /* CSS das notícias */
    .get {
        border-bottom: 1px solid #666;
        display: block !important;
        margin: 7px 2px;
        padding: 3px 5px 6px 26px;
    }
    .getInfo {
        float: right;
        margin-right: -200px;
        margin-top: -13px;
    }
    .get:hover {
        background: #f3f1f1;
    }

    .get a:hover {
        text-decoration:underline
    }

    .get:last-child {
    border-bottom: none !important;
    margin-bottom: 3px;
    }

    .hab {
        border-bottom: 1px solid #666;
        display: block !important;
        margin: 7px 2px;
        padding: 3px 5px 6px 26px;
    }
    .habInfo {
        float: right;
        margin-right: -200px;
        margin-top: -13px;
    }
    .hab:hover {
        background: #f3f1f1;
    }

    .hab a:hover {
        text-decoration:underline
    }

    .hab:last-child {
    border-bottom: none !important;
    margin-bottom: 3px;
    }


    /* Slide estilos*/

    .nivoSlider {
        position: relative;
    }

    .nivoSlider img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .nivoSlider a.nivo-imageLink {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        padding: 0;
        margin: 0;
        z-index: 6;
        display: none;
    }

    .nivo-slice {
        display: block;
        position: absolute;
        z-index: 5;
        height: 100%;
    }

    .nivo-box {
        display: block;
        position: absolute;
        z-index: 5;
    }

    .nivo-caption {
        position: absolute;
        left: 0;
        bottom: 0;
        background: #000;
        color: #fff;
        opacity: .8;
        width: 300px;
        z-index: 8;
    }

    .nivo-caption p {
        padding: 5px;
        margin: 0;
    }

    .nivo-caption a {
        display: inline!important;
    }

    .nivo-html-caption {
        display: none;
    }

    .nivo-directionNav a {
        position: absolute;
        z-index: 9;
        cursor: pointer;
    }

    .nivo-prevNav {
        left: 0;
    }

    .nivo-nextNav {
        right: 0;
    }

    .nivo-controlNav a {
        position: relative;
        z-index: 9;
        cursor: pointer;
    }

    .nivo-controlNav a.active {
        font-weight: bold;
    }

    .theme-default .nivoSlider {
        background: #fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
        -webkit-box-shadow: 0 1px 5px 0 #4a4a4a;
        -moz-box-shadow: 0 1px 5px 0 #4a4a4a;
        box-shadow: 0 1px 5px 0 #4a4a4a;
    }

    .theme-default .nivoSlider img {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

    .theme-default .nivoSlider a {
        border: 0;
        display: block;
    }

    .theme-default .nivo-controlNav {
        position: absolute;
        bottom: -42px;
        margin-left: -40px;
            left: 50%;
    }

    .theme-default .nivo-controlNav a {
        display: block;
        width: 22px;
        height: 22px;
        background: url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
        text-indent: -9999px;
        border: 0;
        margin-right: 3px;
        float: left;
    }

    .theme-default .nivo-controlNav a.active {
        background-position: 0 -22px;
    }

    .theme-default .nivo-directionNav a {
        display: block;
        width: 30px;
        height: 30px;
        background: url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
        text-indent: -9999px;
        border: 0;
        bottom: 20px;
    }

    .theme-default a.nivo-nextNav {
        background-position: -30px 0;
        right: 15px;
    }

    .theme-default a.nivo-prevNav {
        left: 15px;
    }

    .theme-default .nivo-caption {
        font-family: Helvetica,Arial,sans-serif;
    }

    .theme-default .nivo-caption a {
        color: #fff;
        border-bottom: 1px dotted #fff;
    }

    .theme-default .nivo-caption a:hover {
        color: #fff;
    }

   


    #divcolor {display:none}

    #ddrequest {
    position: fixed;
    bottom: 10px;
    line-height: 16px;
    text-align: left;
    right: 10px;
    z-index: 1;
    width: 200px;
    height: 60px;
    background: #0FA7C1;
    color: #fff;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    padding: 10px;
    text-decoration: none;
    font-size: 11px;
    font-family: Tahoma;
    -webkit-box-shadow: 0px 0px 10px #FFF;
    -moz-box-shadow: 0px 0px 10px #FFF;
      box-shadow: 0px 0px 10px #FFF;
          -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
      border-radius: 5px;
    }

    #newfriend {font-size: 12px; line-height: 20px; color:#FFF}
    #newfriend a{color:#fff}

    #profile-advanced-layout #tabs ul > li:first-child a span::before {content: url(http://i.imgur.com/jPIf6.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li a span::before {content: url(http://i.imgur.com/dgGVs.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li + li a span::before {content: url(http://i.imgur.com/0Fdfj.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li + li + li a span::before {content: url(http://i.imgur.com/jbdIP.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li + li + li + li a span::before {content: url(http://i.imgur.com/26xsJ.png);float: left;}

    .codebox{background-color:#ffffe1;border:1px dotted #ddd;margin:1em}.codebox dt{border-bottom:1px dotted #ddd;padding:.25em}.codebox dd{background-color:#ffffe1;margin:.5em;padding:.5em}.faq dd ul{margin:0 2em}.codebox + blockquote{background-color:#fff;border:1px dotted #ddd;margin:.5em 3em;padding:.5em}.codebox dd.cont_code{max-height:200px;overflow:auto}

    .codebox dd.cont_code,.codebox.spoiler dd{background:#F0F0F0;border:1px solid #d3d3d3}

    #main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 1px 1px 0px #afafaf; -webkit-box-shadow: 1px 1px 0px #afafaf}




    .reputation {
    color: white;
    background: #8DB13E url(\'http://i74.servimg.com/u/f74/18/08/53/97/highli10.png\') repeat-x 0 1px;
    float: center;
    bottom: -7px;
    text-align: center;
    left: 1em;
    margin: 2px;
    margin-top: 5px;
    font-weight: bold;
    padding: 3px 8px;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 7em;
    border-radius: 3px;
    text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
    }
    .setInfos { 
    float: right;
    }
      .sucesso {
    background: url(\'http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png\') no-repeat 6px #effeb9;
    border: 1px solid #9ac601;
    color: #4F8A10;
    padding: 6px 6px 6px 40px;
    width: 99%;
    text-shadow: 0 1px 0 #FFFAF1;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    font-weight: bold;
    border-radius: 3px 3px 3px 3px;
    }
    .alerta {
    background: url(\'http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png\') no-repeat 6px #fccac3;
    border: 1px solid #db3f23;
    color: #D8000C;
    padding: 6px 6px 6px 40px;
    width: 99%;
    text-shadow: 0 1px 0 #FFFAF1;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    font-weight: bold;
    border-radius: 3px 3px 3px 3px;
    }
    .aviso {
    background: url(\'http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png\') no-repeat 6px #ffeaa9;
    border: 1px solid #f9b516;
    color: #9F6000;
    padding: 6px 6px 6px 40px;
    width: 99%;
    text-shadow: 0 1px 0 #FFFAF1;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    font-weight: bold;
    border-radius: 3px 3px 3px 3px;
    }
    #blog_comments .h3 {
    background-image: none!important;
    margin-left: 45px;
    margin-top: 0;
    position: relative;
    margin-right: 15px;
    }
    #blog_comments .profile-icons {
    margin-right: 49px!important;
    margin-top: 9px!important;
    }
    .row {
    border-bottom: 1px solid rgb(228, 228, 228)!important;
    border-top: 1px solid rgb(255, 255, 255)!important;
    background-color: #EFF4FF!important;
    }
    #avisos, .topiclist.forums dd.lastpost {
    background-color: rgb(236, 246, 255);
    border-radius: 5px;
    box-shadow: rgb(161, 218, 245) 1px 1px 1px;
    width: 150px!important;
    height: 50px!important;
    }
    em {
    font-style: normal;
    }
    .module {
    background: url(http://i43.servimg.com/u/f43/17/53/16/77/sem_ta12.png) repeat-x center bottom;
    border: 1px solid #CECECE;
    }
    #cssmenu li a:link, #cssmenu li a:visited {
    border-radius: 5px!important;
    }

    a#return_to_ipbfs {
    height: 80px!important;
    }
    .forums li.row:hover, .topiclist li.row:hover {
    -moz-transition-duration: 1s!important;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    background-color: #D3E1FF!important;
    }



    #footer_utilities {
    padding: 8px;
    font-size: 11px;
    height: 45px;
    position: relative;
    border-top: 1px solid #141414;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
    background: #262626 url(\'http://bi0s.com.br/powerpixel/images/branding_bg.png\') repeat;
    }
    div.post {
    background-color: #eeeeee !important; /*cor do fundo*/
    border: 1px solid #adadad; /*tamanho e cor da borda*/
    border-radius: 10px; /*arredondamento das quinas*/
    box-shadow: 0px 2px 2px;} /*sombra*/
    [data-counter]:after {
        background-color: #FF6969;
        background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
        background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
        content: attr(data-counter);
        position: absolute;
        padding: 2px 6px;
        border: 2px solid white;
        border-radius:100px;
        box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
        background-clip: padding-box;
        font:bold 10px "Helvetica Neue", sans-serif;
        color: white;
        text-decoration: none;
        text-shadow: 0 -1px 0 rgba(0,0,0,.6);
        margin-left: -10px;
        margin-top: -10px;
    }​
    /**
    * Modal de Mensagem Privada
    * Versão: PHPBB3
    * Autor: Kyo Panda
    * Site: ajuda.forumeiros.com
    */
   
    #pm-backdrop {
      content: " ";
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.8);
      z-index: 5;
    }
   
    #pm-modal {
      display: none;
      position: fixed;
      z-index: 10;
      top: 100px;
      left: 50%;
      width: 500px;
      margin-left: -250px;
      box-sizing: border-box;
    }
   
    #pm-backdrop.open,
    #pm-modal.open {
      display: block;
    }
   
    #pm-title {
      padding: 6px 5px 8px;
      display: block;
      text-transform: uppercase;
    }
   
    #pm-modal > form {
      background-color: #ecf3f7;
    }
   
    #pm-modal > .close {
      position: absolute;
      right: 20px;
      top: 10px;
      line-height: 14px;
      font-size: 14px;
      cursor: pointer;
      text-decoration: none;
      color: #fff;
    }
   
    #pm-modal .pm-body {
      padding: 10px;
    }
   
    #pm-modal .pm-buttons {
      margin: 0 !important;
      padding: 10px 0;
      border-top: 1px #fff solid;
    }
   
    #pm-modal .pm-buttons .button1,
    #pm-modal .pm-buttons .button2 {
      margin: 0 5px;
    }
    .pathname-box {
    -moz-border-radius: 3px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
    background: #F3F3F3;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
    margin-top: 10px;
    }
    .pathname-box {
    color: #F3F3F3;
    }
    .pathname-box p {
    color: #F7F2F2;
    font-size: 1.11em;
    line-height: 1.5;
    margin: 0;
    }
    a.nav {
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
    color: #777!important;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
    }
    #chatbox:after {
    content: 'Mensagens com conteúdo abusivo ou de desrespeito a outro usuário será interpretada como banimento ao membro infrator' !important;
    background: url('http://i.imgur.com/QWzWG1j.png') left center no-repeat !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    background-color: transparent !important;
    border: 1px solid green !important;
    color: green !important;
    display: block !important;
    font-size: 12px !important;
    padding: 10px !important;
    padding-left: 35px !important;
    }
    .postbody {
    font-family: Trebuchet MS, Arial !important;
    }
    #i_whosonline + p br + br + em {
      width: 70%;
      background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
      border: 2px solid #DDD;
      border-radius: 6px;
      text-align: justify;
      padding: 10px 8px 5px 5px;
      display: block;
      margin: 0 auto;
      font-size: 0px;
      color: transparent;
    }

    #i_whosonline + p br + br + em a {
      -webkit-transition-duration: .3s;
      text-shadow: 0px 1px 1px #454545;
      font-size: 15px;
      margin: 0 5px;
      font-style: normal;
      font-weight: normal;
    }

    #i_whosonline + p br + br + em a:hover {
      background: #DDD;
      padding: 9px 10px 10px;
    } 
   
   
    #i_whosonline + p br + br + em {
    text-align: center !important;
    width: 61% !important;
    }
    .postbody .content {font-size: 1.3em;font-family: Trebuchet MS, Arial !important;}
    .saving_post {
    color: #777;
    font-weight: bold;
    text-shadow: 0 1px #EEE;
    margin: 5px;
    font-style: italic;
    }

    /*******CURTIR NO POST********/
      #rep_post .reput_vote {
      background-color: #daedfb;
      color: #666;
      -khtml-user-select: none;
      -moz-transition: all,0.15s;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-transition: all,0.15s;
      -webkit-touch-callout: none;
      -webkit-transition: all,0.15s;
      -webkit-user-select: none;
      background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
      background-size: 12px;
      clear: both;
      color: #666;
      cursor: pointer;
      display: table;
      font-size: 11px;
      font-weight: 400;
      line-height: 18px;
      margin: 5px;
      padding: 3px 5px 3px 25px;
      text-align: right;
      transition: all,0.15s;
    }
    .reput_vote.zero {
      background-color: #6a6a6a;
    }
     
     
      .BS_like:hover {
      background-color: #daedfb;
      color: #666;
    }
    .BS_like {
      -khtml-user-select: none;
      -moz-transition: all,0.15s;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-transition: all,0.15s;
      -webkit-touch-callout: none;
      -webkit-transition: all,0.15s;
      -webkit-user-select: none;
      background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
      background-size: 12px;
      clear: both;
      color: #666;
      cursor: pointer;
      display: table;
      font-size: 11px;
      font-weight: 400;
      line-height: 18px;
      margin: 5px;
      padding: 3px 5px 3px 25px;
      text-align: right;
      transition: all,0.15s;
      user-select: none;
    }

    .BS_like:before {
      content: "Curtir";
    }
     
      #rep_post .bs_inline {
      list-style: none;
    }
     
      .BS_like:hover {
      background-color: #daedfb;
      color: #666;
    }
     
      #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
    #rep_post .bs_inline {list-style: none;}
    #rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
    #rep_post .bs_inline > li:first-child {margin-left: 0;}
    #rep_post .bs_inline img {display: none;}
    #rep_post span img {cursor: pointer;}


    .reput_vote.positive {background-color: #8db13e;}
    .reput_vote.zero {background-color: #6a6a6a;}

    #rep_post .reput_vote:before {
      content: "Curtidas ";
    }
    /***********FIM CURTIR************/
    #chatbox_header {
    moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }
    #chatbox_footer {
    moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }

Atenciosamente.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Personalizar o chatbox

Mensagem por LeandroNeto em Sab 25 Jul - 14:21

Obrigado. Gostaria também de tirar esses nomes '' [10:00:28] AndreS foi desconectado em Sab 25 Jul 2015 - 10:00 (tempo limite sem atividade atingido) '' do chatbox quando um membro sair/desconectar-se.. Já que está aparecendo ao lado esquerdo quem está online não precisaria disso
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Personalizar o chatbox

Mensagem por Fraise em Sab 25 Jul - 14:26

Olá!

Para isso, crie um novo javascript com investimento em todas as páginas:
Painel de Controle Flecha ajudeiros Módulos Flecha ajudeiros Gestão dos códigos JavaScript

Código:
$(window).load(function() {
    var chatbox_script =
        function() {
            $('#chatbox > p > .msg > span').filter('[style="color:green"],[style="color:red"]').closest('p').remove();
            var overrided = Chatbox.prototype.refresh;
            Chatbox.prototype.refresh = function(data) {
                if (data.messages && data.messages.length) {
                    data.messages = $.grep(data.messages, function(v) {
                        return v.userId != -10 || $.inArray(v.msgColor, ["red", "green"]) == -1;
                    });
                }
                overrided.call(this, data);
            };
        };

    var s = document.createElement('script');
    s.text = "(" + chatbox_script.toString() + ")();";
    $('object[data^="/chatbox/index.forum"], iframe[src^="/chatbox/index.forum"]').each(function() {
        try {
            $(this.contentDocument || this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function() {
                this.appendChild(s.cloneNode(true))
            })
        } catch (a) {}
    })
});

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar o chatbox

Mensagem por LeandroNeto em Sab 25 Jul - 16:37

Ok, muito obrigado
avatar

LeandroNeto
Nível 8

Masculino
Inscrito dia : 28/12/2014
Mensagens : 114
Pontos Ativos : 186

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

Resolvido Re: Personalizar o chatbox

Mensagem por Rafael em Sab 25 Jul - 16:39

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

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