Chatbox personalizado

3 participantes

Ir para baixo

Tópico resolvido Chatbox personalizado

Mensagem por Cooper 05.05.17 12:59

Detalhes da questão


Endereço do fórum: http://hexusgames.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá, queria um chatbox igual a este: http://prntscr.com/f4ejpt , site que eu vi: http://power-pixel.net
Desde já obrigado =]
Cooper
Cooper
*****

Membro desde : 19/02/2013
Mensagens : 415
Pontos : 741

http://apixelados.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por MateusV. 05.05.17 21:12

Olá,

Adicione este código em seu CSS:
Código:
#chatbox_header.main-head {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 25px;
    margin-bottom: 4px;
    padding: 0;
    text-indent: 4px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.chatbox-title {
    float: left;
    margin: 0;
    padding: 2px 5px 0;
    width: 15em;
}
.chatbox-options {
    float: right;
    font-size: 11px;
    list-style: none;
    margin: .7em .5em .5em;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #fff;
    line-height: 14px;
    font-size: 11px;
}
#chatbox img {
    max-width: 80px;
    max-height: 80px;
}
#chatbox_members {
    background: #fff;
    border: 1px solid #eee;
    bottom: 30px;
    color: #333;
    overflow: auto;
    position: absolute;
    top: 32px;
    width: 180px;
    margin-top: 1px;
    border-radius: 3px 0;
}
#chatbox_members .member-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-family: segoe ui;
    font-size: 12px;
    padding: 7px 7px 9px;
    text-indent: 4px;
    line-height: 14px;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    text-transform: capitalize;
    margin: 4px;
    text-align: left;
}
#chatbox {
    background: #fff;
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
    border: 1px solid #eee;
    margin-top: 3px;
    border-radius: 0 3px 0;
}
.chatbox-title, .chatbox-title a.chat-title {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}
#chatbox > p span.user > span none {
  content: '@';
}
#chatbox > p span.user > span:after {
  content: '';
}
#chatbox p {
    line-height: 1.2em;
    margin: 4px;
    padding: 7px 7px 8px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    color: #000;
    font-family: segoe ui;
}
#chatbox .date-and-time{
    float: right;
    color: #777;
    text-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
#chatbox_footer {
    background: #fafafa;
    border: 1px solid #eee;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    padding: 0 0 3px;
    border-radius: 0 0 3px 3px;
}
#chatbox .user{display:inline-flex;}
#chatbox .msg {
    word-wrap: break-word;
}
label[for="message"] {
    display: none;
}
#chatbox_contextmenu {
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2)!important;
    border-radius: 1px;
    padding: 2px;
}
#chatbox_contextmenu p {
    background: #fff;
    font-family: segoe ui;
    margin: 0;
    padding: 1px 20px 1px 3px;
    border-bottom: 0;
}
#chatbox_contextmenu p.cb-menu-item:hover {
    background: #fff!important;
}
.cb-menu-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png)!important;
    font-weight: 500!important;
    color: #fff!important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 2px!important;
}
.cb-menu-close {
    color: #FFF!important;
    font-size: 16px!important;
    margin-right: 4px;
    margin-top: -2px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
#chatbox_contextmenu a {
    color: #555;
    font-size: 95%;
    text-decoration: none;
}
#chatbox_contextmenu a:hover {
    color: #2ea3f2;
}
#message {
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 2px;
    box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    height: 25px!important;
    margin-right: 5px;
    margin-top: 3px!important;
    width: 350px!important;
    outline: none;
    text-indent: 10px;
    font-size: 12px;
}
#submit_button {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border: 0!important;
    border-radius: 2px!important;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1)!important;
    color: #fff;
    font-size: 12px;
    height: 25px!important;
    padding: 5px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    width: auto!important;
    outline: none;
}
#chatbox_messenger_form {margin: 0!important;}

Abraços.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por Cooper 06.05.17 0:19

Ficou meio bugado: http://prntscr.com/f4ml7d poderia ajudar?
Cooper
Cooper
*****

Membro desde : 19/02/2013
Mensagens : 415
Pontos : 741

http://apixelados.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por MateusV. 06.05.17 1:34

Cooper escreveu:Ficou meio bugado: http://prntscr.com/f4ml7d poderia ajudar?

Olá,

Isso acontece porque há interferência de outros códigos CSS presentes na sua folha de estilo. Copie todo o código e me envie, se puder, farei as modificações.

Abraços.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por Cooper 06.05.17 12:32

Aqui está:

Código:

.pun .main, .pun .main-category {
    margin: 0;
}
.main .main-head span {color: #fff!important;}
.pun tbody.statused td.tcl {
  padding-left:10px;
}
.pun .main .options {
    color: #ccc;
    float: right;
    text-align: right;
    margin-top: 4px;
}
.pun .user-ident .username a {
    text-decoration: none;
    font-weight: 600;
}
h4.username strong {
    font-weight: 600!important;
}
#chatbox_header.main-head {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 25px;
    margin-bottom: 4px;
    padding: 0;
    text-indent: 4px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.chatbox-title {
    float: left;
    margin: 0;
    padding: 2px 5px 0;
    width: 15em;
}
.chatbox-options {
    float: right;
    font-size: 11px;
    list-style: none;
    margin: .7em .5em .5em;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #fff;
    line-height: 14px;
    font-size: 11px;
}
#chatbox img {
    max-width: 80px;
    max-height: 80px;
}
#chatbox_members {
    background: #fff;
    border: 1px solid #eee;
    bottom: 30px;
    color: #333;
    overflow: auto;
    position: absolute;
    top: 32px;
    width: 180px;
    margin-top: 1px;
    border-radius: 3px 0;
}
#chatbox_members .member-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-family: segoe ui;
    font-size: 12px;
    padding: 7px 7px 9px;
    text-indent: 4px;
    line-height: 14px;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    text-transform: capitalize;
    margin: 4px;
    text-align: left;
}
#chatbox {
    background: #fff;
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
    border: 1px solid #eee;
    margin-top: 3px;
    border-radius: 0 3px 0;
}
.chatbox-title, .chatbox-title a.chat-title {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}
#chatbox > p span.user > span none {
  content: '@';
}
#chatbox > p span.user > span:after {
  content: '';
}
#chatbox p {
    line-height: 1.2em;
    margin: 4px;
    padding: 7px 7px 8px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    color: #000;
    font-family: segoe ui;
}
#chatbox .date-and-time{
    float: right;
    color: #777;
    text-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
#chatbox_footer {
    background: #fafafa;
    border: 1px solid #eee;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    padding: 0 0 3px;
    border-radius: 0 0 3px 3px;
}
#chatbox .user{display:inline-flex;}
#chatbox .msg {
    word-wrap: break-word;
}
label[for="message"] {
    display: none;
}
#chatbox_contextmenu {
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2)!important;
    border-radius: 1px;
    padding: 2px;
}
#chatbox_contextmenu p {
    background: #fff;
    font-family: segoe ui;
    margin: 0;
    padding: 1px 20px 1px 3px;
    border-bottom: 0;
}
#chatbox_contextmenu p.cb-menu-item:hover {
    background: #fff!important;
}
.cb-menu-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png)!important;
    font-weight: 500!important;
    color: #fff!important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 2px!important;
}
.cb-menu-close {
    color: #FFF!important;
    font-size: 16px!important;
    margin-right: 4px;
    margin-top: -2px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
#chatbox_contextmenu a {
    color: #555;
    font-size: 95%;
    text-decoration: none;
}
#chatbox_contextmenu a:hover {
    color: #2ea3f2;
}
#message {
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 2px;
    box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    height: 25px!important;
    margin-right: 5px;
    margin-top: 3px!important;
    width: 350px!important;
    outline: none;
    text-indent: 10px;
    font-size: 12px;
}
#submit_button {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border: 0!important;
    border-radius: 2px!important;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1)!important;
    color: #fff;
    font-size: 12px;
    height: 25px!important;
    padding: 5px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    width: auto!important;
    outline: none;
}
#chatbox_messenger_form {margin: 0!important;}
#help-button {display: none!important;}
#divcolor, #divsmilies, #help-button, #submit_button, .format-message + label {
    border: 0;
    border-radius: 2px;
    display: inline-block;
    height: 20px;
    line-height: 16px;
    text-align: center;
    width: 21px;
    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    box-shadow: inset rgba(0,0,0,0.1) 0 0px 1px;
}
.fontbutton {
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0;
    border: medium none;
    color: #000;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    padding: 1px;
    text-align: left;
}
label[for='format-bold'] {
    font-weight: 700;
    margin-top: 5px;
}
label[for="format-italic"] {
    font-style: italic;
    margin-top: 5px;
}
label[for="format-underline"] {
    text-decoration: underline;
    margin-top: 5px;
}
label[for="format-strike"] {
    text-decoration: line-through;
    margin-top: 5px;
}
#divcolor {
    font-size: 13px;
    line-height: 13px;
    margin-top: 5px;
}
#divsmilies{margin-top: 5px;}
.format-message:checked + label {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png)!important;
    border: 1px solid rgba(0,0,0,0.15);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    text-align: center;
}
#chatbox_header.main-head {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 25px;
    margin-bottom: 4px;
    padding: 0;
    text-indent: 4px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.chatbox-title {
    float: left;
    margin: 0;
    padding: 2px 5px 0;
    width: 15em;
}
.chatbox-options {
    float: right;
    font-size: 11px;
    list-style: none;
    margin: .7em .5em .5em;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #fff;
    line-height: 14px;
    font-size: 11px;
}
#chatbox img {
    max-width: 80px;
    max-height: 80px;
}
#chatbox_members {
    background: #fff;
    border: 1px solid #eee;
    bottom: 30px;
    color: #333;
    overflow: auto;
    position: absolute;
    top: 32px;
    width: 180px;
    margin-top: 1px;
    border-radius: 3px 0;
}
#chatbox_members .member-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-family: segoe ui;
    font-size: 12px;
    padding: 7px 7px 9px;
    text-indent: 4px;
    line-height: 14px;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    text-transform: capitalize;
    margin: 4px;
    text-align: left;
}
#chatbox {
    background: #fff;
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
    border: 1px solid #eee;
    margin-top: 3px;
    border-radius: 0 3px 0;
}
.chatbox-title, .chatbox-title a.chat-title {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}
#chatbox > p span.user > span none {
  content: '@';
}
#chatbox > p span.user > span:after {
  content: '';
}
#chatbox p {
    line-height: 1.2em;
    margin: 4px;
    padding: 7px 7px 8px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    color: #000;
    font-family: segoe ui;
}
#chatbox .date-and-time{
    float: right;
    color: #777;
    text-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
