Personalizar aparência da categoria

Olá!
Gostaria de deixar as categorias e fóruns com esta aparência: http://demo.nicetheme.com/forum?theme_id=207407
A versão do meu fórum é PHPBB3.

Saudações querida,

Código:

body {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #5c758c;
  background-color: #1a1a1a;
  background-image: url(http://i.imgur.com/BCHpn2m.jpg );
  background-attachment: fixed;
  font-size: 10px;
  height: auto;
  padding: 10px 0px;
  filter: alpha(opacity=90);
  opacity: 0.9;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
body {
  background-attachment: fixed;
  background-color: #fff;
  background-image: url(http://2img.net/s/t/20/74/07/i_background.jpg);
  color: #0198e1;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  height: auto;
  padding: 10px 0;
}

Tchau,

Não resultou nas categorias e prejudicou a aparência do fórum...

Olá,

Adicione este código a seu Css:

Código:

/* Table this is important*/
.forabg {
   margin-bottom: 4px;
   clear: both;
   background-color: #131313;
   background-image: url(\'http://i30.servimg.com/u/f30/14/70/09/25/gradie12.png\');
   background-repeat: repeat-x;
   background-position: 0 0;
   border: 2px solid #;
   padding: 0px 5px;
border: 1px solid #101010;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
* html .forabg {
   position: relative;
   height: 1%;
   }
*+ html .forabg {
   min-height: 1px;
   }
.forumbg {
   background-color: #131313;
   background-image: url(\'http://i30.servimg.com/u/f30/14/70/09/25/gradie12.png\');
   background-repeat: repeat-x;
   background-position: 0 0;
   border: 2px solid #;
   padding: 0px 5px;
   margin-bottom: 4px;
   clear: both;
border: 1px solid #101010;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
* html .forumbg {
   height: 1%;
   }
*+ html .forumbg {
   min-height: 1px;
   }
.forumbg table.table1 {
   margin: 0 -2px -1px -1px;
   }
ul.topiclist {
   list-style-type: none;
   margin: 0;
   background-image: url("http://2img.net/i/fa/empty.gif");
   background-repeat: repeat-x;
   color: #5c758c;
   }
* html ul.topiclist {
   height: 1%;
   }
*+ html ul.topiclist {
   min-height: 1px;
   }
ul.topiclist li {
   display: block;
   margin: 0;
   }
* html ul.topiclist li {
    position: relative;
    }
ul.topiclist li.row dl {
   padding: 2px 0;
   }
ul.forums li.row dl {
   min-height: 42px;
   }
* html ul.forums li.row dl {
   height: 42px;
   }
ul.topiclist dt,ul.topiclist dd.dterm {
   display: block;
   float: left;
   width: 60%;
   font-size: 1.1em;
   padding-left: 5px;
   padding-right: 5px;
   }
ul.topiclist dfn {
   display: none;
   }
ul.topics li.header dl.icon dt {
   padding-right: 50px;
   }
ul.topics dt,ul.topics dd.dterm {
   padding-left: 45px;
   display: block;
   float: left;
   width: 50%;
   }
ul.topics dd {
   display: block;
   float: left;
   }
ul.forums {
   background-color: #131313;
   background-image: none;
   }
li.header dl.icon {
   min-height: 0;
   }
li.header dl.icon dt {
   padding-left: 0;
   }
li.header dt {
   font-weight: bold;
   }
li.header dd {
   margin-left: 1px;
   }
dl.icon {
   min-height: 35px;
   background-position: 10px 50%;
   background-repeat: no-repeat;
   height: auto !important;
   height: 35px;
   }
dl.icon dt,dl.icon dd.dterm {
   background-repeat: no-repeat;
  background-position: 5px 50%;}


Resulta ?

O fundo da categoria ficou preto:



Gostaria que somente o fundo ficasse só um pouquinho transparente, na mesma medida que os widgets do fórum.

Ola,

tente este:

Código:

.forabg {
    background-color: rgba(19,19,19,0.4)!important;
}

ul.topiclist.forums {
    background-color: rgba(19,19,19,0.4)!important;
}

até...

A parte do título das categorias ficaram da cor preta, tem como ficar cor branco?

Olá,

tente este código:

Código:

.table-title, .table-title h2 {
    color: #fff !important;
    display: inline;
    font-size: 1em;
}

Até...

"Tópicos", "Mensagens" e "Última mensagem" também quero que fique branco. E retirar as linhas brancas e contornos.

Olá!

Adicione à sua folha de estilos:

Código:

ul.topiclist li.header dl dd {
  color: #fff!important;
}

Cumprimentos.
Fraise

Quero retirar as bordas e contornos...

Olá!

Desculpe. Adicione este código no ínicio da sua folha de estilos:

Código:

.forabg {
  border: none!important;
}

Cumprimentos.
Fraise

Aquelas bordas internas também ^^
Lembre-se que quero que fique idêntico a este, se possível: http://demo.nicetheme.com/forum?theme_id=207407

Olá!

Substitua o código acima por este:

Código:

ul.topiclist dd {
    border: none !important;
}

Atenciosamente.

Quero retirar esses "pingos" brancos circulados em vermelho e as linhas de separação.

Olá,

adicione isto:

Código:

span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {visibility: hidden !important;
}

até...

As linhas que dividem as categorias também Circulei elas de vermelho para entender melhor.

Saudações,

Utilize este código CSS, colocando ó acima dos outros códigos existentes lá:

Código:

li.row {
  border-bottom: transparent!important;
  border-top: transparent!important;
}

Algo mais?
Abraços.
Sennior

Resolvido