Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

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


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

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



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

Esqueci minha senha

Últimos assuntos
» [PEDIDO] Banner
Hoje à(s) 15:57 por Holkis

» Como removo isso ? para por outro
Hoje à(s) 15:31 por JrMAFiA

» Deslocar os botões do perfil
Hoje à(s) 14:52 por Ana Leandro

» Erro Facebook Conect
Hoje à(s) 14:50 por Shek

» Propaganda em local indevido
Hoje à(s) 14:00 por Cream

» Fonts de letras
Hoje à(s) 13:56 por PrisoN†BreaK

» Colocando propagandas ilícitas, meu fórum pode ser suprimido?
Hoje à(s) 8:40 por Sennior

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
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
Sennior
 
GollD
 
Nean
 
juleic1123
 

Quem está conectado
126 usuários online :: 7 usuários cadastrados, 1 Invisível e 118 Visitantes :: 1 Motor de busca

giancamposm, GollD, Holkis, JrMAFiA, luuuiiiz, Nean, while

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

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

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

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

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

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

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

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

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 : 1413
Pontos Ativos : 2319

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

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

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

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

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

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