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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Sistema de pré-visualizar em HTML
Hoje à(s) 21:52 por Hancki

» Perfil do usuário
Hoje à(s) 21:48 por Uatyla

» Apareceu isso do nada no meu fórum. Como tira?
Hoje à(s) 21:28 por Nean

» Loja no fórum
Hoje à(s) 20:33 por cocas20

» Problema nas páginas devido aos anúncios
Hoje à(s) 18:18 por juleic1123

» Seta no CKEditor
Hoje à(s) 18:01 por Cream

» E-mails do fórum
Hoje à(s) 17:38 por Cream

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
while
 
Cream
 
Shek
 
Holkis
 
PrisoN†BreaK
 
IsmaelS.
 
Ana Leandro
 
Sennior
 
YouTube3
 
Maori
 

Quem está conectado
103 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 94 Visitantes :: 2 Motores de busca

Cream, Hancki, Holkis, juleic1123, Nean, PrisoN†BreaK, Uatyla, while, ZombieW

[ 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 : 4870

http://maisforum.forumeiros.com

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por Shek 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
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14615
Pontos Ativos : 21635

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 : 4870

http://maisforum.forumeiros.com

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por Shek 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
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14615
Pontos Ativos : 21635

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 : 4870

http://maisforum.forumeiros.com

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por Shek 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
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14615
Pontos Ativos : 21635

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 : 4870

http://maisforum.forumeiros.com

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por Shek 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
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14615
Pontos Ativos : 21635

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 : 4870

http://maisforum.forumeiros.com
  • 0

Resolvido Re: Problemas de visualização no Chatbox

Mensagem por Shek 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
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14615
Pontos Ativos : 21635

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 : 4870

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 : 1782
Pontos Ativos : 3411

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