Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Problemas de visualização no Chatbox
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Problemas de visualização no Chatbox
Detalhes da dúvida
Versão do fórum : PunBBNí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.
Re: Problemas de visualização no Chatbox
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
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
Re: Problemas de visualização no Chatbox
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.
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.
Re: Problemas de visualização no Chatbox
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.
Eu acessei seu fórum e não vi mais o problema mencionado.
Poderia por gentileza confirmar se sua dúvida persiste?
Atenciosamente,
Shek
Eu acessei seu fórum e não vi mais o problema mencionado.
Poderia por gentileza confirmar se sua dúvida persiste?
Atenciosamente,
Shek
Re: Problemas de visualização no Chatbox
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.
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.
Re: Problemas de visualização no Chatbox
Olá!
O CSS base é o que mantém toda a estrutura de seu fórum firme, por assim dizer. 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
O CSS base é o que mantém toda a estrutura de seu fórum firme, por assim dizer. 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
Re: Problemas de visualização no Chatbox
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?
Agradeço desde já por me ajudar com este problema.
Até mais.
Re: Problemas de visualização no Chatbox
Olá!
Por gentileza, queira me fornecer o código CSS de seu fórum.
Atenciosamente,
Shek
Por gentileza, queira me fornecer o código CSS de seu fórum.
Atenciosamente,
Shek
Re: Problemas de visualização no Chatbox
Olá,
Aqui tem:
Até mais.
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.
Re: Problemas de visualização no Chatbox
Olá!
O problema está aqui:
Em seguida, mude o seu body para:
Atenciosamente,
Shek
O problema está aqui:
- Código:
body {
background: #222;
color: #5a5a5a;
font: normal 11px 'Lato';
position: relative;
padding-top: 120px;
padding-bottom: 12px;
}
- Código:
<body
- Código:
<body class="bodyMegatudo"
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;
}
Atenciosamente,
Shek
Re: Problemas de visualização no Chatbox
Shek escreveu:Olá!
O problema está aqui: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 {
background: #222;
color: #5a5a5a;
font: normal 11px 'Lato';
position: relative;
padding-top: 120px;
padding-bottom: 12px;
}E em seguida, adicionar uma CLASS. Ou seja, substitua por isso:
- Código:
<body
Feito isso, você pode salvar.
- Código:
<body class="bodyMegatudo"
Em seguida, mude o seu body para:Salve e veja se resulta.
- Código:
body.bodyMegatudo {
background: #222;
color: #5a5a5a;
font: normal 11px 'Lato';
position: relative;
padding-top: 120px;
padding-bottom: 12px;
}
Atenciosamente,
Shek
Olá,
Resultou mesmo, obrigado Shek.
Até mais.
Re: Problemas de visualização no Chatbox
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Problemas de visualização das imagens em Firefox 4
» Problemas com a pré-visualização
» Problemas com a visualização - invision
» Problemas na visualização do meu fórum
» Problemas de visualização em smartphones
» Problemas com a pré-visualização
» Problemas com a visualização - invision
» Problemas na visualização do meu fórum
» Problemas de visualização em smartphones
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos