Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

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


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

Fóruns de suporte oficiais


Meriteiro

Outubro de 2016



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

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Skyter F. Karlaio
 
Lhs17
 
JrMAFiA
 
Valentine
 

Quem está conectado
59 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 57 Visitantes :: 1 Motor de busca

flavio2s sistemas, Valentine

[ Ver toda a lista ]


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

Personalização da categoria apenas no índice

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

Resolvido Personalização da categoria apenas no índice

Mensagem por IsmaelS. em Sex 18 Dez 2015 - 17:48

Detalhes da questão


Endereço do fórum: http://zonagrafica.forumeiro.com/
Versão do fórum: PunBB

Descrição


Bem eu tinha aberto uma dúvida e o @MateusAnjosV ajudou-me a resolver mas tem alguns problemas que reparei depois, uso este código:
Código:
.pun .statused tr {
background: #f7f7f7;
border: 1px solid #ddd;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}

Que serve para realizar este aspeto, na página principal (fórum) está tudo bem e em ordem:


Mas tem alguns problemas em outras partes, pois no "Quem está conetado? ; Grupos" está desta forma:




E outra coisa dentro dos fóruns de cada categoria está assim:


Está direito porém em vez de "Tópicos e Mensagens" queria que tive-se "Respostas e Visto".

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5088

http://suportedesign.forumeiros.com/

Resolvido Re: Personalização da categoria apenas no índice

Mensagem por RafaelS. em Sex 18 Dez 2015 - 18:24

Olá!

Ou seja, você só quer que o negrito se aplique nas categorias e nos tópicos?
Quanto ao texto nos tópicos, e possível modificar pelo topics_list_box.

Atenciosamente.

RafaelS.
Hiperativo

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

http://maisforum.forumeiros.com

Resolvido Re: Personalização da categoria apenas no índice

Mensagem por IsmaelS. em Sex 18 Dez 2015 - 19:13

Bem eu quero o efeito apenas nestas partes:




E as outras deixar normal como estava, percebeu?

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5088

http://suportedesign.forumeiros.com/

Resolvido Re: Personalização da categoria apenas no índice

Mensagem por RafaelS. em Sab 19 Dez 2015 - 17:55

Olá!

Queira me fornecer o seu CSS, pois tem mais códigos envolvidos do que aqueles que informou no tópico.

Até mais.

RafaelS.
Hiperativo

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

http://maisforum.forumeiros.com

Resolvido Re: Personalização da categoria apenas no índice

Mensagem por IsmaelS. em Sab 19 Dez 2015 - 19:06

Aqui está amigo:
Código:
nav.navbar {
    margin-left: -14%!important;
    width: 128%!important;
    margin-right: 0!important;
    margin-top: -5px!important;
}
html#min-width {
    overflow-x: hidden!important;
}
/* Outros Códigos */
#pun-visit, .main-box{display:none}
#submit_button {height: auto!important;}
.module.main {margin: 0 0 0 8px!important;}
a {text-decoration: none !important;}
.pun .main-content ol, .pun .main-content ul {padding-left: 0px!important;}
.bim_thumbPreview {width: 90px;height: 48px;}
#pun-announcement {border: 1px solid #ddd;}
#quick_reply #textarea_content {width: 100%!important;}
#onlinechat {display: none;}
#pun-about #qjump {display: none;}
/* Icones nas Categorias */
.cat1:before {
content: "\f086";
font-family: FontAwesome;
vertical-align:top;
}
.cat2:before {
content: "\f0ad";
font-family: FontAwesome;
vertical-align:top;
}
.cat3:before {
content: "\f085";
font-family: FontAwesome;
vertical-align:top;
}
.cat4:before {
content: "\f1fc";
font-family: FontAwesome;
vertical-align:top;
}
.cat5:before {
content: "\f014";
font-family: FontAwesome;
vertical-align:top;
}
.cat6:before {
content: "\f0c0";
font-family: FontAwesome;
vertical-align:top;
}
/* Ranks em .CSS */
.admin {background-color: #D94348;}
.mod {background-color: #07B87D;}
.prog {background-color: #3192C2;}
.des {background-color: #D69A45;}
.mem {background-color: #000000;}
.rank {
-webkit-border-radius: 3px;
background-image: url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 17px;
moz-border-radius: 3px;
padding: 4px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
margin-top: 7px;
}
/* Reputação estilo IPB */
.reputation {
background-color: #DFF0D8;
font-weight: bold;
padding: 3px 8px;
display: block !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #3C763D;
margin: 0 auto;
margin-bottom: 5px;
max-width: 123px;
text-align: center;
}
/* Aspeto das Categorias */
.main-head h2, .main-head h3 {
font-family: Ubuntu, sans-serif;
font-size: 14px!important;
font-weight: 700;
font-family: 'Open Sans Condensed', sans-serif;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
.main .main-head {
margin-top: 10px;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-foot {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 0 0 2px 2px;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.table thead tr:first-of-type {
display: none;
}
.tc1, .tcr, .pun table.table td {
background: none !important;
border: none !important;
}
.tc2, .tc3 {
background: none !important;
border: none !important;
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
overflow: hidden;
position: relative;
text-align: center;
}
.tc2:after {
display: block;
content: "Tópicos";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.tc3:after {
display: block;
content: "Mensagens";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.pun .statused tr {
background: #f7f7f7;
border: 1px solid #ddd;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}
/* Avatares de Últimas Mensagens */
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #EDEDED!important;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 38px;
margin-right: 3px;
padding: 2px;
width: 38px;
}
/* Navegação pun-crumbs */
.pun-crumbs a, p.crumbs a { background: transparent url("http://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px; color: #757575 !important; line-height: 30px; margin-left: -14px; padding: 10px 20px 10px 25px;  position: relative; text-shadow: 0px 1px 0px #FFF; transition: none 0s ease 0s;}
.pun-crumbs {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
line-height: 34px;
margin: 0px 1px 10px;
overflow: hidden;
padding: 0.2em 1em;
}
.pun .pun-crumbs .crumbs {
color: transparent;
}
.pun-crumbs {font-size:9px}
p.crumbs a {
background: transparent url("http://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px;
color: #757575 !important;
line-height: 30px;
margin-left: -14px;
padding: 10px 20px 10px 25px;
position: relative;
text-shadow: 0px 1px 0px #FFF;
transition: none 0s ease 0s;
}
p.crumbs a:hover {
background-position: 100% -44px;
}
/* Chatbox */
h2.chatbox-title:after, h3.chatbox-title:after, #chatbox_header .cattitle:after {content: "WEBGRAFIC - CHATBOX"; }
.chatbox-title a.chat-title {display:none}
#chatbox_footer{border-top: 0px}
#chatbox_header.main-head {
background-color: #2a2c33;
border-bottom: 2px solid #de9700;
border-radius: 5px 5px 5px 5px;
color: #dedfdf;
padding: 0 1.3em;
}
#chatbox_members {border-right: 1px solid #D5DDE5;bottom: 0px;}
#chatbox_members .member-title {background: #333;color: #FFF;}
#chatbox_members .member-title.online {
background: #8B5;
}
#chatbox_members .member-title.away {
background: #E53;
}
#chatbox p strong em { background: url('https://gacweb.icann.org/images/icons/emoticons/warning.png') no-repeat 1%; padding: 5px 5px 5px 25px; color: #D7AD4A; }
/* Botões Novo Tópico, Responder, Bloqueado */
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.19), 0px -3px 0px rgba(0, 0, 0, 0.19) inset;
text-decoration: none;
}
.botãoresponder, .botãonovotopico {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #267CC2;
background-image: linear-gradient(#42A5E1, #267CC2);
transition: all 0.5s ease 0s;
}
.botãobloqueado {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #C22626;
background-image: linear-gradient(#E14242, #C22626);
transition: all 0.5s ease 0s;
}
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0 4px 1px rgba(0,0,0,.19),inset 0 -3px 0 rgba(0,0,0,.19);
text-decoration: none;
}
.botãoresponder:active, .botãonovotopico:active, .botãobloqueado:active, .botãoresponder:focus, .botãonovotopico:focus, .botãobloqueado:focus {
box-shadow: inset 0 2px 0 0 rgba(0,0,0,.19),inset 0 12px 24px 6px rgba(0,0,0,.19),inset 0 0 2px 2px rgba(0,0,0,.19); }
.module .main-content table[style="table-layout:fixed"] {
-moz-animation: progress_bar 2s linear infinite;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-animation: progress_bar 2s linear infinite;
-webkit-user-select: none;
animation: progress_bar 2s linear infinite;
background: #fafafa;
background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-size: 10px 10px;
border: #e1e1e1 1px solid;
border-radius: 3px;
cursor: default;
font-size: 10px;
font-weight: 700;
overflow: hidden;
text-shadow: rgba(0,0,0,.3) 1px 1px 1px;
user-select: none;
}
.botãonovotopico:before {
content: '\f044 \00A0';
font-family: 'fontawesome';
}
.botãobloqueado:before {
content: '\f023 \00A0';
font-family: 'fontawesome';
}
.botãoresponder:before {
content: '\f112 \00A0';
font-family: 'fontawesome';
}
/* Botões Enviar, Pré-visualizar */
.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
}
input[type="button"], input[type="reset"], input[type="submit"] {
background: #FBA700;
border: none;
border-bottom: 2px solid #D69200;
border-radius: 3px;
color: #FFF!important;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: normal!important;
margin: 2px;
padding: 6px 9px!important;
transition: 300ms;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background: #4D5161;
border-color: #2A2C33;
outline: none;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
.frm-buttons {
border-top: none!important;
margin-bottom: 0;
margin-top: 0;
padding: 10px 0;
}
/* Widget Estatisticas */
.module .main-content ul {
margin: 0 0em;
}
#stats_sidebar .srr {
float: right;
}
#stats_sidebar .srl {
font-weight: bold;
}
/* Tamanho dos Títulos das Categorias, Descrições */
.statused  .tcl {font-size: 11px !important;color: #666 !important}
a.forumtitle {font-size: 13px !important}
/* Avatares no widget últimos assuntos */
.avt-r img{
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #D5D5D5 !important;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
float: left;
height: 28px;
margin: 3px;
padding: 1px;
width: 28px;
}
/* Icones nos Grupos */
a.gensmall[style="color: #D94348"]:before {
content: '\f005 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #07B87D"]:before {
content: '\f085 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #3192C2"]:before {
content: '\f0ad \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #D69A45"]:before {
content: '\f1fc \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #000000"]:before {
content: '\f007 \00A0';
font-family: 'fontawesome';
}
/* Header */
.navbar {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-image: url("http://i.imgur.com/O3qorj3.jpg");
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px;
border-bottom: 1px solid rgba(0, 0, 0, .20);
background-size: cover;
border-color: #FEA900;
border-image: none;
border-radius: 0;
border-style: solid none none;
border-width: 3px medium medium;
font-weight: 500;
margin-bottom: 0;
min-height: 185px;
position: relative;
}
* {
margin: 0;
padding: 0;
}
.navbar {
width: 110%;
margin-left: -35px;
}
.navbar:hover {
background-position: 1px;
transition-duration: 0.5s;
}
nav.navbar {width:100%;
        margin-left: 0px;}
/* Viewtopic_body */ 
.pun .topic {
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}
.user-basic-info img:first-child {
background: #FFF;
border: 1px solid #ddd;
padding: 2px;
max-width: 100px;
margin-bottom: 5px;
}
.pun .postmain {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
position: relative
}
.pun .post .user:after {
border-left-color: #f7f7f7;
border-width: 7px;
margin-left: 2px;
margin-top: 1px
}
.pun .post .user {
line-height: 150%;
margin-left: -17em!important;
margin-top: -3.3em;
padding-top: 0;
text-align: center;
width: 15em;
background: white;
border: 1px solid #ddd;
border-radius: 3px;
}
.pun .username a span strong {
font-weight: 400!important
}
.pun .user .user-ident .user-basic-info {
margin-top: 15px;
margin-bottom: -2px;
}
#first-post-br {
border: 0
}
.pun .posthead,
.pun .username {
background-color: #f7f7f7;
border-bottom: 1px solid #ddd;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
}
.pun .user-ident .username {
margin: 0 auto;
position: relative
}
.pun .posthead a {
color: #444;
font-size: 13px
}
.pun .posthead h2 {
color: #444;
font-weight: 400
}
.pun .posthead h2 strong {
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal
}
.pun .posthead h2 strong:before {
content: '#'
}
.posthead[id] + .postbody .entry-content div + p:not(:empty) {
background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
border: 1px solid #ecc272;
color: #ac6328;
font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin-top: 15px;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0
}
.posthead[id] + .postbody .entry-content div + p:not(:empty) > br {
display: none;
}
.pun .post,
.pun .postbody,
.pun .postmain {
background-color: #fff!important
}
.pun .post {
border: 0;
margin: 5px
}
.postfoot {
background: #f7f7f7;
border-top: 1px solid #ddd;
margin: 0;
padding: 10px;
}
.pun .topic {
border: 0;
box-shadow: none;
background: white;
margin: 0
}
.pun .entry-content {
font-size: 13px;
line-height: 1.6
}
.pun .paged-foot,
.pun .paged-head {
background-color: transparent;
border: 0
}
.paged-head h1 {
display: none
}
.wraparound {
background: #f7f7f7;
border: 1px solid #ddd;
margin: 10px 0;
padding: 8px;
}
.ipsBox_withphoto {
margin-left: 65px;
}
.ipsType_pagetitle, .ipsType_subtitle {
color: #413f3c;
font-size: 23px;
font-style: normal;
font-variant: normal;
font-weight: 300;
line-height: 1.3;
}
.desc.lighter, .desc.lighter.blend_links a, .desc.lighter.blend_links span a strong {
color: #a49f98!important;
font-weight: 400;
}
.ipsUserPhotoLink img {
background: #fff;
border: 1px solid #ddd;
float: left;
height: 40px;
padding: 2px;
width: 40px;
}
.ftoggle {
background: #E2E2E2;
border-radius: 3px;
display: block;
padding: 10px 15px;
}
.right {
float: right;
padding: 4px;
}
.pun .user .user-info {
background: #F5F5F5;
border-top: 1px solid #D9DBDD;
color: #666;
line-height: 1.8em;
padding: 5px!important;
}
.arrow-u, .arrow-u2 {
border: 7px solid;
border-color: transparent transparent transparent #f7f7f7;
height: 0;
left: -23px;
margin-top: -25px;
position: absolute;
width: 0;
z-index: 999;
}
/* Fundo Branco da Estrutura */
.pun {
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
background: #fff;
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
/* Barra de Ferramentas */
#fa_toolbar {
left: 0px;
height: 30px;
background-color: #2A2C33;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 999;
}
#fa_right.welcome #fa_menu #fa_welcome {
color: #FFF;
background-color: #FEA900;
}
#fa_toolbar > #fa_right.notification > #fa_notifications {
color: #FFFFFF;
background-color: #FEA900;
}
#fa_menulist {
display: none;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px 10px;
background-color: #2A2C33;
min-width: 175px;
width: auto;
border: 1px solid #FEA900;
line-height: 32px;
border-top: 0px solid #FFFFFF;
z-index: 999;
}
#fa_usermenu {
position: absolute;
left: 0px;
width: 120px;
padding: 10px 20px 10px 10px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
#fa_service:after {
content: ' - WEBGRAFIC';
}
/* Tamanho Padrao de fonte nos widgets */
.module.main .main-content{
font-size:10px;       
}
/* Caixa de Aviso*/
.main .frm-info {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFEA97 url(https://cdn2.iconfinder.com/data/icons/diagona/icon/16/050.png) no-repeat 6px 10px;
background-color: #FFEA97;
border: 1px solid #E1B500;
border-radius: 3px;
color: #796100;
font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin: 15px 1.7em 1.7em;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0;
}
/* Aspeto de Numeração de Páginas */
.paged-foot .paging a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px!important;
margin-right: 3px!important;
padding: 6px 9px!important;
}
.paged-foot .paging a, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
background: #e5e5e5 url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x 0 0;
border: 1px solid #d6d6d6;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
color: #747474;
display: inline-block;
font-size: 11px;
font-weight: 400;
padding: 0 5px;
text-shadow: #fff 0 1px 0;
text-transform: lowercase;
}
/* Quote */
.postmain cite {
background-color: transparent!important;
color: #FBA717!important;
display: block;
font-size: 13px!important;
font-style: normal;
font-weight: 700;
margin: 0 0 1em;
}
.postmain cite {
display: block;
font-style: normal;
font-weight: 700;
margin: 0 0 1em;
}
blockquote cite {
background-color: #E4EAF2;
background-image: url(http://illiweb.com/fa/invision/css_img_quote.gif);
background-position: top right;
background-repeat: no-repeat;
color: #000;
display: block;
font-size: 11px;
font-style: normal;
margin: -8px -8px 8px;
padding: 3px;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheeti, cite, em, var, address, dfn {
font-style: italic;
}
blockquote {
background: rgba(250, 250, 250, 0.49)!important
border-bottom: none!important;
border-left: 3px solid #FBA717!important;
border-right: none!important;
border-top: none!important;
display: block;
line-height: 1.5vw!important;
padding: .8vw!important;
}
/* Mensagens Moderativas */
.alert.sucesso {
background-color: #DFF0D8;
border-color: #D6E9C6;
color: #3C763D;
}
.alert.danger {
background-color: #F2DEDE;
border-color: #EBCCD1;
color: #A94442;
}
.alert {
-moz-border-radius: 3px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
-webkit-border-radius: 3px;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
background: #F9F1C7;
border: 1px solid #F6DEAC;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
color: #AF8640;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: 5px 0;
padding: 15px;
width: 85%;
}
.alert.infos {
background-color: #D9EDF7;
border-color: #BCE8F1;
color: #31708F;
}
/* Table Staff */
.table_bg_staff {
background: #f7f7f7 url(http://illiweb.com/bl/spirale.png) no-repeat;
background-color: #EFF9FC;
border: 1px solid #cdcdcd;
box-shadow: 0 2px 10px;
font-size: .9em;
margin: 15px 0 0 15px;
padding: 0 6px 0 0 !important;
position: relative;
}
.r1 {
background-color: #e6f2fa;
}
.r2 {
background-color: #dceaf5;
}
.moderadeiros {
border: 1px solid #07B87D!important;
}
.linha_mod {
border-bottom: 1px solid #07B87D!important;
}
.admineiros {
border: 1px solid #D94348!important;
}
.linha_admin {
border-bottom: 1px solid #D94348!important;
}
.prog {
border: 1px solid #3192C2!important;
}
.linha_prog {
border-bottom: 1px solid #3192C2!important;
}
.designer {
border: 1px solid #D69A45!important;
}
.linha_designer {
border-bottom: 1px solid #D69A45!important;
}
/* Footer */
#subscribers {padding-left: 170px !important;margin-top: -40px !important} #back-top { top: -12px !important; }
#back-top {
position: relative;
text-align: center;
top: -14px;
}
.num3 h3:before {
  font-weight: normal !important;
}
.num4 h3:before {
  font-weight: normal !important;
}
/* Imagem Caixas de Resposta */
.sceditor-container textarea {
background: url('http://i68.servimg.com/u/f68/16/43/60/45/s10.png') no-repeat 50% 50% transparent!important;
}
/* Estatisticas */
#onlinelist {
background-color: #fff;
border-top: 1px solid #ccc;
padding: .6em 0em;
}
#stats {
background-color: #fff;
line-height: 150%;
padding: 0.6em 0em;
}

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5088

http://suportedesign.forumeiros.com/

Resolvido Re: Personalização da categoria apenas no índice

Mensagem por RafaelS. em Dom 20 Dez 2015 - 18:36

Olá!

Código:
nav.navbar {
    margin-left: -14%!important;
    width: 128%!important;
    margin-right: 0!important;
    margin-top: -5px!important;
}
html#min-width {
    overflow-x: hidden!important;
}
/* Outros Códigos */
#pun-visit, .main-box{display:none}
#submit_button {height: auto!important;}
.module.main {margin: 0 0 0 8px!important;}
a {text-decoration: none !important;}
.pun .main-content ol, .pun .main-content ul {padding-left: 0px!important;}
.bim_thumbPreview {width: 90px;height: 48px;}
#pun-announcement {border: 1px solid #ddd;}
#quick_reply #textarea_content {width: 100%!important;}
#onlinechat {display: none;}
#pun-about #qjump {display: none;}
/* Icones nas Categorias */
.cat1:before {
content: "\f086";
font-family: FontAwesome;
vertical-align:top;
}
.cat2:before {
content: "\f0ad";
font-family: FontAwesome;
vertical-align:top;
}
.cat3:before {
content: "\f085";
font-family: FontAwesome;
vertical-align:top;
}
.cat4:before {
content: "\f1fc";
font-family: FontAwesome;
vertical-align:top;
}
.cat5:before {
content: "\f014";
font-family: FontAwesome;
vertical-align:top;
}
.cat6:before {
content: "\f0c0";
font-family: FontAwesome;
vertical-align:top;
}
/* Ranks em .CSS */
.admin {background-color: #D94348;}
.mod {background-color: #07B87D;}
.prog {background-color: #3192C2;}
.des {background-color: #D69A45;}
.mem {background-color: #000000;}
.rank {
-webkit-border-radius: 3px;
background-image: url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 17px;
moz-border-radius: 3px;
padding: 4px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
margin-top: 7px;
}
/* Reputação estilo IPB */
.reputation {
background-color: #DFF0D8;
font-weight: bold;
padding: 3px 8px;
display: block !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #3C763D;
margin: 0 auto;
margin-bottom: 5px;
max-width: 123px;
text-align: center;
}
/* Aspeto das Categorias */
.main-head h2, .main-head h3 {
font-family: Ubuntu, sans-serif;
font-size: 14px!important;
font-weight: 700;
font-family: 'Open Sans Condensed', sans-serif;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
.main .main-head {
margin-top: 10px;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-foot {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 0 0 2px 2px;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.table thead tr:first-of-type {
display: none;
}
.tc1, .tcr, .pun table.table td {
background: none !important;
border: none !important;
}
.main-content  tbody.statused .tc2, .main-content  tbody.statused  .tc3 {
background: none !important;
border: none !important;
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
overflow: hidden;
position: relative;
text-align: center;
}
.main-content  tbody.statused .tc2:after {
display: block;
content: "Tópicos";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.main-content  tbody.statused .tc3:after {
display: block;
content: "Mensagens";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.pun .statused tr {
background: #f7f7f7;
border: 1px solid #ddd;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}
/* Avatares de Últimas Mensagens */
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #EDEDED!important;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 38px;
margin-right: 3px;
padding: 2px;
width: 38px;
}
/* Navegação pun-crumbs */
.pun-crumbs a, p.crumbs a { background: transparent url("http://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px; color: #757575 !important; line-height: 30px; margin-left: -14px; padding: 10px 20px 10px 25px;  position: relative; text-shadow: 0px 1px 0px #FFF; transition: none 0s ease 0s;}
.pun-crumbs {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
line-height: 34px;
margin: 0px 1px 10px;
overflow: hidden;
padding: 0.2em 1em;
}
.pun .pun-crumbs .crumbs {
color: transparent;
}
.pun-crumbs {font-size:9px}
p.crumbs a {
background: transparent url("http://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px;
color: #757575 !important;
line-height: 30px;
margin-left: -14px;
padding: 10px 20px 10px 25px;
position: relative;
text-shadow: 0px 1px 0px #FFF;
transition: none 0s ease 0s;
}
p.crumbs a:hover {
background-position: 100% -44px;
}
/* Chatbox */
h2.chatbox-title:after, h3.chatbox-title:after, #chatbox_header .cattitle:after {content: "WEBGRAFIC - CHATBOX"; }
.chatbox-title a.chat-title {display:none}
#chatbox_footer{border-top: 0px}
#chatbox_header.main-head {
background-color: #2a2c33;
border-bottom: 2px solid #de9700;
border-radius: 5px 5px 5px 5px;
color: #dedfdf;
padding: 0 1.3em;
}
#chatbox_members {border-right: 1px solid #D5DDE5;bottom: 0px;}
#chatbox_members .member-title {background: #333;color: #FFF;}
#chatbox_members .member-title.online {
background: #8B5;
}
#chatbox_members .member-title.away {
background: #E53;
}
#chatbox p strong em { background: url('https://gacweb.icann.org/images/icons/emoticons/warning.png') no-repeat 1%; padding: 5px 5px 5px 25px; color: #D7AD4A; }
/* Botões Novo Tópico, Responder, Bloqueado */
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.19), 0px -3px 0px rgba(0, 0, 0, 0.19) inset;
text-decoration: none;
}
.botãoresponder, .botãonovotopico {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #267CC2;
background-image: linear-gradient(#42A5E1, #267CC2);
transition: all 0.5s ease 0s;
}
.botãobloqueado {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #C22626;
background-image: linear-gradient(#E14242, #C22626);
transition: all 0.5s ease 0s;
}
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0 4px 1px rgba(0,0,0,.19),inset 0 -3px 0 rgba(0,0,0,.19);
text-decoration: none;
}
.botãoresponder:active, .botãonovotopico:active, .botãobloqueado:active, .botãoresponder:focus, .botãonovotopico:focus, .botãobloqueado:focus {
box-shadow: inset 0 2px 0 0 rgba(0,0,0,.19),inset 0 12px 24px 6px rgba(0,0,0,.19),inset 0 0 2px 2px rgba(0,0,0,.19); }
.module .main-content table[style="table-layout:fixed"] {
-moz-animation: progress_bar 2s linear infinite;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-animation: progress_bar 2s linear infinite;
-webkit-user-select: none;
animation: progress_bar 2s linear infinite;
background: #fafafa;
background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-size: 10px 10px;
border: #e1e1e1 1px solid;
border-radius: 3px;
cursor: default;
font-size: 10px;
font-weight: 700;
overflow: hidden;
text-shadow: rgba(0,0,0,.3) 1px 1px 1px;
user-select: none;
}
.botãonovotopico:before {
content: '\f044 \00A0';
font-family: 'fontawesome';
}
.botãobloqueado:before {
content: '\f023 \00A0';
font-family: 'fontawesome';
}
.botãoresponder:before {
content: '\f112 \00A0';
font-family: 'fontawesome';
}
/* Botões Enviar, Pré-visualizar */
.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
}
input[type="button"], input[type="reset"], input[type="submit"] {
background: #FBA700;
border: none;
border-bottom: 2px solid #D69200;
border-radius: 3px;
color: #FFF!important;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: normal!important;
margin: 2px;
padding: 6px 9px!important;
transition: 300ms;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background: #4D5161;
border-color: #2A2C33;
outline: none;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
.frm-buttons {
border-top: none!important;
margin-bottom: 0;
margin-top: 0;
padding: 10px 0;
}
/* Widget Estatisticas */
.module .main-content ul {
margin: 0 0em;
}
#stats_sidebar .srr {
float: right;
}
#stats_sidebar .srl {
font-weight: bold;
}
/* Tamanho dos Títulos das Categorias, Descrições */
.statused  .tcl {font-size: 11px !important;color: #666 !important}
a.forumtitle {font-size: 13px !important}
/* Avatares no widget últimos assuntos */
.avt-r img{
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #D5D5D5 !important;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
float: left;
height: 28px;
margin: 3px;
padding: 1px;
width: 28px;
}
/* Icones nos Grupos */
a.gensmall[style="color: #D94348"]:before {
content: '\f005 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #07B87D"]:before {
content: '\f085 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #3192C2"]:before {
content: '\f0ad \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #D69A45"]:before {
content: '\f1fc \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #000000"]:before {
content: '\f007 \00A0';
font-family: 'fontawesome';
}
/* Header */
.navbar {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-image: url("http://i.imgur.com/O3qorj3.jpg");
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px;
border-bottom: 1px solid rgba(0, 0, 0, .20);
background-size: cover;
border-color: #FEA900;
border-image: none;
border-radius: 0;
border-style: solid none none;
border-width: 3px medium medium;
font-weight: 500;
margin-bottom: 0;
min-height: 185px;
position: relative;
}
* {
margin: 0;
padding: 0;
}
.navbar {
width: 110%;
margin-left: -35px;
}
.navbar:hover {
background-position: 1px;
transition-duration: 0.5s;
}
nav.navbar {width:100%;
        margin-left: 0px;}
/* Viewtopic_body */
.pun .topic {
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}
.user-basic-info img:first-child {
background: #FFF;
border: 1px solid #ddd;
padding: 2px;
max-width: 100px;
margin-bottom: 5px;
}
.pun .postmain {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
position: relative
}
.pun .post .user:after {
border-left-color: #f7f7f7;
border-width: 7px;
margin-left: 2px;
margin-top: 1px
}
.pun .post .user {
line-height: 150%;
margin-left: -17em!important;
margin-top: -3.3em;
padding-top: 0;
text-align: center;
width: 15em;
background: white;
border: 1px solid #ddd;
border-radius: 3px;
}
.pun .username a span strong {
font-weight: 400!important
}
.pun .user .user-ident .user-basic-info {
margin-top: 15px;
margin-bottom: -2px;
}
#first-post-br {
border: 0
}
.pun .posthead,
.pun .username {
background-color: #f7f7f7;
border-bottom: 1px solid #ddd;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
}
.pun .user-ident .username {
margin: 0 auto;
position: relative
}
.pun .posthead a {
color: #444;
font-size: 13px
}
.pun .posthead h2 {
color: #444;
font-weight: 400
}
.pun .posthead h2 strong {
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal
}
.pun .posthead h2 strong:before {
content: '#'
}
.posthead[id] + .postbody .entry-content div + p:not(:empty) {
background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
border: 1px solid #ecc272;
color: #ac6328;
font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin-top: 15px;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0
}
.posthead[id] + .postbody .entry-content div + p:not(:empty) > br {
display: none;
}
.pun .post,
.pun .postbody,
.pun .postmain {
background-color: #fff!important
}
.pun .post {
border: 0;
margin: 5px
}
.postfoot {
background: #f7f7f7;
border-top: 1px solid #ddd;
margin: 0;
padding: 10px;
}
.pun .topic {
border: 0;
box-shadow: none;
background: white;
margin: 0
}
.pun .entry-content {
font-size: 13px;
line-height: 1.6
}
.pun .paged-foot,
.pun .paged-head {
background-color: transparent;
border: 0
}
.paged-head h1 {
display: none
}
.wraparound {
background: #f7f7f7;
border: 1px solid #ddd;
margin: 10px 0;
padding: 8px;
}
.ipsBox_withphoto {
margin-left: 65px;
}
.ipsType_pagetitle, .ipsType_subtitle {
color: #413f3c;
font-size: 23px;
font-style: normal;
font-variant: normal;
font-weight: 300;
line-height: 1.3;
}
.desc.lighter, .desc.lighter.blend_links a, .desc.lighter.blend_links span a strong {
color: #a49f98!important;
font-weight: 400;
}
.ipsUserPhotoLink img {
background: #fff;
border: 1px solid #ddd;
float: left;
height: 40px;
padding: 2px;
width: 40px;
}
.ftoggle {
background: #E2E2E2;
border-radius: 3px;
display: block;
padding: 10px 15px;
}
.right {
float: right;
padding: 4px;
}
.pun .user .user-info {
background: #F5F5F5;
border-top: 1px solid #D9DBDD;
color: #666;
line-height: 1.8em;
padding: 5px!important;
}
.arrow-u, .arrow-u2 {
border: 7px solid;
border-color: transparent transparent transparent #f7f7f7;
height: 0;
left: -23px;
margin-top: -25px;
position: absolute;
width: 0;
z-index: 999;
}
/* Fundo Branco da Estrutura */
.pun {
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
background: #fff;
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
/* Barra de Ferramentas */
#fa_toolbar {
left: 0px;
height: 30px;
background-color: #2A2C33;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 999;
}
#fa_right.welcome #fa_menu #fa_welcome {
color: #FFF;
background-color: #FEA900;
}
#fa_toolbar > #fa_right.notification > #fa_notifications {
color: #FFFFFF;
background-color: #FEA900;
}
#fa_menulist {
display: none;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px 10px;
background-color: #2A2C33;
min-width: 175px;
width: auto;
border: 1px solid #FEA900;
line-height: 32px;
border-top: 0px solid #FFFFFF;
z-index: 999;
}
#fa_usermenu {
position: absolute;
left: 0px;
width: 120px;
padding: 10px 20px 10px 10px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
#fa_service:after {
content: ' - WEBGRAFIC';
}
/* Tamanho Padrao de fonte nos widgets */
.module.main .main-content{
font-size:10px;     
}
/* Caixa de Aviso*/
.main .frm-info {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFEA97 url(https://cdn2.iconfinder.com/data/icons/diagona/icon/16/050.png) no-repeat 6px 10px;
background-color: #FFEA97;
border: 1px solid #E1B500;
border-radius: 3px;
color: #796100;
font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin: 15px 1.7em 1.7em;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0;
}
/* Aspeto de Numeração de Páginas */
.paged-foot .paging a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px!important;
margin-right: 3px!important;
padding: 6px 9px!important;
}
.paged-foot .paging a, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
background: #e5e5e5 url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x 0 0;
border: 1px solid #d6d6d6;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
color: #747474;
display: inline-block;
font-size: 11px;
font-weight: 400;
padding: 0 5px;
text-shadow: #fff 0 1px 0;
text-transform: lowercase;
}
/* Quote */
.postmain cite {
background-color: transparent!important;
color: #FBA717!important;
display: block;
font-size: 13px!important;
font-style: normal;
font-weight: 700;
margin: 0 0 1em;
}
.postmain cite {
display: block;
font-style: normal;
font-weight: 700;
margin: 0 0 1em;
}
blockquote cite {
background-color: #E4EAF2;
background-image: url(http://illiweb.com/fa/invision/css_img_quote.gif);
background-position: top right;
background-repeat: no-repeat;
color: #000;
display: block;
font-size: 11px;
font-style: normal;
margin: -8px -8px 8px;
padding: 3px;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheeti, cite, em, var, address, dfn {
font-style: italic;
}
blockquote {
background: rgba(250, 250, 250, 0.49)!important
border-bottom: none!important;
border-left: 3px solid #FBA717!important;
border-right: none!important;
border-top: none!important;
display: block;
line-height: 1.5vw!important;
padding: .8vw!important;
}
/* Mensagens Moderativas */
.alert.sucesso {
background-color: #DFF0D8;
border-color: #D6E9C6;
color: #3C763D;
}
.alert.danger {
background-color: #F2DEDE;
border-color: #EBCCD1;
color: #A94442;
}
.alert {
-moz-border-radius: 3px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
-webkit-border-radius: 3px;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
background: #F9F1C7;
border: 1px solid #F6DEAC;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
color: #AF8640;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: 5px 0;
padding: 15px;
width: 85%;
}
.alert.infos {
background-color: #D9EDF7;
border-color: #BCE8F1;
color: #31708F;
}
/* Table Staff */
.table_bg_staff {
background: #f7f7f7 url(http://illiweb.com/bl/spirale.png) no-repeat;
background-color: #EFF9FC;
border: 1px solid #cdcdcd;
box-shadow: 0 2px 10px;
font-size: .9em;
margin: 15px 0 0 15px;
padding: 0 6px 0 0 !important;
position: relative;
}
.r1 {
background-color: #e6f2fa;
}
.r2 {
background-color: #dceaf5;
}
.moderadeiros {
border: 1px solid #07B87D!important;
}
.linha_mod {
border-bottom: 1px solid #07B87D!important;
}
.admineiros {
border: 1px solid #D94348!important;
}
.linha_admin {
border-bottom: 1px solid #D94348!important;
}
.prog {
border: 1px solid #3192C2!important;
}
.linha_prog {
border-bottom: 1px solid #3192C2!important;
}
.designer {
border: 1px solid #D69A45!important;
}
.linha_designer {
border-bottom: 1px solid #D69A45!important;
}
/* Footer */
#subscribers {padding-left: 170px !important;margin-top: -40px !important} #back-top { top: -12px !important; }
#back-top {
position: relative;
text-align: center;
top: -14px;
}
.num3 h3:before {
  font-weight: normal !important;
}
.num4 h3:before {
  font-weight: normal !important;
}
/* Imagem Caixas de Resposta */
.sceditor-container textarea {
background: url('http://i68.servimg.com/u/f68/16/43/60/45/s10.png') no-repeat 50% 50% transparent!important;
}
/* Estatisticas */
#onlinelist {
background-color: #fff;
border-top: 1px solid #ccc;
padding: .6em 0em;
}
#stats {
background-color: #fff;
line-height: 150%;
padding: 0.6em 0em;
}

Até mais.

RafaelS.
Hiperativo

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

http://maisforum.forumeiros.com

Resolvido Re: Personalização da categoria apenas no índice

Mensagem por IsmaelS. em Dom 20 Dez 2015 - 19:08

Continua igual amigo, deixo aqui a .CSS atualizada:
Código:
#rep_post {
clear: both;
}
/* Outros Códigos */
#pun-about {background-color: #fff;}
#pun-visit, .main-box{display:none}
#submit_button {height: auto!important;}
.module.main {margin: 0 0 0 8px!important;}
a {text-decoration: none !important;}
.pun .main-content ol, .pun .main-content ul {padding-left: 0px!important;}
.bim_thumbPreview {width: 90px;height: 48px;}
#pun-announcement {border: 1px solid #ddd;}
#quick_reply #textarea_content {width: 100%!important;}
#onlinechat {display: none;}
#pun-about #qjump {display: none;}
/* Icones nas Categorias */
.cat1:before {
content: "\f086";
font-family: FontAwesome;
vertical-align:top;
}
.cat2:before {
content: "\f0ad";
font-family: FontAwesome;
vertical-align:top;
}
.cat3:before {
content: "\f085";
font-family: FontAwesome;
vertical-align:top;
}
.cat4:before {
content: "\f1fc";
font-family: FontAwesome;
vertical-align:top;
}
.cat5:before {
content: "\f014";
font-family: FontAwesome;
vertical-align:top;
}
.cat6:before {
content: "\f0c0";
font-family: FontAwesome;
vertical-align:top;
}
/* Ranks em .CSS */
.admin {background-color: #D94348;}
.mod {background-color: #07B87D;}
.prog {background-color: #3192C2;}
.des {background-color: #D69A45;}
.mem {background-color: #000000;}
.rank {
-webkit-border-radius: 3px;
background-image: url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 17px;
moz-border-radius: 3px;
padding: 4px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
margin-top: 7px;
}
/* Reputação estilo IPB */
.reputation {
background-color: #DFF0D8;
font-weight: bold;
padding: 3px 8px;
display: block !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #3C763D;
margin: 0 auto;
margin-bottom: 5px;
max-width: 123px;
text-align: center;
}
/* Aspeto das Categorias */
.main-head h2, .main-head h3 {
font-family: Ubuntu, sans-serif;
font-size: 14px!important;
font-weight: 700;
font-family: 'Open Sans Condensed', sans-serif;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
.main .main-head {
margin-top: 10px;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-foot {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 0 0 2px 2px;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.table thead tr:first-of-type {
display: none;
}
.tc1, .tcr, .pun table.table td {
background: none !important;
border: none !important;
}
.tc2, .tc3 {
background: none !important;
border: none !important;
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
overflow: hidden;
position: relative;
text-align: center;
}
.tc2:after {
display: block;
content: "Tópicos";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.tc3:after {
display: block;
content: "Mensagens";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.pun .statused tr {
background: #f7f7f7;
border: 1px solid #ddd;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}
/* Avatares de Últimas Mensagens */
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #EDEDED!important;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 38px;
margin-right: 3px;
padding: 2px;
width: 38px;
}
/* Navegação pun-crumbs */
.pun-crumbs a, p.crumbs a { background: transparent url("http://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px; color: #757575 !important; line-height: 30px; margin-left: -14px; padding: 10px 20px 10px 25px;  position: relative; text-shadow: 0px 1px 0px #FFF; transition: none 0s ease 0s;}
.pun-crumbs {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
line-height: 34px;
margin: 0px 1px 10px;
overflow: hidden;
padding: 0.2em 1em;
}
.pun .pun-crumbs .crumbs {
color: transparent;
}
.pun-crumbs {font-size:9px}
p.crumbs a {
background: transparent url("http://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px;
color: #757575 !important;
line-height: 30px;
margin-left: -14px;
padding: 10px 20px 10px 25px;
position: relative;
text-shadow: 0px 1px 0px #FFF;
transition: none 0s ease 0s;
}
p.crumbs a:hover {
background-position: 100% -44px;
}
/* Chatbox */
h2.chatbox-title:after, h3.chatbox-title:after, #chatbox_header .cattitle:after {content: "WEBGRAFIC - CHATBOX"; }
.chatbox-title a.chat-title {display:none}
#chatbox_footer{border-top: 0px}
#chatbox_header.main-head {
background-color: #2a2c33;
border-bottom: 2px solid #de9700;
border-radius: 5px 5px 5px 5px;
color: #dedfdf;
padding: 0 1.3em;
}
#chatbox_members {border-right: 1px solid #D5DDE5;bottom: 0px;}
#chatbox_members .member-title {background: #333;color: #FFF;}
#chatbox_members .member-title.online {
background: #8B5;
}
#chatbox_members .member-title.away {
background: #E53;
}
#chatbox p strong em { background: url('https://gacweb.icann.org/images/icons/emoticons/warning.png') no-repeat 1%; padding: 5px 5px 5px 25px; color: #D7AD4A; }
/* Botões Novo Tópico, Responder, Bloqueado */
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.19), 0px -3px 0px rgba(0, 0, 0, 0.19) inset;
text-decoration: none;
}
.botãoresponder, .botãonovotopico {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #D69200;
background-image: linear-gradient(#FBA700, #D69200);
transition: all 0.5s ease 0s;
}
.botãobloqueado {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #C22626;
background-image: linear-gradient(#E14242, #C22626);
transition: all 0.5s ease 0s;
}
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0 4px 1px rgba(0,0,0,.19),inset 0 -3px 0 rgba(0,0,0,.19);
text-decoration: none;
}
.botãoresponder:active, .botãonovotopico:active, .botãobloqueado:active, .botãoresponder:focus, .botãonovotopico:focus, .botãobloqueado:focus {
box-shadow: inset 0 2px 0 0 rgba(0,0,0,.19),inset 0 12px 24px 6px rgba(0,0,0,.19),inset 0 0 2px 2px rgba(0,0,0,.19); }
.module .main-content table[style="table-layout:fixed"] {
-moz-animation: progress_bar 2s linear infinite;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-animation: progress_bar 2s linear infinite;
-webkit-user-select: none;
animation: progress_bar 2s linear infinite;
background: #fafafa;
background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-size: 10px 10px;
border: #e1e1e1 1px solid;
border-radius: 3px;
cursor: default;
font-size: 10px;
font-weight: 700;
overflow: hidden;
text-shadow: rgba(0,0,0,.3) 1px 1px 1px;
user-select: none;
}
.botãonovotopico:before {
content: '\f044 \00A0';
font-family: 'fontawesome';
}
.botãobloqueado:before {
content: '\f023 \00A0';
font-family: 'fontawesome';
}
.botãoresponder:before {
content: '\f112 \00A0';
font-family: 'fontawesome';
}
/* Botões Enviar, Pré-visualizar */
.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
}
input[type="button"], input[type="reset"], input[type="submit"] {
background: #FBA700;
border: none;
border-bottom: 2px solid #D69200;
border-radius: 3px;
color: #FFF!important;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: normal!important;
margin: 2px;
padding: 6px 9px!important;
transition: 300ms;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background: #4D5161;
border-color: #2A2C33;
outline: none;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
.frm-buttons {
border-top: none!important;
margin-bottom: 0;
margin-top: 0;
padding: 10px 0;
}
/* Widget Estatisticas */
.module .main-content ul {
margin: 0 0em;
}
#stats_sidebar .srr {
float: right;
}
#stats_sidebar .srl {
font-weight: bold;
}
/* Tamanho dos Títulos das Categorias, Descrições */
.statused  .tcl {font-size: 11px !important;color: #666 !important}
a.forumtitle {font-size: 13px !important}
/* Avatares no widget últimos assuntos */
.avt-r img{
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #D5D5D5 !important;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
float: left;
height: 28px;
margin: 3px;
padding: 1px;
width: 28px;
}
/* Icones nos Grupos */
a.gensmall[style="color: #D94348"]:before {
content: '\f005 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #07B87D"]:before {
content: '\f085 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #3192C2"]:before {
content: '\f0ad \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #D69A45"]:before {
content: '\f1fc \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #000000"]:before {
content: '\f007 \00A0';
font-family: 'fontawesome';
}
/* Header */
.navbar {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-image: url("http://i.imgur.com/O3qorj3.jpg");
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px;
border-bottom: 1px solid rgba(0, 0, 0, .20);
background-size: cover;
border-color: #FEA900;
border-image: none;
border-radius: 0;
border-style: solid none none;
border-width: 3px medium medium;
font-weight: 500;
margin-bottom: 0;
min-height: 185px;
position: relative;
}
* {
margin: 0;
padding: 0;
}
.navbar {
width: 110%;
margin-left: -35px;
}
.navbar:hover {
background-position: 1px;
transition-duration: 0.5s;
}
nav.navbar {width:100%;
        margin-left: 0px;}
/* Viewtopic_body */
.pun .topic {
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}
.user-basic-info img:first-child {
background: #FFF;
border: 1px solid #ddd;
padding: 2px;
max-width: 100px;
margin-bottom: 5px;
}
.pun .postmain {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
position: relative
}
.pun .post .user:after {
border-left-color: #f7f7f7;
border-width: 7px;
margin-left: 2px;
margin-top: 1px
}
.pun .post .user {
line-height: 150%;
margin-left: -17em!important;
margin-top: -3.3em;
padding-top: 0;
text-align: center;
width: 15em;
background: white;
border: 1px solid #ddd;
border-radius: 3px;
}
.pun .username a span strong {
font-weight: 400!important
}
.pun .user .user-ident .user-basic-info {
margin-top: 15px;
margin-bottom: -2px;
}
#first-post-br {
border: 0
}
.pun .posthead,
.pun .username {
background-color: #f7f7f7;
border-bottom: 1px solid #ddd;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
}
.pun .user-ident .username {
margin: 0 auto;
position: relative
}
.pun .posthead a {
color: #444;
font-size: 13px
}
.pun .posthead h2 {
color: #444;
font-weight: 400
}
.pun .posthead h2 strong {
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal
}
.pun .posthead h2 strong:before {
content: '#'
}
.posthead[id] + .postbody .entry-content div + p:not(:empty) {
background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
border: 1px solid #ecc272;
color: #ac6328;
font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin-top: 15px;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0
}
.posthead[id] + .postbody .entry-content div + p:not(:empty) > br {
display: none;
}
.pun .post,
.pun .postbody,
.pun .postmain {
background-color: #fff!important
}
.pun .post {
border: 0;
margin: 5px
}
.postfoot {
background: #f7f7f7;
border-top: 1px solid #ddd;
margin: 0;
padding: 10px;
}
.pun .topic {
border: 0;
box-shadow: none;
background: white;
margin: 0
}
.pun .entry-content {
font-size: 13px;
line-height: 1.6
}
.pun .paged-foot,
.pun .paged-head {
background-color: transparent;
border: 0
}
.paged-head h1 {
display: none
}
.wraparound {
background: #f7f7f7;
border: 1px solid #ddd;
margin: 10px 0;
padding: 8px;
}
.ipsBox_withphoto {
margin-left: 65px;
}
.ipsType_pagetitle, .ipsType_subtitle {
color: #413f3c;
font-size: 23px;
font-style: normal;
font-variant: normal;
font-weight: 300;
line-height: 1.3;
}
.desc.lighter, .desc.lighter.blend_links a, .desc.lighter.blend_links span a strong {
color: #a49f98!important;
font-weight: 400;
}
.ipsUserPhotoLink img {
background: #fff;
border: 1px solid #ddd;
float: left;
height: 40px;
padding: 2px;
width: 40px;
}
.ftoggle {
background: #E2E2E2;
border-radius: 3px;
display: block;
padding: 10px 15px;
}
.right {
float: right;
padding: 4px;
}
.pun .user .user-info {
background: #F5F5F5;
border-top: 1px solid #D9DBDD;
color: #666;
line-height: 1.8em;
padding: 5px!important;
}
.arrow-u, .arrow-u2 {
border: 7px solid;
border-color: transparent transparent transparent #f7f7f7;
height: 0;
left: -23px;
margin-top: -25px;
position: absolute;
width: 0;
z-index: 999;
}
/* Fundo Branco da Estrutura */
.pun {
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
background: #fff;
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
/* Barra de Ferramentas */
#fa_toolbar {
left: 0px;
height: 30px;
background-color: #2A2C33;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 999;
}
#fa_right.welcome #fa_menu #fa_welcome {
color: #FFF;
background-color: #FEA900;
}
#fa_toolbar > #fa_right.notification > #fa_notifications {
color: #FFFFFF;
background-color: #FEA900;
}
#fa_menulist {
display: none;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px 10px;
background-color: #2A2C33;
min-width: 175px;
width: auto;
border: 1px solid #FEA900;
line-height: 32px;
border-top: 0px solid #FFFFFF;
z-index: 999;
}
#fa_usermenu {
position: absolute;
left: 0px;
width: 120px;
padding: 10px 20px 10px 10px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
#fa_service:after {
content: ' - WEBGRAFIC';
}
/* Tamanho Padrao de fonte nos widgets */
.module.main .main-content{
font-size:10px;
}
/* Caixa de Aviso*/
.main .frm-info {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFEA97 url(https://cdn2.iconfinder.com/data/icons/diagona/icon/16/050.png) no-repeat 6px 10px;
background-color: #FFEA97;
border: 1px solid #E1B500;
border-radius: 3px;
color: #796100;
font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin: 15px 1.7em 1.7em;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0;
}
/* Aspeto de Numeração de Páginas */
.paged-foot .paging a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px!important;
margin-right: 3px!important;
padding: 6px 9px!important;
}
.paged-foot .paging a, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
background: #e5e5e5 url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x 0 0;
border: 1px solid #d6d6d6;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
color: #747474;
display: inline-block;
font-size: 11px;
font-weight: 400;
padding: 0 5px;
text-shadow: #fff 0 1px 0;
text-transform: lowercase;
}
/* Quote */
.postmain cite {
background-color: transparent!important;
color: #FBA717!important;
display: block;
font-size: 13px!important;
font-style: normal;
font-weight: 700;
margin: 0 0 1em;
}
.postmain cite {
display: block;
font-style: normal;
font-weight: 700;
margin: 0 0 1em;
}
blockquote cite {
background-color: #E4EAF2;
background-image: url(http://illiweb.com/fa/invision/css_img_quote.gif);
background-position: top right;
background-repeat: no-repeat;
color: #000;
display: block;
font-size: 11px;
font-style: normal;
margin: -8px -8px 8px;
padding: 3px;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheeti, cite, em, var, address, dfn {
font-style: italic;
}
blockquote {
background: rgba(250, 250, 250, 0.49)!important
border-bottom: none!important;
border-left: 3px solid #FBA717!important;
border-right: none!important;
border-top: none!important;
display: block;
line-height: 1.5vw!important;
padding: .8vw!important;
}
/* Mensagens Moderativas */
.alert.sucesso {
background-color: #DFF0D8;
border-color: #D6E9C6;
color: #3C763D;
}
.alert.danger {
background-color: #F2DEDE;
border-color: #EBCCD1;
color: #A94442;
}
.alert {
-moz-border-radius: 3px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
-webkit-border-radius: 3px;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
background: #F9F1C7;
border: 1px solid #F6DEAC;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
color: #AF8640;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: 5px 0;
padding: 15px;
width: 85%;
}
.alert.infos {
background-color: #D9EDF7;
border-color: #BCE8F1;
color: #31708F;
}
/* Table Staff */
.table_bg_staff {
background: #f7f7f7 url(http://illiweb.com/bl/spirale.png) no-repeat;
background-color: #EFF9FC;
border: 1px solid #cdcdcd;
box-shadow: 0 2px 10px;
font-size: .9em;
margin: 15px 0 0 15px;
padding: 0 6px 0 0 !important;
position: relative;
}
.r1 {
background-color: #e6f2fa;
}
.r2 {
background-color: #dceaf5;
}
.moderadeiros {
border: 1px solid #07B87D!important;
}
.linha_mod {
border-bottom: 1px solid #07B87D!important;
}
.admineiros {
border: 1px solid #D94348!important;
}
.linha_admin {
border-bottom: 1px solid #D94348!important;
}
.prog {
border: 1px solid #3192C2!important;
}
.linha_prog {
border-bottom: 1px solid #3192C2!important;
}
.designer {
border: 1px solid #D69A45!important;
}
.linha_designer {
border-bottom: 1px solid #D69A45!important;
}
/* Footer */
#subscribers a{color: #ccc !important}
#subscribers a:hover{color: #D69200 !important}
#subscribers {padding-left: 170px !important;margin-top: -41px !important} #back-top { top: -12px !important; }
#back-top {
position: relative;
text-align: center;
top: -18px;
}
.num3 h3:before {font-weight: normal !important;}
.num4 h3:before {font-weight: normal !important;}
/* Imagem Caixas de Resposta */
.sceditor-container textarea {
background: url('http://i68.servimg.com/u/f68/16/43/60/45/s10.png') no-repeat 50% 50% transparent!important;
}
/* Estatisticas */
#onlinelist {
background-color: #fff;
border-top: 1px solid #ccc;
padding: .6em 0em;
}
#stats {
background-color: #fff;
line-height: 150%;
padding: 0.6em 0em;
}
#onlinelist p {
display: block !important;
margin-bottom: 7px;
}
/* Widget Parceiras */
.module.main > .main-content > .main-content {
border: none;
box-shadow: none;
}
.module.main #parceiros {
margin: 0 auto;
}
/* Botão de Reputação */
#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {vertical-align: middle;}
#rep_post span img {cursor: pointer;}
#rep_post .reput_vote {
background-image: url('http://i.imgur.com/UGqTZqe.png');
background-repeat: repeat-x;
background-position: 0 1px;
font-size: 10px;
padding: 2px 10px !important;
color: #fff;
font-weight: bold;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5088

http://suportedesign.forumeiros.com/

Resolvido Re: Personalização da categoria apenas no índice

Mensagem por RafaelS. em Seg 21 Dez 2015 - 15:01

Olá!

Estranho, eu testei e funcionou. Louco

Altere novamente:

Código:
#rep_post {
clear: both;
}
/* Outros Códigos */
#pun-about {background-color: #fff;}
#pun-visit, .main-box{display:none}
#submit_button {height: auto!important;}
.module.main {margin: 0 0 0 8px!important;}
a {text-decoration: none !important;}
.pun .main-content ol, .pun .main-content ul {padding-left: 0px!important;}
.bim_thumbPreview {width: 90px;height: 48px;}
#pun-announcement {border: 1px solid #ddd;}
#quick_reply #textarea_content {width: 100%!important;}
#onlinechat {display: none;}
#pun-about #qjump {display: none;}
/* Icones nas Categorias */
.cat1:before {
content: "\f086";
font-family: FontAwesome;
vertical-align:top;
}
.cat2:before {
content: "\f0ad";
font-family: FontAwesome;
vertical-align:top;
}
.cat3:before {
content: "\f085";
font-family: FontAwesome;
vertical-align:top;
}
.cat4:before {
content: "\f1fc";
font-family: FontAwesome;
vertical-align:top;
}
.cat5:before {
content: "\f014";
font-family: FontAwesome;
vertical-align:top;
}
.cat6:before {
content: "\f0c0";
font-family: FontAwesome;
vertical-align:top;
}
/* Ranks em .CSS */
.admin {background-color: #D94348;}
.mod {background-color: #07B87D;}
.prog {background-color: #3192C2;}
.des {background-color: #D69A45;}
.mem {background-color: #000000;}
.rank {
-webkit-border-radius: 3px;
background-image: url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 17px;
moz-border-radius: 3px;
padding: 4px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
margin-top: 7px;
}
/* Reputação estilo IPB */
.reputation {
background-color: #DFF0D8;
font-weight: bold;
padding: 3px 8px;
display: block !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #3C763D;
margin: 0 auto;
margin-bottom: 5px;
max-width: 123px;
text-align: center;
}
/* Aspeto das Categorias */
.main-head h2, .main-head h3 {
font-family: Ubuntu, sans-serif;
font-size: 14px!important;
font-weight: 700;
font-family: 'Open Sans Condensed', sans-serif;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
.main .main-head {
margin-top: 10px;
}
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-foot {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 0 0 2px 2px;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.table thead tr:first-of-type {
display: none;
}
.tc1, .tcr, .pun table.table td {
background: none !important;
border: none !important;
}
tbody.statused .tc2, tbody.statused .tc3 {
background: none !important;
border: none !important;
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
overflow: hidden;
position: relative;
text-align: center;
}
tbody.statused .tc2:after {
display: block;
content: "Tópicos";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
tbody.statused .tc3:after {
display: block;
content: "Mensagens";
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.pun .statused tr {
background: #f7f7f7;
border: 1px solid #ddd;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}
/* Avatares de Últimas Mensagens */
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #EDEDED!important;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 38px;
margin-right: 3px;
padding: 2px;
width: 38px;
}
/* Navegação pun-crumbs */
.pun-crumbs a, p.crumbs a { background: transparent url("http://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px; color: #757575 !important; line-height: 30px; margin-left: -14px; padding: 10px 20px 10px 25px;  position: relative; text-shadow: 0px 1px 0px #FFF; transition: none 0s ease 0s;}
.pun-crumbs {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
line-height: 34px;
margin: 0px 1px 10px;
overflow: hidden;
padding: 0.2em 1em;
}
.pun .pun-crumbs .crumbs {
color: transparent;
}
.pun-crumbs {font-size:9px}
p.crumbs a {
background: transparent url("http://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px;
color: #757575 !important;
line-height: 30px;
margin-left: -14px;
padding: 10px 20px 10px 25px;
position: relative;
text-shadow: 0px 1px 0px #FFF;
transition: none 0s ease 0s;
}
p.crumbs a:hover {
background-position: 100% -44px;
}
/* Chatbox */
h2.chatbox-title:after, h3.chatbox-title:after, #chatbox_header .cattitle:after {content: "WEBGRAFIC - CHATBOX"; }
.chatbox-title a.chat-title {display:none}
#chatbox_footer{border-top: 0px}
#chatbox_header.main-head {
background-color: #2a2c33;
border-bottom: 2px solid #de9700;
border-radius: 5px 5px 5px 5px;
color: #dedfdf;
padding: 0 1.3em;
}
#chatbox_members {border-right: 1px solid #D5DDE5;bottom: 0px;}
#chatbox_members .member-title {background: #333;color: #FFF;}
#chatbox_members .member-title.online {
background: #8B5;
}
#chatbox_members .member-title.away {
background: #E53;
}
#chatbox p strong em { background: url('https://gacweb.icann.org/images/icons/emoticons/warning.png') no-repeat 1%; padding: 5px 5px 5px 25px; color: #D7AD4A; }
/* Botões Novo Tópico, Responder, Bloqueado */
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.19), 0px -3px 0px rgba(0, 0, 0, 0.19) inset;
text-decoration: none;
}
.botãoresponder, .botãonovotopico {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #D69200;
background-image: linear-gradient(#FBA700, #D69200);
transition: all 0.5s ease 0s;
}
.botãobloqueado {
border: medium none;
margin: 10px;
color: #FFF;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
padding: 0px 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
border-radius: 5px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.19), 0px -1px 0px rgba(0, 0, 0, 0.19) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.19) inset;
background-color: #C22626;
background-image: linear-gradient(#E14242, #C22626);
transition: all 0.5s ease 0s;
}
.botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
box-shadow: 0 4px 1px rgba(0,0,0,.19),inset 0 -3px 0 rgba(0,0,0,.19);
text-decoration: none;
}
.botãoresponder:active, .botãonovotopico:active, .botãobloqueado:active, .botãoresponder:focus, .botãonovotopico:focus, .botãobloqueado:focus {
box-shadow: inset 0 2px 0 0 rgba(0,0,0,.19),inset 0 12px 24px 6px rgba(0,0,0,.19),inset 0 0 2px 2px rgba(0,0,0,.19); }
.module .main-content table[style="table-layout:fixed"] {
-moz-animation: progress_bar 2s linear infinite;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-animation: progress_bar 2s linear infinite;
-webkit-user-select: none;
animation: progress_bar 2s linear infinite;
background: #fafafa;
background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-size: 10px 10px;
border: #e1e1e1 1px solid;
border-radius: 3px;
cursor: default;
font-size: 10px;
font-weight: 700;
overflow: hidden;
text-shadow: rgba(0,0,0,.3) 1px 1px 1px;
user-select: none;
}
.botãonovotopico:before {
content: '\f044 \00A0';
font-family: 'fontawesome';
}
.botãobloqueado:before {
content: '\f023 \00A0';
font-family: 'fontawesome';
}
.botãoresponder:before {
content: '\f112 \00A0';
font-family: 'fontawesome';
}
/* Botões Enviar, Pré-visualizar */
.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
}
input[type="button"], input[type="reset"], input[type="submit"] {
background: #FBA700;
border: none;
border-bottom: 2px solid #D69200;
border-radius: 3px;
color: #FFF!important;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: normal!important;
margin: 2px;
padding: 6px 9px!important;
transition: 300ms;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background: #4D5161;
border-color: #2A2C33;
outline: none;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
.frm-buttons {
border-top: none!important;
margin-bottom: 0;
margin-top: 0;
padding: 10px 0;
}
/* Widget Estatisticas */
.module .main-content ul {
margin: 0 0em;
}
#stats_sidebar .srr {
float: right;
}
#stats_sidebar .srl {
font-weight: bold;
}
/* Tamanho dos Títulos das Categorias, Descrições */
.statused  .tcl {font-size: 11px !important;color: #666 !important}
a.forumtitle {font-size: 13px !important}
/* Avatares no widget últimos assuntos */
.avt-r img{
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #D5D5D5 !important;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
float: left;
height: 28px;
margin: 3px;
padding: 1px;
width: 28px;
}
/* Icones nos Grupos */
a.gensmall[style="color: #D94348"]:before {
content: '\f005 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #07B87D"]:before {
content: '\f085 \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #3192C2"]:before {
content: '\f0ad \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #D69A45"]:before {
content: '\f1fc \00A0';
font-family: 'fontawesome';
}
a.gensmall[style="color: #000000"]:before {
content: '\f007 \00A0';
font-family: 'fontawesome';
}
/* Header */
.navbar {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-image: url("http://i.imgur.com/O3qorj3.jpg");
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px;
border-bottom: 1px solid rgba(0, 0, 0, .20);
background-size: cover;
border-color: #FEA900;
border-image: none;
border-radius: 0;
border-style: solid none none;
border-width: 3px medium medium;
font-weight: 500;
margin-bottom: 0;
min-height: 185px;
position: relative;
}
* {
margin: 0;
padding: 0;
}
.navbar {
width: 110%;
margin-left: -35px;
}
.navbar:hover {
background-position: 1px;
transition-duration: 0.5s;
}
nav.navbar {width:100%;
        margin-left: 0px;}
/* Viewtopic_body */
.pun .topic {
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}
.user-basic-info img:first-child {
background: #FFF;
border: 1px solid #ddd;
padding: 2px;
max-width: 100px;
margin-bottom: 5px;
}
.pun .postmain {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
position: relative
}
.pun .post .user:after {
border-left-color: #f7f7f7;
border-width: 7px;
margin-left: 2px;
margin-top: 1px
}
.pun .post .user {
line-height: 150%;
margin-left: -17em!important;
margin-top: -3.3em;
padding-top: 0;
text-align: center;
width: 15em;
background: white;
border: 1px solid #ddd;
border-radius: 3px;
}
.pun .username a span strong {
font-weight: 400!important
}
.pun .user .user-ident .user-basic-info {
margin-top: 15px;
margin-bottom: -2px;
}
#first-post-br {
border: 0
}
.pun .posthead,
.pun .username {
background-color: #f7f7f7;
border-bottom: 1px solid #ddd;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
}
.pun .user-ident .username {
margin: 0 auto;
position: relative
}
.pun .posthead a {
color: #444;
font-size: 13px
}
.pun .posthead h2 {
color: #444;
font-weight: 400
}
.pun .posthead h2 strong {
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal
}
.pun .posthead h2 strong:before {
content: '#'
}
.posthead[id] + .postbody .entry-content div + p:not(:empty) {
background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
border: 1px solid #ecc272;
color: #ac6328;
font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin-top: 15px;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0
}
.posthead[id] + .postbody .entry-content div + p:not(:empty) > br {
display: none;
}
.pun .post,
.pun .postbody,
.pun .postmain {
background-color: #fff!important
}
.pun .post {
border: 0;
margin: 5px
}
.postfoot {
background: #f7f7f7;
border-top: 1px solid #ddd;
margin: 0;
padding: 10px;
}
.pun .topic {
border: 0;
box-shadow: none;
background: white;
margin: 0
}
.pun .entry-content {
font-size: 13px;
line-height: 1.6
}
.pun .paged-foot,
.pun .paged-head {
background-color: transparent;
border: 0
}
.paged-head h1 {
display: none
}
.wraparound {
background: #f7f7f7;
border: 1px solid #ddd;
margin: 10px 0;
padding: 8px;
}
.ipsBox_withphoto {
margin-left: 65px;
}
.ipsType_pagetitle, .ipsType_subtitle {
color: #413f3c;
font-size: 23px;
font-style: normal;
font-variant: normal;
font-weight: 300;
line-height: 1.3;
}
.desc.lighter, .desc.lighter.blend_links a, .desc.lighter.blend_links span a strong {
color: #a49f98!important;
font-weight: 400;
}
.ipsUserPhotoLink img {
background: #fff;
border: 1px solid #ddd;
float: left;
height: 40px;
padding: 2px;
width: 40px;
}
.ftoggle {
background: #E2E2E2;
border-radius: 3px;
display: block;
padding: 10px 15px;
}
.right {
float: right;
padding: 4px;
}
.pun .user .user-info {
background: #F5F5F5;
border-top: 1px solid #D9DBDD;
color: #666;
line-height: 1.8em;
padding: 5px!important;
}
.arrow-u, .arrow-u2 {
border: 7px solid;
border-color: transparent transparent transparent #f7f7f7;
height: 0;
left: -23px;
margin-top: -25px;
position: absolute;
width: 0;
z-index: 999;
}
/* Fundo Branco da Estrutura */
.pun {
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
background: #fff;
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
/* Barra de Ferramentas */
#fa_toolbar {
left: 0px;
height: 30px;
background-color: #2A2C33;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 999;
}
#fa_right.welcome #fa_menu #fa_welcome {
color: #FFF;
background-color: #FEA900;
}
#fa_toolbar > #fa_right.notification > #fa_notifications {
color: #FFFFFF;
background-color: #FEA900;
}
#fa_menulist {
display: none;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px 10px;
background-color: #2A2C33;
min-width: 175px;
width: auto;
border: 1px solid #FEA900;
line-height: 32px;
border-top: 0px solid #FFFFFF;
z-index: 999;
}
#fa_usermenu {
position: absolute;
left: 0px;
width: 120px;
padding: 10px 20px 10px 10px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
#fa_service:after {
content: ' - WEBGRAFIC';
}
/* Tamanho Padrao de fonte nos widgets */
.module.main .main-content{
font-size:10px;
}
/* Caixa de Aviso*/
.main .frm-info {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFEA97 url(https://cdn2.iconfinder.com/data/icons/diagona/icon/16/050.png) no-repeat 6px 10px;
background-color: #FFEA97;
border: 1px solid #E1B500;
border-radius: 3px;
color: #796100;
font-family: "Trebuchet MS", tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin: 15px 1.7em 1.7em;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0;
}
/* Aspeto de Numeração de Páginas */
.paged-foot .paging a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px!important;
margin-right: 3px!important;
padding: 6px 9px!important;
}
.paged-foot .paging a, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
background: #e5e5e5 url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x 0 0;
border: 1px solid #d6d6d6;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
color: #747474;
display: inline-block;
font-size: 11px;
font-weight: 400;
padding: 0 5px;
text-shadow: #fff 0 1px 0;
text-transform: lowercase;
}
/* Quote */
.postmain cite {
background-color: transparent!important;
color: #FBA717!important;
display: block;
font-size: 13px!important;
font-style: normal;
font-weight: 700;
margin: 0 0 1em;
}
.postmain cite {
display: block;
font-style: normal;
font-weight: 700;
margin: 0 0 1em;
}
blockquote cite {
background-color: #E4EAF2;
background-image: url(http://illiweb.com/fa/invision/css_img_quote.gif);
background-position: top right;
background-repeat: no-repeat;
color: #000;
display: block;
font-size: 11px;
font-style: normal;
margin: -8px -8px 8px;
padding: 3px;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheeti, cite, em, var, address, dfn {
font-style: italic;
}
blockquote {
background: rgba(250, 250, 250, 0.49)!important
border-bottom: none!important;
border-left: 3px solid #FBA717!important;
border-right: none!important;
border-top: none!important;
display: block;
line-height: 1.5vw!important;
padding: .8vw!important;
}
/* Mensagens Moderativas */
.alert.sucesso {
background-color: #DFF0D8;
border-color: #D6E9C6;
color: #3C763D;
}
.alert.danger {
background-color: #F2DEDE;
border-color: #EBCCD1;
color: #A94442;
}
.alert {
-moz-border-radius: 3px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
-webkit-border-radius: 3px;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
background: #F9F1C7;
border: 1px solid #F6DEAC;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
color: #AF8640;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: 5px 0;
padding: 15px;
width: 85%;
}
.alert.infos {
background-color: #D9EDF7;
border-color: #BCE8F1;
color: #31708F;
}
/* Table Staff */
.table_bg_staff {
background: #f7f7f7 url(http://illiweb.com/bl/spirale.png) no-repeat;
background-color: #EFF9FC;
border: 1px solid #cdcdcd;
box-shadow: 0 2px 10px;
font-size: .9em;
margin: 15px 0 0 15px;
padding: 0 6px 0 0 !important;
position: relative;
}
.r1 {
background-color: #e6f2fa;
}
.r2 {
background-color: #dceaf5;
}
.moderadeiros {
border: 1px solid #07B87D!important;
}
.linha_mod {
border-bottom: 1px solid #07B87D!important;
}
.admineiros {
border: 1px solid #D94348!important;
}
.linha_admin {
border-bottom: 1px solid #D94348!important;
}
.prog {
border: 1px solid #3192C2!important;
}
.linha_prog {
border-bottom: 1px solid #3192C2!important;
}
.designer {
border: 1px solid #D69A45!important;
}
.linha_designer {
border-bottom: 1px solid #D69A45!important;
}
/* Footer */
#subscribers a{color: #ccc !important}
#subscribers a:hover{color: #D69200 !important}
#subscribers {padding-left: 170px !important;margin-top: -41px !important} #back-top { top: -12px !important; }
#back-top {
position: relative;
text-align: center;
top: -18px;
}
.num3 h3:before {font-weight: normal !important;}
.num4 h3:before {font-weight: normal !important;}
/* Imagem Caixas de Resposta */
.sceditor-container textarea {
background: url('http://i68.servimg.com/u/f68/16/43/60/45/s10.png') no-repeat 50% 50% transparent!important;
}
/* Estatisticas */
#onlinelist {
background-color: #fff;
border-top: 1px solid #ccc;
padding: .6em 0em;
}
#stats {
background-color: #fff;
line-height: 150%;
padding: 0.6em 0em;
}
#onlinelist p {
display: block !important;
margin-bottom: 7px;
}
/* Widget Parceiras */
.module.main > .main-content > .main-content {
border: none;
box-shadow: none;
}
.module.main #parceiros {
margin: 0 auto;
}
/* Botão de Reputação */
#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {vertical-align: middle;}
#rep_post span img {cursor: pointer;}
#rep_post .reput_vote {
background-image: url('http://i.imgur.com/UGqTZqe.png');
background-repeat: repeat-x;
background-position: 0 1px;
font-size: 10px;
padding: 2px 10px !important;
color: #fff;
font-weight: bold;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

Até mais.

RafaelS.
Hiperativo

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

http://maisforum.forumeiros.com

Resolvido Re: Personalização da categoria apenas no índice

Mensagem por MateusAnjosV em Seg 21 Dez 2015 - 15:27

Boa tarde!

Esse foi o CSS que eu lhe forneci:
Código:
.table thead tr:first-of-type {
  display: none;
}
.tc1, .tcr, .pun table.table td {
  background: none !important;
  border: none !important;
}
 .tc2, .tc3 {
  background: none !important;
  border: none !important;
  color: #737C8D; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.tc2:after {
    display: block;
    content: "Tópicos";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
        font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}
    .tc3:after {
  display: block;
  content: "Mensagens";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}

.pun .statused tr {
    background: #f7f7f7;
    border: 1px solid #ddd;
}

.main .main-content {
    background: #FFF;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    margin: 0;
    padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}

Remova ele da sua CSS, posteriormente, vá ao index_body e aplique antes de tudo, esse código:
Código:
<style>.table thead tr:first-of-type {
  display: none;
}
.tc1, .tcr, .pun table.table td {
  background: none !important;
  border: none !important;
}
 .tc2, .tc3 {
  background: none !important;
  border: none !important;
  color: #737C8D; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.tc2:after {
    display: block;
    content: "Tópicos";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
        font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}
    .tc3:after {
  display: block;
  content: "Mensagens";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}

.pun .statused tr {
    background: #f7f7f7;
    border: 1px solid #ddd;
}

.main .main-content {
    background: #FFF;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    margin: 0;
    padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}</style>

Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2393

http://ajuda.forumeiros.com/

Resolvido Re: Personalização da categoria apenas no índice

Mensagem por IsmaelS. em Seg 21 Dez 2015 - 16:19

Resultou e fiz o mesmo para topic_list_box só que aparece assim "Tópicos" e "Mensagens":
- http://webgrafic.forumeiro.com/f4-regras-e-informacoes

Queria trocar o Tópicos para Respostas e Mensagens para Vistos, é possível?

Código:
<style>.table thead tr:first-of-type {
  display: none;
}
.tc1, .tcr, .pun table.table td {
  background: none !important;
  border: none !important;
}
 .tc2, .tc3 {
  background: none !important;
  border: none !important;
  color: #737C8D; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.tc2:after {
    display: block;
    content: "Tópicos";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
        font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}
    .tc3:after {
  display: block;
  content: "Mensagens";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}

.pun .statused tr {
    background: #f7f7f7;
    border: 1px solid #ddd;
}

.main .main-content {
    background: #FFF;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    margin: 0;
    padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}</style>
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
  <!-- BEGIN multi_selection -->
      <script type="text/javascript">
      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
        var all_checked = true;
        for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
        }
        }
        document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }
      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
        for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
        }
        }
      }
      </script>
  <!-- END multi_selection -->

  <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
  </div>
  <div class="main-content">
  <table cellspacing="0" class="table">
      <thead>
        <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
        </tr>
      </thead>
      <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
  <!-- BEGIN table_sticky -->
      </tbody>
  </table>
  </div>

  <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /  >
      <!-- END multi_selection -->
      <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
  </div>
  <div class="main-content">
  <table cellspacing="0" class="table">
      <thead>
        <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
        </tr>
      </thead>
      <tbody class="statused">
  <!-- END table_sticky -->
      <tr>
        <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
            <span class="status">
              <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
            </span>
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />&nbsp;
            <!-- END single_selection -->
            {topics_list_box.row.ICON}&nbsp;
            {topics_list_box.row.NEWEST_POST_IMG}
            {topics_list_box.row.PARTICIPATE_POST_IMG}&nbsp;
            {topics_list_box.row.TOPIC_TYPE}&nbsp;
            <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
            {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}&nbsp;
          <br/>{topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
            <!-- BEGIN switch_description -->
            <br />
            &nbsp;{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
            <!-- END switch_description -->
        </td>
        <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
        <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
        <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                <!-- BEGIN avatar -->
                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->

          {topics_list_box.row.LAST_POST_TIME}<br/> {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
            </td>
        <!-- BEGIN multi_selection -->
        <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
        <!-- END multi_selection -->
      </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
  <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
      </tbody>
  </table>
  </div>
  <div class="main-foot clearfix">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
      <p class="options">
        <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>&nbsp;{S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
      </p>
  </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5088

http://suportedesign.forumeiros.com/

Resolvido Re: Personalização da categoria apenas no índice

Mensagem por IsmaelS. em Qua 23 Dez 2015 - 17:10

UP!

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5088

http://suportedesign.forumeiros.com/
  • 0

Resolvido Re: Personalização da categoria apenas no índice

Mensagem por RafaelS. em Qui 24 Dez 2015 - 4:52

Olá!

Troque o template topic_list_box por este:

Código:
<style>.table thead tr:first-of-type {
  display: none;
}
.tc1, .tcr, .pun table.table td {
  background: none !important;
  border: none !important;
}
 .tc2, .tc3 {
  background: none !important;
  border: none !important;
  color: #737C8D; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.tc2:after {
    display: block;
    content: "Tópicos";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
        font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}
    .tc3:after {
  display: block;
  content: "Visualizações";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}

.pun .statused tr {
    background: #f7f7f7;
    border: 1px solid #ddd;
}

.main .main-content {
    background: #FFF;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    margin: 0;
    padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}</style>
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
  <!-- BEGIN multi_selection -->
      <script type="text/javascript">
      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
        var all_checked = true;
        for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
        }
        }
        document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }
      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
        for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
        }
        }
      }
      </script>
  <!-- END multi_selection -->

  <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
  </div>
  <div class="main-content">
  <table cellspacing="0" class="table">
      <thead>
        <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
        </tr>
      </thead>
      <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
  <!-- BEGIN table_sticky -->
      </tbody>
  </table>
  </div>

  <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /  >
      <!-- END multi_selection -->
      <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
  </div>
  <div class="main-content">
  <table cellspacing="0" class="table">
      <thead>
        <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
        </tr>
      </thead>
      <tbody class="statused">
  <!-- END table_sticky -->
      <tr>
        <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
            <span class="status">
              <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
            </span>
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />&nbsp;
            <!-- END single_selection -->
            {topics_list_box.row.ICON}&nbsp;
            {topics_list_box.row.NEWEST_POST_IMG}
            {topics_list_box.row.PARTICIPATE_POST_IMG}&nbsp;
            {topics_list_box.row.TOPIC_TYPE}&nbsp;
            <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
            {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}&nbsp;
          <br/>{topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
            <!-- BEGIN switch_description -->
            <br />
            &nbsp;{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
            <!-- END switch_description -->
        </td>
        <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
        <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
        <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                <!-- BEGIN avatar -->
                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->

          {topics_list_box.row.LAST_POST_TIME}<br/> {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
            </td>
        <!-- BEGIN multi_selection -->
        <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
        <!-- END multi_selection -->
      </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
  <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
      </tbody>
  </table>
  </div>
  <div class="main-foot clearfix">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
      <p class="options">
        <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>&nbsp;{S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
      </p>
  </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Até mais.

RafaelS.
Hiperativo

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

http://maisforum.forumeiros.com

Resolvido Re: Personalização da categoria apenas no índice

Mensagem por IsmaelS. em Qui 24 Dez 2015 - 5:08

Perfeito obrigado e resolvido!

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5088

http://suportedesign.forumeiros.com/

Resolvido Re: Personalização da categoria apenas no índice

Mensagem por RafaelS. em Qui 24 Dez 2015 - 5:25

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

RafaelS.
Hiperativo

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

http://maisforum.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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5