#chatbox_footer {
    background: #fafafa;
    border: 1px solid #eee;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    padding: 0 0 3px;
    border-radius: 0 0 3px 3px;
}
#chatbox .user{display:inline-flex;}
#chatbox .msg {
    word-wrap: break-word;
}
label[for="message"] {
    display: none;
}
#chatbox_contextmenu {
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2)!important;
    border-radius: 1px;
    padding: 2px;
}
#chatbox_contextmenu p {
    background: #fff;
    font-family: segoe ui;
    margin: 0;
    padding: 1px 20px 1px 3px;
    border-bottom: 0;
}
#chatbox_contextmenu p.cb-menu-item:hover {
    background: #fff!important;
}
.cb-menu-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png)!important;
    font-weight: 500!important;
    color: #fff!important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 2px!important;
}
.cb-menu-close {
    color: #FFF!important;
    font-size: 16px!important;
    margin-right: 4px;
    margin-top: -2px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
#chatbox_contextmenu a {
    color: #555;
    font-size: 95%;
    text-decoration: none;
}
#chatbox_contextmenu a:hover {
    color: #2ea3f2;
}
#message {
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 2px;
    box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    height: 25px!important;
    margin-right: 5px;
    margin-top: 3px!important;
    width: 350px!important;
    outline: none;
    text-indent: 10px;
    font-size: 12px;
}
#submit_button {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border: 0!important;
    border-radius: 2px!important;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1)!important;
    color: #fff;
    font-size: 12px;
    height: 25px!important;
    padding: 5px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    width: auto!important;
    outline: none;
}
#chatbox_messenger_form {margin: 0!important;}
.cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -38em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 160px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 382px;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin-bottom:10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}
.user-ident,
.user-ident * {
  box-sizing: border-box;
}
 
span[itemprop="name"] {
  border: solid 1px #ddd;
  padding: 10px 0px;
  width: 100%;
  border-radius: 3px;
  display: inline-block;
  margin: 15px 0px!important;
  box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.12);
  font-size: 15px;
}
div [style*="color:#E400F0"]:before {
font-weight: 600!important;
font-size: 11px;
content: "[VIP] ";
}
div [style*="color:#04B30F"]:before {
font-weight: 600!important;
font-size: 11px;
content: "[VIP+] ";
}
/*WIDGET DE ESTADISTICAS*/
#stats_sidebar {
    margin: -10px;
}
#stats_sidebar li {
    border-bottom: 1px solid #E9EDEE;
}
.List_data li {
    padding: 6px; 
    line-height: 1.3;
}
.srl {
    color: rgb(150,150,150);
}
#stats_sidebar .srr {
    float: right;
    font-weight: bold;
}
.BS_like {
    background: #009fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 10px;
    text-transform: uppercase;
}
.BS_vote {
    background: #eee none repeat scroll 0 0;
    border-radius: 3px;
    float: right;
    margin-top: 100px;
    padding: 10px 5px;
}
.BS_count {
    border-radius: 3px;
    font-weight: 700;
    margin: 0 5px;
    padding: 6px 10px;
}
.BS_done {
    cursor: default;
    opacity: .5;
}
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
 
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
 
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
 
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
 
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
 
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
 
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
 
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
 
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
 
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
 
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
.adm {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #c0392b;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 32px;
width: 150px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.adm:before{    content: "\f135";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mod {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #436EEE;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mod:before{    content: "\f11b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.dzn {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #9400D3;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.dzn:before{    content: "\f1fc";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.vip {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CD1076;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.vip:before{    content: "\f005";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.vipplus {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #04B30F;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.vipplus:before{    content: "\f005";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.membro {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #696969;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.membro:before{    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mini {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #696969;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mini:before{    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mbronze {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #8B6914;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mbronze:before{    content: "\f0a3";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mprata {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CDC9C9;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mprata:before{    content: "\f086";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mouro {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFD700;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mouro:before{    content: "\f0ac";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mplatina {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #D3D3D3;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mplatina:before{    content: "\f069";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mdiamante {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00F5FF;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mdiamante:before{    content: "\f219";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border--radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(141, 177, 62)!important;
  color: rgb(255, 255, 255);
}
 
.reputation .title {
    display: block;
}
html, body {
font: normal 13px helvetica, arial, sans-serif;
background-color: #d8dde8;
color: #5a5a5a;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
.pun, .main_width {
margin: 0 auto;
width: 87%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
a:link {text-decoration: none;}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {font-size: 0.8em;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #323232 url(http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#user_navigation #sign_in {
  margin-right: 8px;
}
#notify_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 8px 12px;
position: relative;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: #0F3854 url(http://i81.servimg.com/u/f81/17/45/75/97/brandi10.png) repeat-x;
border-bottom: 1px solid #1B3759;
min-height: 64px;
}
#logo {
display: inline;
}
.clickable {
  cursor: pointer;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
background: #204066;
font-size: 13px;
padding: 4px 0 0 0;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
color: #c5d5e2;
background: #1c3b5f;
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: #173455;
color: #fff;
}
#community_app_menu > li.active > a {
background: #fff;
color: #0b5794;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#quickNavLaunch span {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #2ea3f2;
border-style: solid;
margin-top: 15px;
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 16px;
font-weight: 300;
}
.pun .main-content {
  background: #ebf0f3;
  padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-right: 10px;
margin-left: -25px;
}
.pun tbody.statused span.status {
position: relative!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td.tc3 {
text-align: right;
width: 15%;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.hierarchy {
font-size: 15px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0px 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);
}
.mini_ava 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);
}
/*module*/
.module .main-head {
font: normal 14px helvetica, arial, sans-serif;
color: #204066;
padding: 5px 10px;
background: #DBE2EC;
border: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #2ea3f2;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: #e2e2e2;
color: #4a4a4a;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{background:#af286d;color:#fff;opacity:1;}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
  font-size: 11px;
  color: #a4a4a4;
  text-align: center;
  font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
height: 270px;
width: 150px;
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);
}
.user-basic-info a 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);
}
/*quick reply*/
#pun-qpost {
  background: #ebf0f3;
  padding: 9px;
  padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
  border: 1px solid #dbe4ef;
}
.pun .main-content {
  border: 1px solid #dbe4ef;
  border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: right;
}
/*chatbox*/
#chatbox_header.main-head {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 25px;
    margin-bottom: 4px;
    padding: 0;
    text-indent: 4px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
#chatbox_header.main-head {
    background-color: #1f537b;
    color: #dedfdf;
    padding: 0 1.3em;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members .member-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-family: segoe ui;
    font-size: 12px;
    padding: 7px 7px 9px;
    text-indent: 4px;
    line-height: 14px;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    text-transform: capitalize;
    margin: 4px;
    text-align: left;
}
#chatbox_members .member-title {
    background-color: #f4f9fd;
    background-image: none;
    color: #00569c;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: .5em .25em;
    text-align: center;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
  padding-bottom: 6px;
  border-top: 1px solid #d5dde5;
  background: #f1f6f9;
}
#chatbox_footer .right {
  /*display: none !important;*/
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
  background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox {
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #212121;
}
/*crumbs*/
p.crumbs a {
  color: #777!important;
  font: normal 13px helvetica, arial, sans-serif;
}
/*******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************/
html body div div div .main-head {
  background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png)!important;
  box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 2px;
  padding: 8px;
  border-radius: 3px;
  text-indent: 6px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
html body div #right div .main-head {
  background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png)!important;
  box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 2px;
  padding: 8px;
  border-radius: 3px;
  text-indent: 6px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
Cooper
Cooper
*****

Membro desde : 19/02/2013
Mensagens : 415
Pontos : 741

http://apixelados.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por MateusV. 06.05.17 19:15

Olá,

Substitua por este:
Código:
.pun .main, .pun .main-category {
    margin: 0;
}
.main .main-head span {color: #fff!important;}
.pun tbody.statused td.tcl {
  padding-left:10px;
}
.pun .main .options {
    color: #ccc;
    float: right;
    text-align: right;
    margin-top: 4px;
}
.pun .user-ident .username a {
    text-decoration: none;
    font-weight: 600;
}
h4.username strong {
    font-weight: 600!important;
}

.cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -38em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 160px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 382px;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin-bottom:10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}
.user-ident,
.user-ident * {
  box-sizing: border-box;
}
 
span[itemprop="name"] {
  border: solid 1px #ddd;
  padding: 10px 0px;
  width: 100%;
  border-radius: 3px;
  display: inline-block;
  margin: 15px 0px!important;
  box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.12);
  font-size: 15px;
}
div [style*="color:#E400F0"]:before {
font-weight: 600!important;
font-size: 11px;
content: "[VIP] ";
}
div [style*="color:#04B30F"]:before {
font-weight: 600!important;
font-size: 11px;
content: "[VIP+] ";
}
/*WIDGET DE ESTADISTICAS*/
#stats_sidebar {
    margin: -10px;
}
#stats_sidebar li {
    border-bottom: 1px solid #E9EDEE;
}
.List_data li {
    padding: 6px; 
    line-height: 1.3;
}
.srl {
    color: rgb(150,150,150);
}
#stats_sidebar .srr {
    float: right;
    font-weight: bold;
}
.BS_like {
    background: #009fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 10px;
    text-transform: uppercase;
}
.BS_vote {
    background: #eee none repeat scroll 0 0;
    border-radius: 3px;
    float: right;
    margin-top: 100px;
    padding: 10px 5px;
}
.BS_count {
    border-radius: 3px;
    font-weight: 700;
    margin: 0 5px;
    padding: 6px 10px;
}
.BS_done {
    cursor: default;
    opacity: .5;
}
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
 
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
 
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
 
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
 
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
 
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
 
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
 
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
 
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
 
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
 
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
.adm {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #c0392b;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 32px;
width: 150px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.adm:before{    content: "\f135";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mod {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #436EEE;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mod:before{    content: "\f11b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.dzn {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #9400D3;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.dzn:before{    content: "\f1fc";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.vip {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CD1076;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.vip:before{    content: "\f005";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.vipplus {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #04B30F;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.vipplus:before{    content: "\f005";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.membro {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #696969;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.membro:before{    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mini {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #696969;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mini:before{    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mbronze {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #8B6914;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mbronze:before{    content: "\f0a3";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mprata {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CDC9C9;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mprata:before{    content: "\f086";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mouro {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFD700;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mouro:before{    content: "\f0ac";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mplatina {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #D3D3D3;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mplatina:before{    content: "\f069";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mdiamante {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00F5FF;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mdiamante:before{    content: "\f219";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border--radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(141, 177, 62)!important;
  color: rgb(255, 255, 255);
}
 
.reputation .title {
    display: block;
}
html, body {
font: normal 13px helvetica, arial, sans-serif;
background-color: #d8dde8;
color: #5a5a5a;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
.pun, .main_width {
margin: 0 auto;
width: 87%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
a:link {text-decoration: none;}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {font-size: 0.8em;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #323232 url(http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#user_navigation #sign_in {
  margin-right: 8px;
}
#notify_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 8px 12px;
position: relative;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: #0F3854 url(http://i81.servimg.com/u/f81/17/45/75/97/brandi10.png) repeat-x;
border-bottom: 1px solid #1B3759;
min-height: 64px;
}
#logo {
display: inline;
}
.clickable {
  cursor: pointer;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
background: #204066;
font-size: 13px;
padding: 4px 0 0 0;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
color: #c5d5e2;
background: #1c3b5f;
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: #173455;
color: #fff;
}
#community_app_menu > li.active > a {
background: #fff;
color: #0b5794;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#quickNavLaunch span {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #2ea3f2;
border-style: solid;
margin-top: 15px;
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 16px;
font-weight: 300;
}
.pun .main-content {
  background: #ebf0f3;
  padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-right: 10px;
margin-left: -25px;
}
.pun tbody.statused span.status {
position: relative!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td.tc3 {
text-align: right;
width: 15%;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.hierarchy {
font-size: 15px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0px 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);
}
.mini_ava 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);
}
/*module*/
.module .main-head {
font: normal 14px helvetica, arial, sans-serif;
color: #204066;
padding: 5px 10px;
background: #DBE2EC;
border: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #2ea3f2;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: #e2e2e2;
color: #4a4a4a;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{background:#af286d;color:#fff;opacity:1;}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
  font-size: 11px;
  color: #a4a4a4;
  text-align: center;
  font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
height: 270px;
width: 150px;
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);
}
.user-basic-info a 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);
}
/*quick reply*/
#pun-qpost {
  background: #ebf0f3;
  padding: 9px;
  padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
  border: 1px solid #dbe4ef;
}
.pun .main-content {
  border: 1px solid #dbe4ef;
  border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: right;
}
#chatbox_header.main-head {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 25px;
    margin-bottom: 4px;
    padding: 0;
    text-indent: 4px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.chatbox-title {
    float: left;
    margin: 0;
    padding: 2px 5px 0;
    width: 15em;
}
.chatbox-options {
    float: right;
    font-size: 11px;
    list-style: none;
    margin: .7em .5em .5em;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #fff;
    line-height: 14px;
    font-size: 11px;
}
#chatbox img {
    max-width: 80px;
    max-height: 80px;
}
#chatbox_members {
    background: #fff;
    border: 1px solid #eee;
    bottom: 30px;
    color: #333;
    overflow: auto;
    position: absolute;
    top: 32px;
    width: 180px;
    margin-top: 1px;
    border-radius: 3px 0;
}
#chatbox_members .member-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-family: segoe ui;
    font-size: 12px;
    padding: 7px 7px 9px;
    text-indent: 4px;
    line-height: 14px;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    text-transform: capitalize;
    margin: 4px;
    text-align: left;
}
#chatbox {
    background: #fff;
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
    border: 1px solid #eee;
    margin-top: 3px;
    border-radius: 0 3px 0;
}
.chatbox-title, .chatbox-title a.chat-title {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}
#chatbox > p span.user > span none {
  content: '@';
}
#chatbox > p span.user > span:after {
  content: '';
}
#chatbox p {
    line-height: 1.2em;
    margin: 4px;
    padding: 7px 7px 8px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    color: #000;
    font-family: segoe ui;
}
#chatbox .date-and-time{
    float: right;
    color: #777;
    text-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
#chatbox_footer {
    background: #fafafa;
    border: 1px solid #eee;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    padding: 0 0 3px;
    border-radius: 0 0 3px 3px;
}
#chatbox .user{display:inline-flex;}
#chatbox .msg {
    word-wrap: break-word;
}
label[for="message"] {
    display: none;
}
#chatbox_contextmenu {
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2)!important;
    border-radius: 1px;
    padding: 2px;
}
#chatbox_contextmenu p {
    background: #fff;
    font-family: segoe ui;
    margin: 0;
    padding: 1px 20px 1px 3px;
    border-bottom: 0;
}
#chatbox_contextmenu p.cb-menu-item:hover {
    background: #fff!important;
}
.cb-menu-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png)!important;
    font-weight: 500!important;
    color: #fff!important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 2px!important;
}
.cb-menu-close {
    color: #FFF!important;
    font-size: 16px!important;
    margin-right: 4px;
    margin-top: -2px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
#chatbox_contextmenu a {
    color: #555;
    font-size: 95%;
    text-decoration: none;
}
#chatbox_contextmenu a:hover {
    color: #2ea3f2;
}
#message {
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 2px;
    box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    height: 25px!important;
    margin-right: 5px;
    margin-top: 3px!important;
    width: 350px!important;
    outline: none;
    text-indent: 10px;
    font-size: 12px;
}
#submit_button {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border: 0!important;
    border-radius: 2px!important;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1)!important;
    color: #fff;
    font-size: 12px;
    height: 25px!important;
    padding: 5px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    width: auto!important;
    outline: none;
}
#chatbox_messenger_form {margin: 0!important;}
div#chatbox {
    left: 0px;
    /* margin-top: 0px; */
    top: 49px;
    /* position: absolute; */
}

div#chatbox_members {
    top: 49px;
    margin-top: 0px;
}
#divcolor, #divsmilies, #help-button, #submit_button, .format-message+label {
    padding: 3px 5px 3px 5px;
    width: 25px!important;
}

Abraços.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por Cooper 07.05.17 17:33

Antes estava melhor amigo, de uma olhada http://prntscr.com/f55v41
Cooper
Cooper
*****

Membro desde : 19/02/2013
Mensagens : 415
Pontos : 741

http://apixelados.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por Cooper 08.05.17 12:24

up¹
Cooper
Cooper
*****

Membro desde : 19/02/2013
Mensagens : 415
Pontos : 741

http://apixelados.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por MateusV. 08.05.17 22:21

Olá,

Substitua seu folha de estilo CSS por esta:
Código:
.pun .main, .pun .main-category {
    margin: 0;
}
.main .main-head span {color: #fff!important;}
.pun tbody.statused td.tcl {
  padding-left:10px;
}
.pun .main .options {
    color: #ccc;
    float: right;
    text-align: right;
    margin-top: 4px;
}
.pun .user-ident .username a {
    text-decoration: none;
    font-weight: 600;
}
h4.username strong {
    font-weight: 600!important;
}
#chatbox_header.main-head {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 25px;
    margin-bottom: 4px;
    padding: 0;
    text-indent: 4px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.chatbox-title {
    float: left;
    margin: 0;
    padding: 2px 5px 0;
    width: 15em;
}
.chatbox-options {
    float: right;
    font-size: 11px;
    list-style: none;
    margin: .7em .5em .5em;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #fff;
    line-height: 14px;
    font-size: 11px;
}
#chatbox img {
    max-width: 80px;
    max-height: 80px;
}
#chatbox_members {
    background: #fff;
    border: 1px solid #eee;
    bottom: 30px;
    color: #333;
    overflow: auto;
    position: absolute;
    top: 32px;
    width: 180px;
    margin-top: 1px;
    border-radius: 3px 0;
}
#chatbox_members .member-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-family: segoe ui;
    font-size: 12px;
    padding: 7px 7px 9px;
    text-indent: 4px;
    line-height: 14px;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    text-transform: capitalize;
    margin: 4px;
    text-align: left;
}
#chatbox {
    background: #fff;
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
    border: 1px solid #eee;
    margin-top: 3px;
    border-radius: 0 3px 0;
}
.chatbox-title, .chatbox-title a.chat-title {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}
#chatbox > p span.user > span none {
  content: '@';
}
#chatbox > p span.user > span:after {
  content: '';
}
#chatbox p {
    line-height: 1.2em;
    margin: 4px;
    padding: 7px 7px 8px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    color: #000;
    font-family: segoe ui;
}
#chatbox .date-and-time{
    float: right;
    color: #777;
    text-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
#chatbox_footer {
    background: #fafafa;
    border: 1px solid #eee;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    padding: 0 0 3px;
    border-radius: 0 0 3px 3px;
}
#chatbox .user{display:inline-flex;}
#chatbox .msg {
    word-wrap: break-word;
}
label[for="message"] {
    display: none;
}
#chatbox_contextmenu {
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2)!important;
    border-radius: 1px;
    padding: 2px;
}
#chatbox_contextmenu p {
    background: #fff;
    font-family: segoe ui;
    margin: 0;
    padding: 1px 20px 1px 3px;
    border-bottom: 0;
}
#chatbox_contextmenu p.cb-menu-item:hover {
    background: #fff!important;
}
.cb-menu-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png)!important;
    font-weight: 500!important;
    color: #fff!important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 2px!important;
}
.cb-menu-close {
    color: #FFF!important;
    font-size: 16px!important;
    margin-right: 4px;
    margin-top: -2px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
#chatbox_contextmenu a {
    color: #555;
    font-size: 95%;
    text-decoration: none;
}
#chatbox_contextmenu a:hover {
    color: #2ea3f2;
}
#message {
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 2px;
    box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    height: 25px!important;
    margin-right: 5px;
    margin-top: 3px!important;
    width: 350px!important;
    outline: none;
    text-indent: 10px;
    font-size: 12px;
}
#submit_button {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border: 0!important;
    border-radius: 2px!important;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1)!important;
    color: #fff;
    font-size: 12px;
    height: 25px!important;
    padding: 5px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    width: auto!important;
    outline: none;
}
#chatbox_messenger_form {margin: 0!important;}
#help-button {display: none!important;}
#divcolor, #divsmilies, #help-button, #submit_button, .format-message + label {
    border: 0;
    border-radius: 2px;
    display: inline-block;
    height: 20px;
    line-height: 16px;
    text-align: center;
    width: 21px;
    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    box-shadow: inset rgba(0,0,0,0.1) 0 0px 1px;
}
.fontbutton {
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0;
    border: medium none;
    color: #000;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    padding: 1px;
    text-align: left;
}
label[for='format-bold'] {
    font-weight: 700;
    margin-top: 5px;
}
label[for="format-italic"] {
    font-style: italic;
    margin-top: 5px;
}
label[for="format-underline"] {
    text-decoration: underline;
    margin-top: 5px;
}
label[for="format-strike"] {
    text-decoration: line-through;
    margin-top: 5px;
}
#divcolor {
    font-size: 13px;
    line-height: 13px;
    margin-top: 5px;
}
#divsmilies{margin-top: 5px;}
.format-message:checked + label {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png)!important;
    border: 1px solid rgba(0,0,0,0.15);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    text-align: center;
}
#chatbox_header.main-head {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 25px;
    margin-bottom: 4px;
    padding: 0;
    text-indent: 4px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.chatbox-title {
    float: left;
    margin: 0;
    padding: 2px 5px 0;
    width: 15em;
}
.chatbox-options {
    float: right;
    font-size: 11px;
    list-style: none;
    margin: .7em .5em .5em;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #fff;
    line-height: 14px;
    font-size: 11px;
}
#chatbox img {
    max-width: 80px;
    max-height: 80px;
}
#chatbox_members {
    background: #fff;
    border: 1px solid #eee;
    bottom: 30px;
    color: #333;
    overflow: auto;
    position: absolute;
    top: 32px;
    width: 180px;
    margin-top: 1px;
    border-radius: 3px 0;
}
#chatbox_members .member-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-family: segoe ui;
    font-size: 12px;
    padding: 7px 7px 9px;
    text-indent: 4px;
    line-height: 14px;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    text-transform: capitalize;
    margin: 4px;
    text-align: left;
}
#chatbox {
    background: #fff;
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
    border: 1px solid #eee;
    margin-top: 3px;
    border-radius: 0 3px 0;
}
.chatbox-title, .chatbox-title a.chat-title {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}
#chatbox > p span.user > span none {
  content: '@';
}
#chatbox > p span.user > span:after {
  content: '';
}
#chatbox p {
    line-height: 1.2em;
    margin: 4px;
    padding: 7px 7px 8px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    color: #000;
    font-family: segoe ui;
}
#chatbox .date-and-time{
    float: right;
    color: #777;
    text-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
#chatbox_footer {
    background: #fafafa;
    border: 1px solid #eee;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    padding: 0 0 3px;
    border-radius: 0 0 3px 3px;
}
#chatbox .user{display:inline-flex;}
#chatbox .msg {
    word-wrap: break-word;
}
label[for="message"] {
    display: none;
}
#chatbox_contextmenu {
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2)!important;
    border-radius: 1px;
    padding: 2px;
}
#chatbox_contextmenu p {
    background: #fff;
    font-family: segoe ui;
    margin: 0;
    padding: 1px 20px 1px 3px;
    border-bottom: 0;
}
#chatbox_contextmenu p.cb-menu-item:hover {
    background: #fff!important;
}
.cb-menu-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png)!important;
    font-weight: 500!important;
    color: #fff!important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 2px!important;
}
.cb-menu-close {
    color: #FFF!important;
    font-size: 16px!important;
    margin-right: 4px;
    margin-top: -2px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
#chatbox_contextmenu a {
    color: #555;
    font-size: 95%;
    text-decoration: none;
}
#chatbox_contextmenu a:hover {
    color: #2ea3f2;
}
#message {
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 2px;
    box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    height: 25px!important;
    margin-right: 5px;
    margin-top: 3px!important;
    width: 350px!important;
    outline: none;
    text-indent: 10px;
    font-size: 12px;
}
#submit_button {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border: 0!important;
    border-radius: 2px!important;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1)!important;
    color: #fff;
    font-size: 12px;
    height: 25px!important;
    padding: 5px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    width: auto!important;
    outline: none;
}
#chatbox_messenger_form {margin: 0!important;}
.cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -38em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 160px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 382px;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin-bottom:10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}
.user-ident,
.user-ident * {
  box-sizing: border-box;
}
 
span[itemprop="name"] {
  border: solid 1px #ddd;
  padding: 10px 0px;
  width: 100%;
  border-radius: 3px;
  display: inline-block;
  margin: 15px 0px!important;
  box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.12);
  font-size: 15px;
}
div [style*="color:#E400F0"]:before {
font-weight: 600!important;
font-size: 11px;
content: "[VIP] ";
}
div [style*="color:#04B30F"]:before {
font-weight: 600!important;
font-size: 11px;
content: "[VIP+] ";
}
/*WIDGET DE ESTADISTICAS*/
#stats_sidebar {
    margin: -10px;
}
#stats_sidebar li {
    border-bottom: 1px solid #E9EDEE;
}
.List_data li {
    padding: 6px; 
    line-height: 1.3;
}
.srl {
    color: rgb(150,150,150);
}
#stats_sidebar .srr {
    float: right;
    font-weight: bold;
}
.BS_like {
    background: #009fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 10px;
    text-transform: uppercase;
}
.BS_vote {
    background: #eee none repeat scroll 0 0;
    border-radius: 3px;
    float: right;
    margin-top: 100px;
    padding: 10px 5px;
}
.BS_count {
    border-radius: 3px;
    font-weight: 700;
    margin: 0 5px;
    padding: 6px 10px;
}
.BS_done {
    cursor: default;
    opacity: .5;
}
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
 
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
 
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
 
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
 
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
 
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
 
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
 
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
 
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
 
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
 
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
.adm {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #c0392b;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 32px;
width: 150px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.adm:before{    content: "\f135";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mod {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #436EEE;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mod:before{    content: "\f11b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.dzn {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #9400D3;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.dzn:before{    content: "\f1fc";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.vip {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CD1076;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.vip:before{    content: "\f005";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.vipplus {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #04B30F;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.vipplus:before{    content: "\f005";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.membro {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #696969;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.membro:before{    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mini {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #696969;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mini:before{    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mbronze {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #8B6914;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mbronze:before{    content: "\f0a3";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mprata {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CDC9C9;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mprata:before{    content: "\f086";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mouro {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFD700;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mouro:before{    content: "\f0ac";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mplatina {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #D3D3D3;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mplatina:before{    content: "\f069";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mdiamante {
background: url(https://i.imgur.com/xDHxQQk.png) no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00F5FF;
border-radius: 2px;
font: normal normal normal 14px/1 FontAwesome;
box-shadow: 0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 25px;
font-weight: 600;
height: 25px;
width: 123px;
margin-top: 6px;
margin: 5px auto;
margin-right: 0px;
padding: 3px 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mdiamante:before{    content: "\f219";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border--radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(141, 177, 62)!important;
  color: rgb(255, 255, 255);
}
 
.reputation .title {
    display: block;
}
html, body {
font: normal 13px helvetica, arial, sans-serif;
background-color: #d8dde8;
color: #5a5a5a;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
.pun, .main_width {
margin: 0 auto;
width: 87%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
a:link {text-decoration: none;}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {font-size: 0.8em;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #323232 url(http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#user_navigation #sign_in {
  margin-right: 8px;
}
#notify_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 8px 12px;
position: relative;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: #0F3854 url(http://i81.servimg.com/u/f81/17/45/75/97/brandi10.png) repeat-x;
border-bottom: 1px solid #1B3759;
min-height: 64px;
}
#logo {
display: inline;
}
.clickable {
  cursor: pointer;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
background: #204066;
font-size: 13px;
padding: 4px 0 0 0;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
color: #c5d5e2;
background: #1c3b5f;
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: #173455;
color: #fff;
}
#community_app_menu > li.active > a {
background: #fff;
color: #0b5794;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#quickNavLaunch span {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #2ea3f2;
border-style: solid;
margin-top: 15px;
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 16px;
font-weight: 300;
}
.pun .main-content {
  background: #ebf0f3;
  padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-right: 10px;
margin-left: -25px;
}
.pun tbody.statused span.status {
position: relative!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td.tc3 {
text-align: right;
width: 15%;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.hierarchy {
font-size: 15px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0px 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);
}
.mini_ava 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);
}
/*module*/
.module .main-head {
font: normal 14px helvetica, arial, sans-serif;
color: #204066;
padding: 5px 10px;
background: #DBE2EC;
border: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #2ea3f2;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: #e2e2e2;
color: #4a4a4a;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{background:#af286d;color:#fff;opacity:1;}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
  font-size: 11px;
  color: #a4a4a4;
  text-align: center;
  font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
height: 270px;
width: 150px;
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);
}
.user-basic-info a 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);
}
/*quick reply*/
#pun-qpost {
  background: #ebf0f3;
  padding: 9px;
  padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
  border: 1px solid #dbe4ef;
}
.pun .main-content {
  border: 1px solid #dbe4ef;
  border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: right;
}
/*chatbox*/
#chatbox_header.main-head {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 25px;
    margin-bottom: 4px;
    padding: 0;
    text-indent: 4px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
#chatbox_header.main-head {
    background-color: #1f537b;
    color: #dedfdf;
    padding: 0 1.3em;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members .member-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-family: segoe ui;
    font-size: 12px;
    padding: 7px 7px 9px;
    text-indent: 4px;
    line-height: 14px;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    text-transform: capitalize;
    margin: 4px;
    text-align: left;
}
#chatbox_members .member-title {
    background-color: #f4f9fd;
    background-image: none;
    color: #00569c;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: .5em .25em;
    text-align: center;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
  padding-bottom: 6px;
  border-top: 1px solid #d5dde5;
  background: #f1f6f9;
}
#chatbox_footer .right {
  /*display: none !important;*/
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
  background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox {
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #212121;
}
/*crumbs*/
p.crumbs a {
  color: #777!important;
  font: normal 13px helvetica, arial, sans-serif;
}
/*******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************/
html body div div div .main-head {
  background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png)!important;
  box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 2px;
  padding: 8px;
  border-radius: 3px;
  text-indent: 6px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
html body div #right div .main-head {
  background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png)!important;
  box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 2px;
  padding: 8px;
  border-radius: 3px;
  text-indent: 6px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
#chatbox_header.main-head {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 25px;
    margin-bottom: 4px;
    padding: 0;
    text-indent: 4px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.chatbox-title {
    float: left;
    margin: 0;
    padding: 2px 5px 0;
    width: 15em;
}
.chatbox-options {
    float: right;
    font-size: 11px;
    list-style: none;
    margin: .7em .5em .5em;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #fff;
    line-height: 14px;
    font-size: 11px;
}
#chatbox img {
    max-width: 80px;
    max-height: 80px;
}
#chatbox_members {
    background: #fff;
    border: 1px solid #eee;
    bottom: 30px;
    color: #333;
    overflow: auto;
    position: absolute;
    top: 32px;
    width: 180px;
    margin-top: 1px;
    border-radius: 3px 0;
}
#chatbox_members .member-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    font-family: segoe ui;
    font-size: 12px;
    padding: 7px 7px 9px;
    text-indent: 4px;
    line-height: 14px;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    text-transform: capitalize;
    margin: 4px;
    text-align: left;
}
#chatbox {
    background: #fff;
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
    border: 1px solid #eee;
    margin-top: 3px;
    border-radius: 0 3px 0;
}
.chatbox-title, .chatbox-title a.chat-title {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}
#chatbox > p span.user > span none {
  content: '@';
}
#chatbox > p span.user > span:after {
  content: '';
}
#chatbox p {
    line-height: 1.2em;
    margin: 4px;
    padding: 7px 7px 8px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    color: #000;
    font-family: segoe ui;
}
#chatbox .date-and-time{
    float: right;
    color: #777;
    text-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
#chatbox_footer {
    background: #fafafa;
    border: 1px solid #eee;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    padding: 0 0 3px;
    border-radius: 0 0 3px 3px;
}
#chatbox .user{display:inline-flex;}
#chatbox .msg {
    word-wrap: break-word;
}
label[for="message"] {
    display: none;
}
#chatbox_contextmenu {
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2)!important;
    border-radius: 1px;
    padding: 2px;
}
#chatbox_contextmenu p {
    background: #fff;
    font-family: segoe ui;
    margin: 0;
    padding: 1px 20px 1px 3px;
    border-bottom: 0;
}
#chatbox_contextmenu p.cb-menu-item:hover {
    background: #fff!important;
}
.cb-menu-title {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png)!important;
    font-weight: 500!important;
    color: #fff!important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 2px!important;
}
.cb-menu-close {
    color: #FFF!important;
    font-size: 16px!important;
    margin-right: 4px;
    margin-top: -2px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
#chatbox_contextmenu a {
    color: #555;
    font-size: 95%;
    text-decoration: none;
}
#chatbox_contextmenu a:hover {
    color: #2ea3f2;
}
#message {
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 2px;
    box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    height: 25px!important;
    margin-right: 5px;
    margin-top: 3px!important;
    width: 350px!important;
    outline: none;
    text-indent: 10px;
    font-size: 12px;
}
#submit_button {
    background: #2ea3f2 url(http://i.imgur.com/CcLIuMn.png);
    border: 0!important;
    border-radius: 2px!important;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1)!important;
    color: #fff;
    font-size: 12px;
    height: 25px!important;
    padding: 5px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    width: auto!important;
    outline: none;
}
#chatbox_messenger_form {margin: 0!important;}
#divcolor, #divsmilies, #help-button, #submit_button, .format-message+label {
    padding: 3px 5px 3px 5px;
    width: 25px!important;
}

Veja o resultado:
Chatbox personalizado 4zIQR4G

Abraços.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por Cooper 09.05.17 12:28

Cooper
Cooper
*****

Membro desde : 19/02/2013
Mensagens : 415
Pontos : 741

http://apixelados.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por Luiz 13.05.17 16:42

Questão abandonada (5 dias sem resposta) pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos