Barra divisória de tópicos - by jscript

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

Resolvido Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 22/02/14, 08:25 pm

Qual é minha questão:
Olá.
Amigos, há algum tempo o JScript adaptou-me uma barra neste tópico: http://ajuda.forumeiros.com/t88431-barra-divisoria-nos-topicos

O que queria era adapta-la para este novo tema do meu fórum, porque a antiga não é funcional.
Agradecido.

Endereço do meu fórum:
http://foradjogo.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Diogo Ferreira em 04/03/14, 11:25 am, editado 1 vez(es)
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por JScript em 23/02/14, 05:38 pm

Olá amigo!

Na verdade já tem a barra divisória, acho que só falta a data subir não é?
Se for, basta adicionar este CSS:
Código:

.post_date {
  margin-top: -40px;
}

Resultado:


JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 23/02/14, 06:26 pm

O formato da data, a cor da barra e do nome, amigo.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 26/02/14, 05:31 pm

Bump
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Shek em 26/02/14, 09:28 pm

@Diogo Ferreira escreveu:O formato da data, a cor da barra e do nome, amigo.
Boa noite!

O que de fato deseja fazer? Não compreendi seu pedido.  Triste 


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17165
Pontos Ativos : 21419

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 27/02/14, 09:56 am

http://ajuda.forumeiros.com/t88431-barra-divisoria-nos-topicos


Nesse tópico diz, o JScript tinha me adaptado mas neste tema que tenho não fica.
Basicamente é a barra.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 28/02/14, 07:53 pm

Bump
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 01/03/14, 08:04 pm

Ajuda ae
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Shek em 01/03/14, 10:50 pm

Boa noite!

Tente com esse CSS:
Código:
.post_date {
  margin-top: -40px !important;
}
Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17165
Pontos Ativos : 21419

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 02/03/14, 08:22 am

Amigo falta ainda certos pormenores, veja a imagem: http://gyazo.com/6b5a2083e5a37711f6fee9348cd6ff3f.png

- Cor da barra
- Tamanho/Cor dos nomes
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 03/03/14, 03:10 pm

bump
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Shek em 03/03/14, 03:34 pm

Boa tarde!

Você poderia me fornecer o seu CSS?

Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17165
Pontos Ativos : 21419

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 03/03/14, 03:46 pm

Código:
.tcr .ipsUserPhoto {
    float: left;
    margin: 8px;
}

html, body {
font: normal 13px helvetica, arial, sans-serif;
color: #4F4F4F;
background-image: url("http://i.imgur.com/F6W6Elb.png") !important;
background-repeat: repeat !important;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
-webkit-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
}
.pun, .main_width {
margin: 0 auto;
width: 85%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.pun a:visited {color: #028999;}
a:link {text-decoration: none;}
.pun a:link {
text-decoration: none !important;
color: #028999;
}
.pun a:hover {
color: #158f57;
}
pun a:active {
color: #028999;
}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {font-size: 0.8em;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #323232 url(http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#user_navigation #sign_in {
  margin-right: 8px;
}
#notify_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 11px 24px 8px 12px;
position: relative;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
    background: url("http://www.haxball.pt/public/style_images/Neat_images/branding_bg.png") repeat-x scroll center 70% rgb(27, 55, 89);
    border-bottom: 1px solid rgb(27, 55, 89);
    min-height: 64px;
    height: 1px;
    transition: all 1.0s linear 0s;
}

.clickable {
  cursor: pointer;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
    background: none repeat scroll 0% 0% rgba(0, 25, 230, 0.1);
    font-size: 13px;
    padding: 10px;
    margin-bottom: 0px;
    box-shadow: 0px -0.6px 4px -2px inset;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
    background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.4);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6);
    color: rgb(255, 255, 255);
    display: block;
    padding: 6px 15px 8px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in 0s !important;
}
#community_app_menu > li > a.menu_active, #community_app_menu > li > a:hover {
    background: none repeat scroll 0px 0px rgba(15, 20, 150, 0.57);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6), 0px 0px 3px rgba(0, 0, 0, 0.2) inset;
    color: rgb(255, 255, 255);
}
/* Menu FORUM INATIVO
#community_app_menu > li.active > a {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
    color: rgba(255,255,255,1);
    font-weight: bold;
    margin-top: 0px;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
    border-radius: 2px;
}
*/
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#quickNavLaunch span {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
    color: rgb(255, 255, 255);
    padding: 10px 10px 11px;
    border-radius: 4px 4px 0px 0px;
    border-width: 1px 1px 0px;
    border-style: solid;
    margin-top: 15px;
    background: #4F4F4F url("") repeat-x scroll center 45%;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, 0px 0px 100px 0px rgba(0, 0, 0, 0.42) inset;
    border-color: rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 16px;
font-weight: 300;
}
.pun .main-content {
  background: #ebf0f3;
  padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-right: 10px;
margin-left: -25px;
}
.pun tbody.statused span.status {
position: relative!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color:#FFFFFF!important;
    border-color: -moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0.1);
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    padding: 10px;
}
.hierarchy {
font-size: 15px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 30px;
margin: 8px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
color: rgb(34, 34, 34);
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
padding: 3px 7px;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
margin-right: 3px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgb(255, 255, 255);
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{background:#4F4F4F;color:#fff;opacity:1;}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
    background-color: white;
    margin-left: 14em;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
  font-size: 11px;
  color: #a4a4a4;
  text-align: center;
  font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
max-height: 290px;
max-width: 150px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
  top: 40px;
  border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
  padding-bottom: 6px;
  border-top: 1px solid #d5dde5;
  background: #f1f6f9;
}
#chatbox_footer .right {
  /*display: none !important;*/
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
  background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox{
  margin: 10px 0 10px 0;
  border: 1px solid #DCE2EC;
  border-bottom: 6px solid #DCE2EC;
  background: #ebf0f3;
  padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #212121;
}
/*crumbs*/
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(239, 241, 243);
    border: 1px solid rgb(217, 219, 221);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 3px rgba(109, 119, 237, 0.2);
    clear: both;
    font-size: 11px;
    overflow: hidden;
    margin: 0px 1px 1em;
    padding: 0.2em 1em;
}
.pun-crumbs p {
    color: rgb(102, 102, 102);
    font-size: 1.11em;
    line-height: 1.5;
}
p.crumbs a {
    background: url("http://i57.servimg.com/u/f57/14/89/34/10/second10.png") no-repeat scroll 100% center transparent;
    color: rgb(117,117,117) !important;
    line-height: 30px;
    padding: 10px 20px 10px 12px;
    margin-left: -12px;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
p.crumbs a:hover {
    background-position: 100% -1px;
    border-radius: 3px 0px 0px 3px;
    color: rgb(34, 34, 34);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
p.crumbs a:active {
    background-position: 100% -86px;
    border-radius: 3px 0px 0px 3px;
    color: rgb(34, 34, 34);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}

.desc.lighter, .desc.lighter.blend_links a {
    color: #A4A4A4;
}
/* Moderar Tópicos */
    .act_mod {margin: 0 0 8px 0;}
    .act_mod p {
      background: rgb(248, 248, 248) url("http://i38.servimg.com/u/f38/18/24/85/15/shine10.png") repeat-x 0 50%;
      border: 1px solid rgb(219,219,219);
      -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      color: #616161;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      font-size: 12px;
      height: 22px;
      line-height: 22px;
      padding: 3px 10px;
      white-space: nowrap;
      cursor: pointer;
      display: inline-block;
    }
    #popw {
    background-color: #464646;
    background-color: rgba(70,70,70,0.6);
    padding: 4px;
    -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7 );
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: none; z-index: 999; margin-top: 16px; position: absolute;
    }
    .mod_hover {
    background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
    width: 31px;
    height: 16px;
    position: absolute;
    }
    .popupInner {
    background: #fff;
    width: 500px;
    overflow: auto;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
    overflow-x: hidden;
    }
    .action_mod li {
      background: rgb(248, 248, 248);
      border-bottom: 1px solid rgb(234, 234, 234);
      text-align: center;
      padding: 3px 4px;
    }
    .action_mod li a {
      color: #333!important;
    }
/* fim moderar tópicos */
/* Novas Mensagens etc */
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
}
/* fim novas msgs */
/* logo */
#logo {
    opacity: 0.9;
    display: inline;
    margin-left: -45px;
}
#logo:hover {
    opacity: 1;
    text-decoration: none;
}
/* fim logo */
/* curtir */
    /*like*/
    .LGlike {
    background: url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left;
    background-color: #326A94;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    padding: 0 18px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    margin-right: 5px;
    margin-top: 30px;
    }
    .LGvote { margin: 0 5px; }
    .LGnovote {
      filter:Alpha(opacity=50);
      opacity: 0.5;
      cursor: default;
      box-shadow: none;
      text-shadow: none;
    }
/* fim curtir post */
/*POPUP TOPICO NÃO LIDO */
#popupnew {
    min-height: 20px;
    min-width: 150px;
    position: fixed;
    bottom: 30px;
    margin-left: 40px;
    padding: 5px;
    z-index: 999;
    border: 1px solid rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
    box-shadow: 0px 15px rgba(255, 255, 255, 0.05) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset;
    border-radius: 4px 4px 4px 4px;
    color: rgb(255, 255, 255);
    font-family: verdana,arial;
    font-size: 10pt;
    text-align: left;
    display: none;
    background-image: url("http://r20.imgfast.net/users/2011/11/04/42/smiles/2376561594.gif");
    background-repeat: no-repeat;
    background-position: 1% 45%;
    padding-left: 1.5%;
}

/* fim popup n lido */
/* widgets no indice */
   
   
/* fim widgets indice */

/* seletor de página */
.paging > b {
    background: none repeat scroll 0px 0px rgb(123, 166, 13);
    border-radius: 2px 2px 2px 2px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    margin: 0px 1px;
    padding: 4px;
}
.paging > a {
    background: rgba(0,0,0,0.1);
    padding: 5px;
    border-radius: 2px;
    margin: 0 1px;
    color: #8D8D8D !important;
}
.paging > a:hover {
    background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    padding: 5px;
    margin: 0px 1px;
    color: #505050 !important;
}
.sprite-arrow_prosilver_right {
    background: url("http://i34.servimg.com/u/f34/18/17/62/92/next10.png") no-repeat scroll 0px 0px transparent;
    height: 20px;
    width: 39px;
}
/* avatar ultimos topicos widget*/
.ipsType_smaller, .ipsType_smaller a {
    margin-bottom: 5%;
}
/* resposta rápida */
#quick_reply #textarea_content {
    background: none repeat scroll 0px 0px rgb(235, 240, 243);
    border: 2px solid rgb(211, 211, 211);
    clear: both;
    height: auto !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    min-width: 950px;
    padding: 9px 4px;
    width: 100% !important;
}
/* assinatura */
.pun .sig-content {
    clear: both;
    margin-bottom: 4px !important;
    margin-top: 6px !important;
    padding: 0px 0px 10px !important;
    position: relative;
}
/* post foot */
.postfoot {
    border-top: 0px none;
    margin-left: -185px !important;
    opacity: 0.3;
    transition: all 0.5s ease 0s;
}
.postfoot:hover {
    opacity: 1;
}
/* PAGINA MEMBROS */
.pun table.table th {
    background-color: rgba(120, 10, 120, 0.8);
    padding: 0.5em 0px;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.pun .frm .frm-form table {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.pun table.table td.tc3 {
text-align: center;
width: 15%;
}
/* pagina calendario */
.pun .main table.calendar thead th {
    background: rgba(120, 10, 120, 0.8);
    font-weight: 700;
    padding: 0.5em;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset;
}
.pun .main table.calendar .row3 {
    background-color: rgba(20, 50, 50, 0.1);
    padding: 0.25em;
}
.pun .main table.calendar td.row2:hover {
    background-color: rgba(110, 160, 190,0.2);
    transition: 0.3s;
}
/* pagination dos topicos */
strong.pagination {
    font-weight: 400;
    background: none repeat scroll 0% 0% rgb(123, 166, 13);
    padding: 2px;
    border-radius: 2px 2px 2px 2px;
    color: white;
    margin: 0 1px;
}
strong.pagination a {
    color: white !important;
    font-size: 12px;
}
/* codigos bbcode */
.codebox {
    background-color: rgb(255, 255, 225);
    border: 1px solid rgba(0,0,0,0.14);
    margin: 1em;
    box-shadow: 0 0 7px rgba(0,0,0,0.12);
    border-left: 2px solid rgba(120,10,100,1);
}
.codebox dt {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    padding: 0.25em;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    margin-left: 5px;
    font-weight: bold;
}
.codebox dd {
    background-color: rgb(255, 255, 225);
    margin: 5px;
    padding: 1px;
}
.codebox dd.cont_code {
    max-height: 80%;
    overflow: auto;
}

/* perfil menus */
#tabs ul li.activetab a {
    border-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,1);
    text-decoration: none;
    background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.6);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-radius: 3px;
}
#tabs ul li.activetab a:hover {
    background-color: rgba(100,33, 123,0.7);
    transition: 0.4s;
}
#tabs ul li a {
    border: 1px solid;
    float: left;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 2em;
    padding: 0px 1em;
    border-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.4);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-radius: 3px;
}
#tabs ul li a:hover {
    background-color: rgba(100,33, 123,0.7);
    color: rgba(255,255,255,1);
    transition: 0.4s;
}
.main .frm-info {
    background: rgba(0,144,69,0.8);
    border: 1px solid rgba(0,120,60,0.9);
    margin: 1.7em;
    padding: 1em;
    box-shadow: 1px 1px rgba(255,255,255,0.3) inset;
    color: white;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-weight: bold;
}
/* mensagens informativas */
.pun .main .main-content p.message {
    background-color: rgba(20,10,190,0.4);
    border: 1px solid rgba(0,0,0,0.4);
    margin: 1.7em;
    padding: 1em;
    box-shadow: 1px 1px 0 rgba(255,255,255,0.4) inset;
    color: rgba(255,255,255,1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
/* corpo da mensagem */
.pun .postfoot .user-contact {
    float: left;
    text-align: center;
    width: 12em;
}
/* codigos de alerta e tal */

/* INICIO SELETOR DE TEMA CODE */
/* Panda Syntax Highlighter - https://github.com/AvacWeb/Panda */
.panda-code {
  padding: 5px 10px;
  font-size: 12px;
  font-family: monospace;
  background: #EFEFEF;
  color: #0D700D;
  border: 1px solid #CCC;
  overflow: auto;
  max-height: 300px;
  text-shadow: 0 1px white;
  text-align: left;
  display: block;
}
.panda-code ol { padding-left: 15px; }
.panda-code ol li {
    padding: 1px 10px;
    margin: 4px 0;
    border-left: 2px solid green;
    list-style-type: decimal-leading-zero;
}
.panda-code ol li:hover { background: #DEDEDE; }

.panda-string, .panda-multiLineString { color: #C03; } /* string literals */
.panda-special { color: #09F; } /* words defined as special */
.panda-keyword, .panda-extra { color: #009; } /* keywords. .panda-extra = square braces, parentheses and curly braces. */
.panda-operators { font-weight: bold; color : #000; } /* > < & = == === !== != ! && * % + / || */
.panda-comment1, .panda-comment2, .panda-comment3 { color: #666!important; font-style: italic; } /* comments */
.panda-int { color: #f00; }
/* FIM SELETOR DE TEMA CODE */
/* mensagem privada nova */
[data-counter]:after {
background-color: #00ba3b;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: 10px;
}​
/* fim mensagem privada */

/* expandir imagem */
.resizebox, .resizebox a.enlarge, .resizebox.enlarged a.resize{
    display: block;
    padding: 2% 2% 1% 2%;
    border-radius: 5px 5px 0px 0px;
    background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3);
    border: 1px solid rgba(255, 162, 0, 0.2);
    box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset;
    color: rgb(74, 74, 74) !important;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
    margin-bottom: -15px;
    text-align: right;
}
.resizebox a.fullsize {
  text-align: right;
  color: rgb(74, 74, 74) !important;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
  margin-left: 10px;
  top: -4px;
  position: relative;
}

/* categoria retratil */
.post_field {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border-left-style: solid;
    border-left-color: rgb(109, 109, 109);
    border-left-width: 0px !important;
    border-right-style: solid;
    border-right-color: rgb(109, 109, 109);
    border-right-width: 0px !important;
    margin-bottom: 0.5px;
    padding: 0px;
    transition: all 0.1s linear 0s;
}
/* Multi - quote */
    .FloatingAction {
    background: #fdfdfd;
    position: fixed;
    right: 10px;
    bottom: 10px;
    padding: 10px;
    z-index: 999;
    border: 4px solid #464646;
    border: 4px solid rgba(0,0,0,0.75);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    }

#ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}

.main-box.clearfix {display: none;}

#pun-visit {
display: none !important;
}

.nPost {color: #a2a2a2;}
.nPost:after {content: ' posts';}


.ipsUserPhoto_mini {
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
background:#fff;
border:2px solid #4F4F4F;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
height:36px;
margin:0 5px;
padding:1px;
width:36px;
border-radius: 1px!important;
}

.ipsUserPhoto_mini:hover {
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
border-color:#333;
box-shadow:0 2px 2px rgba(0,0,0,0.2)
}

.pun .postbody {font-size: 14px; font-family: Arial; line-height: 1.6}

#siteinfo,.main .main-content,.main .main-head,.pun .posthead,.title-overview {
background:#4F4F4F url(http://i57.servimg.com/u/f57/18/12/37/46/main-b10.png) repeat-x
}

.main .main-content {
border:0;
border-radius:0 0 3px 3px;
box-shadow:rgba(0,0,0,0.3) 0 1px 4px;
padding:6px
}

.main .main-head,.title-overview {
-moz-border-radius:3px 3px 0 0;
-moz-box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
-webkit-border-radius:3px 3px 0 0;
-webkit-box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
border-radius:3px 3px 0 0;
box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
color:#fff;
padding:13px;
text-shadow:1px 1px 1px #333
}

#right {
  -moz-border-radius:5px;
  -moz-box-shadow:-2px 2px 2px none;
  -webkit-border-radius:5px;
  -webkit-box-shadow:-2px 2px 2px none;
  background:#ebedef;
  border:1px solid #dce2ec;
  border-radius:5px;
  box-shadow:-2px 2px 2px none;
  padding: 5px
/* Caso bug entrar em contacto comigo ! */
}

.module .main-head,.title-overview {
  margin-top:0
}

.module .main-content{
  background:#fff;
  border:1px solid #dedede;
  padding:.8em
}

.module .main-content table[style="table-layout:fixed"]{
  -moz-border-radius:4px;
  -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-border-radius:4px;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  background-color:#f7f7f7;
  background-image:linear-gradient(tobottom,#f5f5f5,#f9f9f9);
  background-repeat:repeat-x;
  border-radius:4px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)
}


.module .main-content table[style="table-layout:fixed"] {
-moz-border-radius:4px;
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
-webkit-border-radius:4px;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
background-color:#f7f7f7;
background-image:linear-gradient(tobottom,#f5f5f5,#f9f9f9);
background-repeat:repeat-x;
border-radius:4px;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0)
}

#content-container div#content {
margin-right: 260px
}

#content-container div#container {
width: 95% !important
}

#content-container div#container {
margin-right: -290px !important
}

#content-container div#right {
float: right !important;
width: 255px !important
}
#pun-announcement {
display: none!important;
}

.entry-content p > br{
  display: none !important;
}
.entry-content p:last-child:before {
    background: url("http://i34.servimg.com/u/f34/18/17/62/92/icon_w10.png") no-repeat scroll left 2px #FAFAFA;
    content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0 Editado ";
    margin-left: 12px;
    position: absolute;
}
.entry-content p:last-child {
  font-size: 12px;
  font-weight: bold;
  margin-left: -35px;
  margin-top: 15px;
  overflow: hidden;
  padding: 2px 0 0 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
}
.entry-content p:last-child:empty:before {
  content: " ";
}
.entry-content p:last-child:hover {
  white-space: normal;
  width: auto;
}


/* Resp Rap */

.main .main-content {
background: #4F4F4F url(http://i57.servimg.com/u/f57/18/12/37/46/main-b10.png) repeat-x;
}

.main .main-head,.title-overview {
-moz-border-radius: 3px 3px 0 0;
-moz-box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
-webkit-border-radius:3px 3px 0 0;
-webkit-box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
border-radius:3px 3px 0 0;
box-shadow:rgba(0,0,0,0.3) 0 -1px 4px;
color:#fff;
padding:13px;
text-shadow:1px 1px 1px #333
}

.pun .main-content.frm {
background-color: #4F4F4F
}


.main .main-content {
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
border: 0;
border-radius: 0 0 3px 3px;
box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
padding: 6px;
}

#pun-qpost .frm-form, .faq dt {
background: #fff;
}

.pun .frm-form {
padding: 6px;
}

#pun-qpost fieldset.frm-set {
background: transparent;
margin: 1.7em;
}

#textarea_content {
min-width: 98%!important
}

#text_editor_textarea, .sceditor-container iframe, .sceditor-container textarea {
background: #fff!important;
border-color: #bbb #ddd #ddd #bbb !important;
border-style: solid!important;
border-width: 1px!important
}

#text_editor_textarea {
min-height: 85px;
opacity: .6;
}

#quick_reply .frm-buttons{
border-top: 0;
margin: 0 auto;
padding: 5px;
text-align: right;
}


#bloggercg, #facebookcg, #twittercg {
margin-left: 10px;
}

#primary_nav #facebookcg, #primary_nav #bloggercg, #primary_nav #twittercg {
display: inline;
}

#primary_nav #facebookcg{
background:#1f69b3;
padding:8px;
transition:all .3s linear
}
#primary_nav #facebookcg:hover{
opacity:.7;
transition:all .3s linear
}
#facebookcg span{
background:url(http://upit.cc/i/501f2ab9.png) no-repeat top;
display:inline-block;
height:16px;
width:16px
}
#primary_nav #twittercg{
background:#43b3e5;
padding:8px;
transition:all .5s linear
}
#primary_nav #twittercg:hover{
opacity:.7;
transition:all .5s linear
}
#twittercg span{
background:url(http://upit.cc/i/afb451a1.png) no-repeat top;
display:inline-block;
height:16px;
width:16px
}
#primary_nav #bloggercg{
background:#fc6301;
padding:8px;
transition:all .3s linear
}
#primary_nav #bloggercg:hover{
opacity:.7;
transition:all .3s linear
}
#bloggercg span{
background:url(http://upit.cc/i/fe877e54.png) no-repeat top;
display:inline-block;
height:16px;
width:16px
}

.BS_vote {
float: right;
margin: 0 5px;
}

.BS_like {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #740a0e url(http://imgur.com/nzsWyYT.png) no-repeat;
border: 1px solid #63070a;
border-radius: 2px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 11px;
line-height: 22px;
margin-right: 4px;
padding: 0 7px 0 26px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.BS_count {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #f4f4f4;
border-radius: 2px;
padding: 3px 10px;
}
.BS_done{display:none}

.tcl.tdtopics > strong {
  background: none repeat scroll 0 0 #7BA60D;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  height: 15px;
  line-height: 15px;
  padding: 0 5px;
  text-transform: uppercase;
  vertical-align: middle;
}

div.user div.user-info div.post_field dd div.field span.label {
color: black !important;
}
div.user div.user-info div.post_field dd div.field {
line-height: 14px !important;
color: #4F4F4F !important;
}

.main.paged .paged-head {
  display: none !important;
}

#statistics span a {
  color: #4A4A4A !important;
}

.tcl.tdtopics .stats {
background-color: #fef4d7;
padding: 10px;
margin-left: -55px!important;
margin-right: 10px!important;
padding-bottom: 50px;
border-bottom: 1px solid #e1e1e1!important;
border-right: 1px solid #f4e9d2!important;
}

.stats img {
    margin-bottom: -22px;
    margin-left: 5px;
    width: 15px;
}

.main-foot.clearfix .h2 {
  display: none !important;
}

#avatar img {
border: 2px solid rgba(225, 225, 225, 0.2);
border-radius: 2px;
width: 25px;
height: 25px
}

.botoess {
background: none repeat scroll 0 0 rgba(172, 172, 172, 0.4);
border-radius: 2px 2px 2px 2px;
box-shadow: 0 0 1px rgba(255,255,255,0.6);
color: #fff;
display: block;
padding: 6px 15px 5px;
text-shadow: 0 1px 1px rgba(0,0,0,0.5);
margin-right: 10px;
transition: all .3s ease-in 0!important;
float: left;
}
.botoess:hover {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.47);
}

#primary_nav {
background: url(http://www.haxball.pt/public/style_images/Neat_images/bg-cat-menu.jpg) repeat-x center bottom;
border-bottom: 1px solid #DDD;
border-top: 1px solid #DFDFDF;
padding: 10px;
font-size: 13px;
margin-bottom: 0;
}

.module .main-head h3 {
font-family: Verdana,Arial,sans-serif;
font-size: 16px !important;
font-weight: 300 !important;
}

blockquote {
font-size: 12px;
border: 1px solid #E3E3E3;
background: #FCFCFC;
color: #9F9F9F;
margin-bottom: 5px;
}
blockquote, .postmain blockquote {padding: 10px;}
blockquote cite {
font-size: 12px;
padding: 8px 10px;
text-indent: 25px;
border: 1px solid #E3E3E3;
border-top: 0px;
border-bottom: 1px solid #E8E8E8;
background-color: #F2F2F2;
background-image: url(http://i34.servimg.com/u/f34/16/49/10/98/snapba10.png), url(http://i.imgur.com/iPXDkuF.png);
background-position: 10px center, 0 0;
background-repeat: no-repeat, repeat-x;
color: #535353;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
font-weight: bold;
}
blockquote cite, .postmain cite {margin: -10px -11px 8px -11px;}

.column .main-head .h3 {
font-family: Verdana,Arial,sans-serif;
font-size: 16px !important;
font-weight: 300 !important;
}

.module.main .main-head .h3 {
font-family: Verdana,Arial,sans-serif;
font-size: 16px !important;
font-weight: 300 !important;
}

#pun-info {
  display: none;
}

.tc_forum .hierarchy a {
  color: #333;
  font-weight: 700;
  display: inline-block;
  padding-bottom: 5px;
  font-family: Arial, Helvetica, sans-serif;
}

.last_post.ipsType_small {
  padding-top: 12px;
}

.pun table .tcr {
  width: 35%;
}


span.desc-small {
    color: #a4a4a4 !important;
    margin-left: 2px;
    font-size: 11px !important;
    font-style: initial;
    text-justify: initial;
    text-overflow: ellipsis;
    font: normal 13px "helvetica", arial, sans-serif;
}

span.desc-small a {
    color: #a4a4a4 !important
}

.pun table td.tcl h2 a { color: #555!important }

#footer_utilities {
background-color: #F1EDED !important;
height: 50px !important;
width: 98.4% !important;
  min-width: 1000px;
  display: block;
  padding: 10px;
  font-size: 11px;
border: 1px solid white;
outline: solid 1px #DDD;     
}


/* Código desenvolvido por http://bluebox.forumeiros.com/ - Uma caixa de conhecimentos | 2014 ®
| Desenvolvimento e edição de códigos | Suporte geral sobre programação | Cursos sobre programação
| Escola BlueWorld ensino de programação básica e avançada */
#cssmenu{#dedede;margin:0;width:auto;padding:0;line-height:1;display:block;position:relative;font-family:'arial',sans-serif}
#cssmenu ul{list-style:none;margin:0;padding:0;display:block}
#cssmenu ul:after{content:' ';display:block;font-size:0;height:0;clear:both;visibility:hidden}
#cssmenu ul li{margin:0;padding:0;display:block;position:relative}
#cssmenu ul li a{text-decoration:none;display:block;margin:0;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
#cssmenu ul li ul{position:absolute;left:-9999px;top:auto}
#cssmenu ul li ul li{max-height:0;position:absolute;-webkit-transition:max-height .4s ease-out;-moz-transition:max-height .4s ease-out;-ms-transition:max-height .4s ease-out;-o-transition:max-height .4s ease-out;transition:max-height .4s ease-out;background:#bdbdbd}
#cssmenu ul li ul li.has-sub:after{display:block;position:absolute;content:'';height:10px;width:10px;border-radius:5px;background:#0d0d0d;z-index:1;top:13px;right:15px}
#cssmenu ul li ul li.has-sub:before{display:block;position:absolute;content:'';height:0;width:0;border:3px solid transparent;border-left-color:#bdbdbd;z-index:2;top:15px;right:15px}
#cssmenu ul li ul li a{font-size:14px;font-weight:400;text-transform:none;color:#0d0d0d;letter-spacing:0;display:block;width:140px;padding:11px 10px 11px 20px}
#cssmenu ul li ul li:hover>a,#cssmenu ul li ul li.active>a{color:#1c1c1c}
#cssmenu ul li ul li:hover:after,#cssmenu ul li ul li.active:after{background:#1c1c1c}
#cssmenu ul li ul li:hover>ul{left:170px;top:0}
#cssmenu ul li ul li:hover>ul>li{max-height:72px;position:relative}
#cssmenu>ul>li{float:left;border-left-style:solid;border-color:#969696;border-left-width:1px}
#cssmenu>ul>li:after{content:'';display:block;position:absolute;width:100%;height:0;top:0;z-index:0;background:#bdbdbd;-webkit-transition:height .2s;-moz-transition:height .2s;-ms-transition:height .2s;-o-transition:height .2s;transition:height .2s}
#cssmenu>ul>li.has-sub>a{padding-right:40px}
#cssmenu>ul>li.has-sub>a:after{display:block;content:'';background:#000;height:12px;width:12px;position:absolute;border-radius:13px;right:14px;top:16px}
#cssmenu>ul>li.has-sub>a:before{display:block;content:'';border:4px solid transparent;border-top-color:#fff;z-index:2;height:0;width:0;position:absolute;right:16px;top:21px}
#cssmenu>ul>li>a{color:#000;padding:15px 20px;font-weight:700;letter-spacing:1px;text-transform:capitalize;font-size:12px;z-index:2;position:relative}
#cssmenu>ul>li:hover:after,#cssmenu>ul>li.active:after{height:100%}
#cssmenu>ul>li:hover>a,#cssmenu>ul>li.active>a{color:#FCFCFC}
#cssmenu>ul>li:hover>a:after,#cssmenu>ul>li.active>a:after{background:#FCFCFC}
#cssmenu>ul>li:hover>a:before,#cssmenu>ul>li.active>a:before{border-top-color:#bdbdbd}
#cssmenu>ul>li:hover>ul{left:0}
#cssmenu>ul>li:hover>ul>li{max-height:72px;position:relative}
#cssmenu #menu-button{display:none}
@media all and (max-width:768px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px){#cssmenu>ul{max-height:0;overflow:hidden;-webkit-transition:max-height .35s ease-out;-moz-transition:max-height .35s ease-out;-ms-transition:max-height .35s ease-out;-o-transition:max-height .35s ease-out;transition:max-height .35s ease-out}
#cssmenu>ul.open{max-height:1000px;border-top:1px solid rgba(110,110,110,0.25)}
#cssmenu ul{width:100%}
#cssmenu ul>li{float:none}
#cssmenu ul li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:12px 20px}
#cssmenu ul>li:after{display:none}
#cssmenu ul li.has-sub>a:after,#cssmenu ul li.has-sub>a:before,#cssmenu ul li ul li.has-sub:after,#cssmenu ul li ul li.has-sub:before{display:none}
#cssmenu ul li ul,#cssmenu ul li ul li ul,#cssmenu ul li ul li:hover>ul{left:0;position:relative}
#cssmenu ul li ul li,#cssmenu ul li:hover>ul>li{max-height:999px;position:relative;background:0}
#cssmenu ul li ul li a{padding:8px 20px 8px 35px;color:#000;width:auto}
#cssmenu ul li ul ul li a{padding:8px 20px 8px 50px}
#cssmenu ul li ul li:hover>a{color:#383838}
#cssmenu #menu-button{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:15px 20px;text-transform:capitalize;font-weight:700;font-size:14px;letter-spacing:1px;color:#000;cursor:pointer}
#cssmenu #menu-button:after{display:block;content:'';position:absolute;height:3px;width:22px;border-top:2px solid #000;border-bottom:2px solid #000;right:20px;top:16px}
#cssmenu #menu-button:before{display:block;content:'';position:absolute;height:3px;width:22px;border-top:2px solid #000;right:20px;top:26px}
}

.post_date {
  margin-top: -40px;
}

.signature_div {
height: 200px!important;
width: 500px!important;
}

.pun .post {
    background: none repeat scroll 0% 0% #F6F5F1!important
}
.pun .post .user .user-info .post_field {
  background: none repeat scroll 0 0 #F6F5F1 !important;
}

.pun table.table tr{
    transition: all 250ms ease 0s;
    color: rgb(170, 170, 170) !important;
}
.pun table.table tr:hover{
    transition: all 250ms ease 0s;
    color: rgb(72, 83, 99) !important;
}
.ipsUserPhoto_mini {
opacity: 0.5;
transition: all 250ms ease 0s;
}
.ipsUserPhoto_mini:hover {
    opacity: 1;
transition: all 250ms ease 0s;
}

.tc_forum .hierarchy a:hover {
    text-decoration: underline!important;
}

/*título*/
.titlebox{
    -moz-border-radius:3px;
    -moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
    -webkit-border-radius:3px;
    -webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
    background:#EFEFEF;
    border:1px solid #D6D6D6;
    border-radius:3px;
    box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
    overflow:hidden;
    padding:10px;
    text-shadow:#fff 0 1px 0
}
.titlebox dd{display:block}
.titlebox dava{float:left}
.titlebox dava a img{
    -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
    background:#fff;
    border:1px solid #D5D5D5;
    box-shadow:0 2px 2px rgba(0,0,0,0.1);
    float:left;
    height:50px!important;
    padding:1px;
    width:50px!important
}
.titlebox dava a img:hover{
    -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    border-color:#A1A1A1;
    box-shadow:0 2px 2px rgba(0,0,0,0.2)
}
.ipsType_pagetitle a{font-size:23px;z-index:999}
.desc.lighter.blend_links{color:#a4a4a4;float:left;font-size:11px}
.desc.lighter,.desc.lighter.blend_links a{color:#A4A4A4}
.desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px}
.conect{display:inline-block;padding-left:5px}

      /*box*/
.titlebox {
background: url("http://i13.servimg.com/u/f13/18/08/41/63/transw13.png") repeat;
background: rgba(255, 255, 255, 0.5) url('http://i13.servimg.com/u/f13/18/08/41/63/highli15.png') repeat-x 0 0;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.5) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.5) 0px 0px 0px, rgba(0,0,0,0.2) 0px 0px 0px;
box-shadow: inset rgba(255, 255, 255, 0.5) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px;
text-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding: 10px;
overflow: hidden;
}
.titlebox dd {display: block;}
.titlebox dava {float: left;}
.ipsBox_withphoto {float: left; margin-left: 10px;}
.ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 23px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 600px;}
.ipsType_pagetitle a {font-size: 23px; z-index: 999;}
.desc.lighter.blend_links {color: #777; float: left; font-size: 11px;}
.socialetopic {float: right; position: relative;}
.titlebox dava a img {
  float: left;
  height: 50px!important;
  width: 50px!important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 0px 0px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 0px;
}
.titlebox dava a img:hover {opacity: 0.8;}

/*fim*/
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Shek em 03/03/14, 05:32 pm

Boa tarde!

Use e modifique o código abaixo:
.post h3 {
background: #000 !important; /* COR DE FUNDO DA BARRA */
font-family: NOME_DA_FONTE !important; /* NOME DA FONTE */
}

.post_date {
color: #FFF !important; /* COR DA LETRA */
font-family: NOME_DA_FONTE !important; /* NOME DA FONTE */
}

.desc {
color: #FFF !important; /* COR DA LETRA */
font-family: NOME_DA_FONTE !important; /* NOME DA FONTE */
}
Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17165
Pontos Ativos : 21419

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 04/03/14, 08:03 am

Igual
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Shek em 04/03/14, 08:37 am

Igual ao quê? Teria como ser mais específico? Evite mensagens desnecessárias, coloque-me a sua questão completa, com detalhes, se não, não há compreensão! Não 


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17165
Pontos Ativos : 21419

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 04/03/14, 08:59 am

Amigo, vou recapitular então.
A barra dos posts nomeu fórum é assim : http://i.imgur.com/AbA55Wv.png / Eu gostaria de modificá-la ao ponto de ficar com este aspeto: http://gyazo.com/6b5a2083e5a37711f6fee9348cd6ff3f

Igualzinha, e no tópico que está no primeiro post, pode ver que o JScript conseguiu editá-la usando CSS. Mas a verdade é que mudei de tema e esse CSS já não é funcional.

Ora bem, gostaria de ter as cores dessa barra, o estilo dos nomes dos postadores, da data e isso.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Hancki em 04/03/14, 10:26 am

Olá!

Use este CSS:
Código:
div.post h3 {
background-color: #EDEAE3 !important;
border-bottom: 1px solid #CCCACD !important;
}
div.post-entry div.post_date {
text-shadow: 0px 1px white !important;
-moz-text-shadow: 0px 1px white !important;
color: #4f4f4f !important;
font-size: 11px !important;
}
Resultado: http://prntscr.com/2xryzb

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 04/03/14, 10:34 am

avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Hancki em 04/03/14, 10:37 am

Então use mais este:
Código:
div.post_username span.author.vcard a {
text-shadow: 0px 1px white !important;
-moz-text-shadow: 0px 1px white !important;
color: #4f4f4f !important;
font-size: 15px !important;
}
Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 04/03/14, 10:46 am

Amigo a barra tá feita.
No entanto no outro tópico que o JScript me adaptou ele conseguiu colocar um simbolo de Offline atrás do nick dos users que se encontravam fora de linha.
Queria que aparecesse só aos membros desconectados que depois ao se conectar, aparecesse o de conectado que estã no gestor de imagens da forumeiros.
Veja o código que ele tinha usado mas que não funciona neste tema:

@JScript escreveu:@Diogo Ferreira
Eu fui conferir e realmente é dessa forma... Mas a sua ideia é excelente e funcional, basta adicionar o código abaixo:
Código:
.pun .posthead {
  background-image: url("http://illiweb.com/fa/pbucket.gif") !important;
  background-position: 15px center !important;
  background-repeat: no-repeat !important;
  z-index: 0;
}

Resultado:

avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Hancki em 04/03/14, 11:17 am

Ok, isso é fácil!
Use este CSS:
Código:
div[class="post_online"]:empty:after {
content: url('http://illiweb.com/fa/pbucket.gif'); /*Hancki*/
}
Resultado: http://prntscr.com/2xscdn

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Barra divisória de tópicos - by jscript

Mensagem por Diogo Ferreira em 04/03/14, 11:22 am

Resolvido!
Muito obrigado.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

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

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum