Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
106 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 98 Visitantes :: 1 Motor de busca

Eden, giancamposm, Lincoln, Luiz~, Shek Crowley, Vinicius Reis, VitorC., YuriGama

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Problemas de visualização no Chatbox

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

Resolvido Problemas de visualização no Chatbox

Mensagem por RafaelS. em Qui 2 Abr 2015 - 12:32

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os usuários
Problema começou : Há 1 semana (ou mais)
Endereço do fórum : http://mega-tudo.forumeiros.com/

Descrição do problema

O chatbox não funciona, eu entro mas as mensagens não aparecem, assim como não aparece quem está online no chatbox.

Resumidamente, o chatbox simplesmente fica branco.

Até mais,
iChees.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4945

http://maisforum.forumeiros.com

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por Shek Crowley em Qui 2 Abr 2015 - 15:05

Olá!

Por gentileza, não use TAGs nos títulos, pois, seu tópico não pode ser diferente dos demais. O detalhe que causa este problema é evidentemente o seu CSS, pois, se acessar a URL http://mega-tudo.forumeiros.com/?theme_id=206729 do tema padrão Prosilver, verás que não há qualquer problema com seu chatbox.

Atenciosamente,
Shek


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15118
Pontos Ativos : 22328

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por RafaelS. em Qui 2 Abr 2015 - 17:09

Olá @Shek,

Peço desculpa por usar TAG, visito um fórum no qual por motivos de organização é muito comum usar TAGs.

Enfim, sim reparei agora que isso acontece devido a algum código no CSS. Infelizmente não sei qual é esse código, como posso saber qual código está deixando o chatbox assim?

Até mais.

//Edit: Já consegui deixar tudo mais ou menos visível através da ferramenta de programação do chrome mas mesmo assim não encontro as ID's e classes na folha de estilos.

//Edit2: Agora que vi que o chatbox está personalizado pela CSS base do fórum e não pela folha de estilos tem como alterar o CSS base? Obs.: Desativando o CSS base desconfigura a skin toda.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4945

http://maisforum.forumeiros.com

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por Shek Crowley em Sex 3 Abr 2015 - 3:02

Não, não está personalizado pela BASE, porque, se tivesse você veria o mesmo que viu no link que apresentei na minha mensagem anterior. Hm...

Eu acessei seu fórum e não vi mais o problema mencionado.

Poderia por gentileza confirmar se sua dúvida persiste?

Atenciosamente,
Shek King


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15118
Pontos Ativos : 22328

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por RafaelS. em Sex 3 Abr 2015 - 8:47

Olá,

Se não está personalizado,então acho minimamente estranho não encontrar o ID #chatbox na folha de estilos, porém encontro-o quando escolho ver o CSS base.

Você não vê mais o problema porquê eu tirei o CSS do fórum para verificar se o problema provinha do CSS, o que se confirmou pois o chat box ficou normal.

Até mais.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4945

http://maisforum.forumeiros.com

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por Shek Crowley em Sex 3 Abr 2015 - 16:35

Olá! Muito feliz

O CSS base é o que mantém toda a estrutura de seu fórum firme, por assim dizer. Entre aspas Por isso, você não pode mudá-lo, pois, ele só pode ser alterado pelo suporte técnico.

No seu caso, se recuperar o esquema padrão do Prosilver, a correção será óbvia! Poderá excluir os cookies do navegador e pressionar o Ctrl + F5 para atualizar sua página, e verificar se o problema persiste.

Se no CSS antigo houver qualquer tag com personalização do CSS, queira modificá-lo.

Atenciosamente,
Shek King


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15118
Pontos Ativos : 22328

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por RafaelS. em Sex 3 Abr 2015 - 17:13

Shek escreveu:
No seu caso, se recuperar o esquema padrão do Prosilver, a correção será óbvia! Poderá excluir os cookies do navegador e pressionar o Ctrl + F5 para atualizar sua página, e verificar se o problema persiste.

Olá Shek,

O problema é exatamente esse, o fórum que eu passei no tópico é apenas um fórum de testes. O meu verdadeiro fórum está com esse problema igualmente. Eu decidi copiar o CSS do meu fórum para o fórum de testes e vi que o problema ocorria no fórum de testes também.

A única solução seria trocar o tema do fórum que eu tenho atualmente?

Uma coisa que eu não percebo é, se eu tirar o CSS[Folha de Estilos] tudo volta ao normal, o que está fazendo o chatbox ficar assim visto que não tem nenhum código com o id #chatbox ou a classe .chatbox? Louco

Agradeço desde já por me ajudar com este problema. Venerar

Até mais. Tchau

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4945

http://maisforum.forumeiros.com

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por Shek Crowley em Sex 3 Abr 2015 - 17:16

Olá!

Por gentileza, queira me fornecer o código CSS de seu fórum.

Atenciosamente,
Shek King


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15118
Pontos Ativos : 22328

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por RafaelS. em Sex 3 Abr 2015 - 17:25

Olá,

Aqui tem:

Código:
fieldset.frm-set.left.profile-view dl:nth-child(2) dt:first-child {
  display: none;
}
.pun .post-entry {font-size: 13px;}
a.textLogo:before {
  font-family: 'FontAwesome';
  content: '\f055 \00a0';
  font-size: 43px;
}
div#tabs {font-size: 0px;}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
.pun{
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
padding:0;
}
body {
  background: #222;
  color: #5a5a5a;
  font: normal 11px 'Lato';
  position: relative;
  padding-top: 120px;
  padding-bottom: 12px;
}
#pun-intro,#pun-head{display:none}
ul#pun-legend, ul.pun-legend {
display: none;
}
#pun-about #qjump {
display: none;
}
/*branding*/
#branding {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(20,20,20,0.9);
border-bottom: 1px solid #000;
border-bottom: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
height: 110px;
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
}
#branding .wrapper {
position: relative;
height: 100%;
z-index: 10;
}
#branding
.brandingBackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
}
.wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
}
#logo {
float: left;
position: relative;
height: 100%;
z-index: 20;
}
.topic_buttons.important{
background: none repeat scroll 0% 0% #8B1515;
color: #FFF !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
}
#logo
a.textLogo {
    color: #fff;
    line-height: 110px;
    padding: 0
    12px;
    font-size: 30px;
    font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
    display: block;
    text-decoration: none
}
a,.pun a,.pun a:visited,.pun a:link{
color: #222;
text-decoration: none;
}
a:hover,.pun a:hover{
color: #111;
text-decoration:none;
}
#tabs ul li a:hover {
  background: black;
}
#logo img {
max-height: 100%;
vertical-align: top;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
fieldset, img {
border: 0;
}
/*nav*/
#primary_nav {
position: absolute;
right: 0;
top: 50%;
margin-top: -16px;
text-transform: uppercase;
font-family: "Lato";
font-size: 12px;
padding-left: 200px;
}
#community_app_menu {
float: right;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.left {
float: left;
}
#community_app_menu>li>a {
color: #eee;
color: rgba(255,255,255,0.8);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
outline: none;
padding: 0px 15px;
line-height: 32px;
height: 32px;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.1);
-webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
}
#primary_nav #nav_home a:before {
content: "\f015";
}
#primary_nav #nav_app_forums a:before {
content: "\f086";
}
#primary_nav #nav_app_members a:before {
content: "\f007";
}
#primary_nav #nav_app_calendar a:before {
content: "\f073";
}
#primary_nav #nav_app_downloads a:before {
content: "\f019";
}
#primary_nav #nav_app_blog a:before {
content: "\f02d";
}
#primary_nav #nav_app_nexus a:before {
content: "\f07a";
}
#primary_nav a:before {
content: "\f02b";
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 7px;
font-size: 14px;
}
#community_app_menu>li.active>a {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.2);
-webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
position: relative;
}
/*gradient*/
#background {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -1;
}
.animatedBackground #gradient {
-webkit-animation: slideBackground 140s infinite alternate;
-moz-animation: slideBackground 140s infinite alternate;
-ms-animation: slideBackground 140s infinite alternate;
-o-animation: slideBackground 140s infinite alternate;
animation: slideBackground 140s infinite alternate;
}
#gradient.applied {
background: url("http://i.imgur.com/uCBvirg.png");
background: -moz-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b7422d), color-stop(10%,#d18b4f), color-stop(20%,#e0ca82), color-stop(30%,#aac382), color-stop(40%,#87af7b), color-stop(50%,#4e9682), color-stop(60%,#488c94), color-stop(70%,#487394), color-stop(80%,#785fb1), color-stop(90%,#a35680), color-stop(100%,#b7422d));
background: -webkit-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -o-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -ms-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: linear-gradient(to right, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
}
#gradient.applied.greyscale {
    background: #303030;
    background: -moz-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(50%,#5f5f5f), color-stop(100%,#1b1b1b));
    background: -webkit-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -o-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -ms-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: linear-gradient(to right, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background-size: 3800px auto
}
#background:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: url("http://i.imgur.com/O22XJGG.jpg") no-repeat 50% 0%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
opacity: 0.15;
content: "";
}
#gradient {
background-repeat: repeat;
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 100%;
width: 20000px;
}
@-webkit-keyframes slideBackground {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-moz-keyframes slideBackground {
    0% {
        -moz-transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-o-keyframes slideBackground {
    0% {
        -o-transform: translateX(0)
    }

    100% {
        -o-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-ms-keyframes slideBackground {
    0% {
        -ms-transform: translateX(0)
    }

    100% {
        -ms-transform: translateX(-100%);
        margin-left: 100%
    }
}

@keyframes slideBackground {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%);
        margin-left: 100%
    }
}
/*cat*/
.main .main-foot, .main .main-head {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 20px;
font-size: 14px;
font-weight: 300;
-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;
overflow: hidden;
}
.main .main-head .page-title {
font-size: 14px;
font-weight: bold;
}
#pun-visit, .main-box {
display: none;
}
table {
    width: 100%
}

td {
    padding: 3px
}
thead {
display: none;
}
.pun table.table td {
background-color: #fff;
border-bottom: 1px solid rgba(0,0,0,0.1)!important;
border-top: 1px solid rgba(255,255,255,0.5)!important;
border:none;
padding:10px;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #fff;
}
.pun .main-content {
background-color: #FFF;
border: 1px solid rgba(255, 255, 255, 0);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
border-radius: 0 0 3px 3px;
}
.pun .main-content:after {
display: block;
content: "";
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #fff;
height: 3px;
overflow: hidden;
}
/*widgets*/
.module .main-head {
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
background: url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/transw40.png") repeat;
background: rgba(255, 255, 255, 1);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.2)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
text-transform: uppercase;
font-family: "Lato";
font-weight: bold;
font-size: 100%;
color: #111;
padding: 15px;
}
.module.main {
margin: 5px auto!important;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
-moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
}
#content-container div#main {
margin-right: 10px;
}
/*post*/
.post h3 {
  border-top: 1px solid #B6B5B5;
  border-bottom: 1px solid #B6B5B5;
  background: rgb(20,20,20);
  background: rgba(187, 187, 187, 0.13);
  padding: 4px 10px;
  height: 35px;
  line-height: 34px;
  font-weight: normal;
  font-size: 14px;
  overflow: hidden;
}
.pun .postmain {
background: #fff;
border-left: none;
margin-left: 18em;
}
.pun .post .user {
text-align: center;
margin-top: 5px;
}
.user-basic-info a img:after {
content: "";
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
right: 0;
bottom: 0;
-webkit-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
pointer-events: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.user-basic-info a img {
display: inline-block;
width: 94px;
height: 94px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.pun .post {
border: none;
}
.pun .paged-foot, .pun .paged-head {
background: none;
border: none;
padding: 0 0 10px;
}
div.post_username {
float: left;
min-width: 177px;
font-weight: bold;
}
img.i_icon_online {
float: left;
padding: 15px 5px 5px 0;
}
div.post_date {
float: left;
color: #999;
float: left;
font-size: 11px;
font-weight: normal;
}
.pun .user .user-info {
color: #7a7a7a;
line-height: 1.8em;
}
.pun .user-ident .user-basic-info {
font-weight: normal;
}

.postfoot {
clear: both;
margin-left: -18em;
text-align: right;
background: #f7f7f7;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
border-top: 1px solid #e0e0e0;
margin-top: 10px;
clear: both;
overflow: hidden;
}
.pun .postfoot .user-contact {
display: none;
}
.post_controls {
border-left: 0;
border-right: 1px solid #eaeaea;
color: #555;
border: 0;
border-left: 1px solid #eaeaea;
text-shadow: #fff 0px 1px 0px;
height: 25px;
line-height: 25px;
padding: 0 12px;
text-decoration: none;
}
.post-controls:hover {
background-color: #fff;
color: #333;
}
div.main-content.topic {
border-radius: 0!important;
}
div.main-foot.clearfix {
display: none;
}
.topic_buttons {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.85);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
color: #222;
text-shadow: #fff 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
line-height: 36px;
height: 36px;
padding: 0 20px;
text-align: center;
min-width: 70px;
display: inline-block;
cursor: pointer;
margin-top: 10px;
}
.topic_buttons .important{
background: #8b1515 !important;
color: #fff !important;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
}
.topic_buttons:hover {
background-color: rgba(255,255,255,0.95);
color: #111;
}
div.main-content.topic {
border-radius: 0!important;
border: none;
background: #fff;
}
.border {
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.border:after {
display: block;
content: "";
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #fff;
height: 3px;
overflow: hidden;
}
input[type="submit"], input[type="reset"] {
background: #323232 url('http://i.imgur.com/N2SwKgg.png') repeat-x 0 0;
border-color: #2b2b2b;
color: #fff;
text-shadow: #2b2b2b 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px!important;
cursor: pointer;
border-radius: 2px;
}
#quick_reply .frm-buttons {
padding-left: 0;
border: none;
}
#quick_reply input {
float: right;
}
input[type="text"] {
padding: 6px;
border: 1px solid #d4d4d4;
background: #fcfcfc;
color: #9f9f9f;
text-shadow: #fff 0px 1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
}
.main-content p.center {
color: red;
font-weight: bold;
margin-top: 10px;
}
/*user*/
#backgroundToggle span.show {
display: block;
}
#backgroundToggle span {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 36px;
width: 36px;
display: none;
text-align: center;
cursor: pointer;
}
#backgroundToggle span:after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url("http://i.imgur.com/jF7Wdfz.png") no-repeat 0 0;
position: relative;
top: 10px;
}
#backgroundToggle span#enableColour:after {
background-position: 0 -16px;
}
#user_bar.withToggle {
margin-left: 44px;
}
#user_bar {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
#user_navigation>ul>li {
border-right: 1px solid rgba(255,255,255,0.1);
}
#user_navigation {
float: left;
color: #9f9f9f;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
}
#user_navigation a:hover {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background: rgba(0,0,0,0.3);
}
h4.forum_name {
font-size: 12px;
display: inline-block;
margin-left: 10px;
}
p.desc.forum_desc {
font-size: 11px;
color: #444;
padding-top: 5px;
margin-left: 10px;
}
.mod-text {
font-weight: normal;
margin-left: 10px;
}
ul.statsPers {
text-align: center;
list-style: none;
text-align: center;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
}
.statHide {
display: none;
}
.statsPers li {
display: inline-block;
margin-right: 20px;
}
.statHide {
display: none!important;
}
.statsPers li > span {
display: inline-block;
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
color: #222;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
}
.statistics {
margin: 20px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fafafa;
}
.statistics_head {
font-size: 11px;
font-weight: bold!Important;
margin: -8px -8px 8px -8px;
border-bottom: 1px solid rgba(0,0,0,0.08);
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
background: rgba(255,255,255,0.4);
font-family: "Lato";
text-transform: uppercase;
padding: 15px;
color: #111;
}
p.statistics_brief.desc {
font-size: 11px;
color: #444;
}
#pun-about {
background: none;
border: none;
padding: 10px;
text-align: right;
line-height: 0;
margin-bottom: -20px;
}
#pun-about ul li a {
font-weight: normal;
color: #f0f0f0;
}
ul#stat_links {
line-height: 30px;
}
/*big-foot*/
#footer {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
color: #ddd;
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
width: 90%;
margin: auto;
}
.footerCol {
width: 14.2%;
font-size: 11px;
min-width: 125px;
float: left;
min-height: 180px;
vertical-align: top;
line-height: 25px;
padding: 15px 0 18px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footerCol h3 {
color: #fff;
font-weight: normal;
font-size: 13px;
line-height: 30px;
}
.footerCol h3 a {
color: #fff;
display: block;
}
ol, ul {
list-style: none;
}
.footerCol li a {
color: rgba(255,255,255,0.8);
display: block;
}
.footerCol li a:hover {
color: #fff;
}
.clear {
clear: both;
height: auto;
}
.pun-crumbs {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
padding: 10px;
margin-bottom: 10px;
}
/*titlebox*/
.sb_titlebox {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 14px;
overflow: hidden;
}
.ipsUserPhoto {
width: 54px;
height: 54px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
}
.ipsBox_withphoto {
margin-left: 65px;
}
.ipsType_pagetitle, .ipsType_subtitle {
font: 300 26px/1.4 Helvetica,Arial,sans-serif;
color: #121212;
}
.ipbfs_titlebox .desc {
padding: 3px 0;
}
.desc.lighter, .desc.lighter.blend_links a {
color: #7a7a7a;
}
.desc, .desc.blend_links a, p.posted_info {
font-size: 11px;
color: #444;
}
/*quote*/
blockquote cite {
font-size: 12px;
padding: 8px 10px;
border: none;
background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
clear: right;
margin: -5px -11px 5px!important;
}
.postmain blockquote {
padding: .5em 1em;
border: 1px solid #e3e3e3;
background: #fcfcfc;
color: #9f9f9f;
}
.codebox {
background: none;
border: none;
margin: 1em;
}
.codebox dt {
border: none;
padding: .25em;
}
div.spoiler_content.hidden {
background-color: #fcfcfc !important;
color: #000;
padding: 8px;
border: 1px solid #e3e3e3;
overflow: auto;
font-size: 11px;
line-height: 170%;
font-family: arial !important;
}
.codebox.spoiler dd {
background: none!important;
border: none!important;
padding: 0;
}
.codebox dd {
background-color: #fcfcfc !important;
color: #000;
padding: 8px;
border: 1px solid #e3e3e3;
overflow: auto;
font-size: 11px;
line-height: 170%;
font-family: monospace !important;
}
.codebox.spoiler dt {
display: inline-block;
font-size: 11px;
padding: 5px 10px;
border: none;
background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
clear: right;
margin-bottom: 5px;
border: 1px solid #e3e3e3;
}
#avatar img {
width: 34px;
height: 34px;
border-radius: 3px;
margin: 2px;
}
a#inbox_link.menu_active {
    background-position: bottom;
    background-color: #fff;
    color: #323232;
    text-shadow: none;
    position: relative;
    z-index: 10000
}

#notify_link,#inbox_link {
    vertical-align: middle;
    width: 20px;
    padding: 0px
    8px !important;
    position: relative
}
#inbox_link img, #notify_link img {
margin-top: 9px;
}
.entry-content img{
max-width: 100%;
}
.paging a{
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.85);
color: #222;
text-shadow: 0px 1px 0px #FFF;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 3px;
display: inline-block;
padding: 3px 10px;
text-transform: uppercase;
font-size: 11px;
display: inline-block;
font-weight: normal;
}
.paging{margin: 10px;}
.paging a:hover{
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95);
}
.paging b{
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
color: #FFF;
border-radius: 3px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
padding: 3px 10px;
cursor: default;
padding: 3px 10px;
display: inline-block;
font-weight: normal;
padding: 3px 10px;
text-transform: lowercase;
font-size: 11px;
display: inline-block;
font-weight: normal;
}
.topic_buttons.important{
background: none repeat scroll 0% 0% #8B1515;
color: #FFF !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
}
.pun .frm-form {
    background: transparent;
    border: none;
}
#tabs ul li a {
  float: left;
  text-decoration: none;
  background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0% 0% transparent;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
  color: #FFF;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
  padding: 4px 10px!important;
  border: none!important;
  font-size: 14px;
  font-weight: 300;
  /* border-radius: 4px 4px 0px 0px; */
  overflow: hidden;
  background: transparent;
}
#tabs ul li.activetab a {
    color: #F4F9FD;
    text-decoration: none;
    background-color: black;
}
.main-content.center img{
max-width: 250px;
}
div#main-content .main-head {
  margin-top: 20px;
}
.sucesso, .infos, .aviso, .alerta {
  background: url(http://img638.imageshack.us/img638/4026/noticebg.png) repeat-x 0 0;
  width: 83%;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  margin: 15px;
  padding: 13px 19px 13px;
  margin-bottom: 2.5em;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
  position: relative;
  left: 34px;
}
.sucesso h5, .infos h5, .aviso h5, .alerta h5 {
font-size: 14px;
font-weight: bold;
margin-bottom: .65em;
}
.sucesso p, .infos p, .aviso p, .alerta p {
  margin-bottom: 1.3em;
}
.infos {
background-color: #C6D8F0;
color: #285797;
border: 1px solid #4381CD;
}
.sucesso {
background-color: #EEF4D4;
color: #596C26;
border: 1px solid #8FAD3D;
}
.aviso {
background-color: #FFEA97;
color: #796100;
border: 1px solid #E1B500;
}
.alerta {
background-color: #EFCEC9;
color: #933628;
border: 1px solid #AE3F2F;
}
.sucesso span, .infos span, .aviso span, .alerta span {
background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 100% 0;
width: 33px;
height: 40px;
position: absolute;
left: -34px;
top: 9px;
}
.alerta span {
background-position: 100% -400px;
}
.sucesso span {
background-position: 100% 0;
}
.infos span {
background-position: 100% -1200px;
}
.aviso span {
background-position: 100% -800px;
}
.quadrado_box {
        background: #FFF url(http://i50.tinypic.com/2uqsx.png) repeat-x bottom;
        padding: 10px;
        border: 1px solid #c5c5c5;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -moz-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.15);
        font-style: normal;
        font-weight: normal;
        width: 95%;
}
.hideTB {
margin: 5px;
background-color: #f3e3e6;
display: block;
padding: 10px;
border: 1px solid #e599aa;
font-size: 12px;
color: #80001c;
}
.guest {
background-color: #F3E3E6;
border: 1px solid #E599AA;
color: #80001C;
padding: 10px;
display: block;
margin: 15px;
font-size: 11px;
}
input.button2:hover, input[type="submit"]:hover, input[type="reset"]:hover {
  color: rgb(255, 255, 255);
  border: 1px solid rgba(29, 100, 179, 0.88);
  background: #4B93F2 url('http://i.imgur.com/N2SwKgg.png') repeat-x 0 0;
}
#profile-advanced-layout #tabs {
  bottom: -18px;
  position: absolute;
}
.rank{
  background:rgba(239, 238, 238, 0.5);
  padding: 6px;
  /* border-bottom: 5px solid rgb(46, 47, 48); */
  font-family: 'Lato';
  font-size: 15px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5), rgba(0,0,0,.3) 0 1px 1px;
  margin: 8px auto;
}
.Administrador{border-left: 6px solid rgb(234, 39, 39);color: #DB1414;}
.Expert{border-left: 6px solid rgb(192, 178, 34);  color: rgb(192, 178, 34);}
.Mod{border-left: 6px solid rgb(34, 192, 48); color:rgb(34, 192, 48);}
.Pub{border-left: 6px solid rgb(22, 178, 166); color:rgb(22, 178, 166);}
.Designer{border-left: 6px solid rgb(207, 68, 229);color:rgb(207, 68, 229);}
.Norm{border-left: 6px solid rgb(56, 55, 56); color:rgb(56, 55, 56);}
.Esp{border-left:6px solid rgb(255, 3, 3); color:rgb(56, 55, 56);}

Até mais. Divertido

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4945

http://maisforum.forumeiros.com
  • 0

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por Shek Crowley em Dom 5 Abr 2015 - 7:10

Olá!

O problema está aqui:
Código:
body {
  background: #222;
  color: #5a5a5a;
  font: normal 11px 'Lato';
  position: relative;
  padding-top: 120px;
  padding-bottom: 12px;
}
Presumo que seja por causa do padding-bottom! O que eu aconselho fazer, é acessar o template overall_header e localizar a tag:
Código:
<body
E em seguida, adicionar uma CLASS. Ou seja, substitua por isso:
Código:
<body class="bodyMegatudo"
Feito isso, você pode salvar. Feliz

Em seguida, mude o seu body para:
Código:
body.bodyMegatudo {
  background: #222;
  color: #5a5a5a;
  font: normal 11px 'Lato';
  position: relative;
  padding-top: 120px;
  padding-bottom: 12px;
}
Salve e veja se resulta.

Atenciosamente,
Shek King


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15118
Pontos Ativos : 22328

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por RafaelS. em Seg 6 Abr 2015 - 13:40

Shek escreveu:Olá!

O problema está aqui:
Código:
body {
  background: #222;
  color: #5a5a5a;
  font: normal 11px 'Lato';
  position: relative;
  padding-top: 120px;
  padding-bottom: 12px;
}
Presumo que seja por causa do padding-bottom! O que eu aconselho fazer, é acessar o template overall_header e localizar a tag:
Código:
<body
E em seguida, adicionar uma CLASS. Ou seja, substitua por isso:
Código:
<body class="bodyMegatudo"
Feito isso, você pode salvar. Feliz

Em seguida, mude o seu body para:
Código:
body.bodyMegatudo {
  background: #222;
  color: #5a5a5a;
  font: normal 11px 'Lato';
  position: relative;
  padding-top: 120px;
  padding-bottom: 12px;
}
Salve e veja se resulta.

Atenciosamente,
Shek King

Olá,

Resultou mesmo, obrigado Shek. Positivo

Até mais.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4945

http://maisforum.forumeiros.com

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por Shaman em Seg 13 Abr 2015 - 23:16

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

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 3491

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

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

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5