Cores e centralização da estrutura do fórum

[Nexthy]

Detalhes da questão

Endereço do fórum: https://www.brasilonelife.com
Versão do fórum: phpBB3

Descrição

Olá, tenho algumas dúvidas e vou separá-las por legendas.




Azul: Alinhar o texto "INFORMAÇÕES GERAIS" com os tópicos abaixo;
Verde: Alterar a cor dessa borda roxa, e fazer as bordas laterais aparecer somente ao colocar o mouse em cima do fórum;
Vermelho: Alinhar o "último tópico" ao maior da barra de cima.

E por último que esqueci de citar, alterar a cor dos tópicos "Regras Gerais, Anúncios & Avisos, etc" Pretendo colocá-los preto e ao passar o mouse em cima ficam vermelhos.

Obrigado!

[Musashi]

Olá @Nexthy,

Poderia me enviar sua Folha de estilo (CSS) para realizar essas modificações pedida?

Atenciosamente,
Wusthy.

[Nexthy]

Código:

#submenu, #pun-navlinks, #page-header .navbar ul.linklist.navlinks, .bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"]{
  width:100%;
  background:url(https://i.servimg.com/u/f18/19/24/24/63/th/tette10.png) top left repeat-x;
  height:42px
}
#submenu, #pun-navlinks, .linklist.navlinks, .bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"] {
border-top: 5px solid #000000!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
 
#submenu ul li {
margin-top: -5px !important;
line-height: 40px;
}
/* Posição menu */
div#headerbar-top:not(.is-sticky) {
    margin-top: 150px;
}
/* Banner */
/*a#logo img[src=""]
{
  display: none;
}*/
/* Campo do avatar */
.postprofile {
    text-align: center;
}
/* AVATAR RETANGULAR ² */
.mod-login-avatar img {
width: 100%;
height: 100%;
border-radius: 0px;
}
.row2 {background-color: #ffffff!important;}
/* AVATAR RETANGULAR */
.post .postprofile-avatar img {
    width: unset;
    height: unset;
    border-radius: 0;
    max-height: 250px;
}
/* Centralizar perfis */
dd.postprofile-contact {
    display: inline-block;
    vertical-align: middle;
}
  /* Legenda */
.block-footer {
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 18px -18px -18px;
    font-size: 0px;
    padding: 10px 8px 7px 5px;
    text-align: center;
}
.block-footer b {
    font-size: 13px;
}
.block-footer strong {
    display:none;
}
.block-footer a {
  font-size: 14px;
  font-style: normal;
 
  margin-right: 15px;
  transition: .3s;
}
.block-footer a:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}
/* Linha atrás do perfil */
.post-head {
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-color: #202224;
}
/*Categorias Detalhes*/
ul.topiclist.forums {
    padding: 5px;
}
li.row {
    padding: 5px;
    background-color: #Fff;
    border: 0px;
    border-left: 5px solid #00008B;
    border-radius: 0;
}
li.row dd {
    border: 0px;
}
li.row {
      margin-bottom: 5px!important;
}
ul.topiclist.bg_none {
    background: #00008B;
}
 
 
li.row {
    padding: 0px;
}
 dd.dterm {
    padding-bottom: 0 !important;
}
/* Categorias*/
ul.forums {
    background-color: #ffffff;
}
ul.forums .posts:after {
    content: 'mensagens';
}
ul.forums .topics:after {
    content: 'tópicos';
}
.forabg .topiclist .header {
    border-bottom: 3px solid #00008B;
}
/*Diretor*/
a[href*="/u"] span[style="color:#0015FF"] strong {
  position:relative !important;
}
a[href*="/u"] span[style="color:#0015FF"] strong:hover:after{
  background-color:#0015FF !important;
  border-radius:5px !important;
  bottom:15px !important;
  color:#fff !important;
  content:"Diretor do clã" !important;
  display:inline-block !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:700 !important;
  left:-40px !important;
  padding:2px !important;
  position:absolute !important;
  white-space:nowrap !important;
  z-index:1 !important;
}
 
/*Coordenador*/
a[href*="/u"] span[style="color:#F000D4"] strong {
  position:relative !important;
}
a[href*="/u"] span[style="color:#F000D4"] strong:hover:after{
  background-color: #F000D4 !important;
  border-radius:5px !important;
  bottom:15px !important;
  color:#fff !important;
  content:"Coordenador(a) do Fórum" !important;
  display:inline-block !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:700 !important;
  left:-40px !important;
  padding:2px !important;
  position:absolute !important;
  white-space:nowrap !important;
  z-index:1 !important;
}
 
/*Ajudante*/
a[href*="/u"] span[style="color:#00B0F0"] strong {
  position:relative !important;
}
a[href*="/u"] span[style="color:#00B0F0"] strong:hover:after{
  background-color:#00B0F0 !important;
  border-radius:5px !important;
  bottom:15px !important;
  color:#fff !important;
  content:"Ajudante do Servidor e do Fórum" !important;
  display:inline-block !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:700 !important;
  left:-40px !important;
  padding:2px !important;
  position:absolute !important;
  white-space:nowrap !important;
  z-index:1 !important;
}
 
/*Designer*/
a[href*="/u"] span[style="color:#9900D6"] strong {
  position:relative !important;
}
a[href*="/u"] span[style="color:#9900D6"] strong:hover:after{
  background-color:#9900D6 !important;
  border-radius:5px !important;
  bottom:15px !important;
  color:#fff !important;
  content:"Designer do Servidor e do Fórum" !important;
  display:inline-block !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:700 !important;
  left:-40px !important;
  padding:2px !important;
  position:absolute !important;
  white-space:nowrap !important;
  z-index:1 !important;
}
 
/*Aspirante*/
a[href*="/u"] span[style="color:#FF7700"] strong {
  position:relative !important;
}
a[href*="/u"] span[style="color:#FF7700"] strong:hover:after{
  background-color:#FF7700 !important;
  border-radius:5px !important;
  bottom:15px !important;
  color:#fff !important;
  content:"Moderador(a) do Fórum e do Servidor" !important;
  display:inline-block !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:700 !important;
  left:-40px !important;
  padding:2px !important;
  position:absolute !important;
  white-space:nowrap !important;
  z-index:1 !important;
}
 
/*Agente*/
a[href*="/u"] span[style="color:#15FF00"] strong {
  position:relative !important;
}
a[href*="/u"] span[style="color:#15FF00"] strong:hover:after{
  background-color:#15FF00 !important;
  border-radius:5px !important;
  bottom:15px !important;
  color:#fff !important;
  content:"Administrador(a) do Servidor e do Fórum" !important;
  display:inline-block !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:700 !important;
  left:-40px !important;
  padding:2px !important;
  position:absolute !important;
  white-space:nowrap !important;
  z-index:1 !important;
}
 
/*Espião*/
a[href*="/u"] span[style="color:#000DFF"] strong {
  position:relative !important;
}
a[href*="/u"] span[style="color:#000DFF"] strong:hover:after{
  background-color:#000DFF !important;
  border-radius:5px !important;
  bottom:15px !important;
  color:#fff !important;
  content:"Diretor(a) do Servidor e do Fórum" !important;
  display:inline-block !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:700 !important;
  left:-40px !important;
  padding:2px !important;
  position:absolute !important;
  white-space:nowrap !important;
  z-index:1 !important;
}
 
/*Fundador*/
a[href*="/u"] span[style="color:#FF0000"] strong {
  position:relative !important;
}
a[href*="/u"] span[style="color:#FF0000"] strong:hover:after{
  background-color:#FF0000 !important;
  border-radius:5px !important;
  bottom:15px !important;
  color:#fff !important;
  content:"Fundador(a) do Brasil One Life" !important;
  display:inline-block !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:700 !important;
  left:-40px !important;
  padding:2px !important;
  position:absolute !important;
  white-space:nowrap !important;
  z-index:1 !importan
}
 
/*DJ/Locutor*/
a[href*="/u"] span[style="color:#00FFD5"] strong {
  position:relative !important;
}
a[href*="/u"] span[style="color:#00FFD5"] strong:hover:after{
  background-color:#00FFD5 !important;
  border-radius:5px !important;
  bottom:15px !important;
  color:#fff !important;
  content:"DJ/Locutor(a) do Servidor" !important;
  display:inline-block !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:700 !important;
  left:-40px !important;
  padding:2px !important;
  position:absolute !important;
  white-space:nowrap !important;
  z-index:1 !importan
}
 
/*YouTuber*/
a[href*="/u"] span[style="color:#FF2121"] strong {
  position:relative !important;
}
a[href*="/u"] span[style="color:#FF2121"] strong:hover:after{
  background-color:#FF2121 !important;
  border-radius:5px !important;
  bottom:15px !important;
  color:#fff !important;
  content:"YouTuber do Servidor" !important;
  display:inline-block !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:700 !important;
  left:-40px !important;
  padding:2px !important;
  position:absolute !important;
  white-space:nowrap !important;
  z-index:1 !importan
}
 
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
/*Remover tabela*/
#preview .postbody table, #preview .postbody td, div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
    border: none !important;
    border-spacing: 0;
}
body {
    background-size: 100%;
}
body, html {
    background-attachment: fixed!importnat;
    background-size: cover!important;
}
#wrap{
width: 80% !important;
}
/* AVATAR RETANGULAR */
.post .postprofile-avatar img {
    width: unset;
    height: unset;
    border-radius: 0;
    max-height: 250px;
}
ul.linklist.navlinks {
position: fixed !important;
position: absolute;
top: 0;
right: 0;
}
/* NEON */
a[href="/g3-fundadora"] {
text-shadow: 0px 0px 5px #FF0000!important;
}
a[href="/g4-diretora"] {
text-shadow: 0px 0px 5px #000DFF!important;
}
 
/* FONTE CATEGORIA */
.table-title, .table-title h2 {
    text-shadow:none!important;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif!important;
    font-size: 16px!important;
    font-weight: 700!important;
    }
/* BANNER TRANSPARENTE */
.headerbar {
    background-image: url(https://i.imgur.com/Z71aQJ6.png);
    background-size: cover;
    height: 250px;
    position: relative;
    width: 100%;
    transform: scale(1);
}
/* ÍCONES BBCODE */
 
 
/* ONLINE/OFFLINE */
.online {
propriedades
}
 
div.post {
propriedades
}
 
/* SOMBRA NA ESTRUTURA */
#wrap {
-webkit-box-shadow: 0px 20px 20px #000000!important;
-moz-box-shadow: 0px 20px 20px #000000!important;
box-shadow: 0px 20px 20px #000000!important;
}
 
/* SOMBRA AVATAR */
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #000000;
box-shadow:1px 1px 5px #9C9C9C;
}
 
.menu {
    font: normal normal normal 14px/1 FontAwesome;
    font-family: FontAwesome;
    background: #202224;
    box-shadow: rgb(161 161 161 / 10%) 0 1px 5px;
    height: 54px;
    line-height: 35px;
    width: 100%;
    z-index: 999;
    overflow-y: hidden;
}
 
/* Banner tamanho */
#pun-logo > img:nth-child(1) {
        -webkit-transition: 1s all ease;
        }
#pun-logo > img:nth-child(1):hover {
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transition: 1s all ease;
        }
 
/* BORDA AVATAR */
.postprofile dt img, dl.left-box dt img {
border:3px solid #FFFFFF;
}
 
/* BOTÃO DISCORD */
.btn-discord {
    background: #d1c436!important;
    border-bottom: 4px solid #9c932c!important;
    border-radius: 2px;
    color: #fff!important;
    padding: 10px 150px;
    box-shadow: 0.8px 0.5px 0.5px 0.8px #9c932c;
}
.btn-discord:hover {
    background: #b3a835!important;
    border-bottom: 4px solid #b3a835!important;
    border-radius: 2px;
    color: #fff!important;
    padding: 10px 150px;
    box-shadow: 0.8px 0.5px 0.5px 0.8px #b3a835;
}

/* BOTÕES */
.button1:hover,
.button2:hover,
.button:hover,
input[type="submit"]:hover {
      background-color: #000000!important;
      border-bottom: 1px solid red;
      box-shadow: none!important;
}

/* fonte */
div.postbody-head.postdetails.post-header h3 a {
font-size: 25px;
}

[Musashi]

Boa tarde@"Nexthy",

Modifique sua Folha de estilo (CSS) para essa:

Código:

#page-header .navbar ul.linklist.navlinks,#pun-navlinks,#submenu,.bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"] {
    background: url(https://i.servimg.com/u/f18/19/24/24/63/th/tette10.png) top left repeat-x;
    height: 42px;
    width: 100%
}

#pun-navlinks,#submenu,.bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"],.linklist.navlinks {
    border-top: 5px solid #000!important;
    height: 43px;
    overflow: visible!important;
    padding: 1px 10px!important
}

#submenu ul li {
    line-height: 40px;
    margin-top: -5px!important
}

div#headerbar-top:not(.is-sticky) {
    margin-top: 150px
}

.postprofile {
    text-align: center
}

.mod-login-avatar img {
    border-radius: 0;
    height: 100%;
    width: 100%
}

.row2 {
    background-color: #fff!important
}

.post .postprofile-avatar img {
    border-radius: 0;
    height: unset;
    max-height: 250px;
    width: unset
}

dd.postprofile-contact {
    display: inline-block;
    vertical-align: middle
}

.block-footer {
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    font-size: 0;
    margin: 18px -18px -18px;
    padding: 10px 8px 7px 5px;
    text-align: center
}

.block-footer b {
    font-size: 13px
}

.block-footer strong {
    display: none
}

.block-footer a {
    font-size: 14px;
    font-style: normal;
    margin-right: 15px;
    transition: .3s
}

.block-footer a:hover {
    background: #ddd;
    padding: 12px 10px 9px
}

.post-head {
    border-bottom-width: 1px;
    border-color: #202224;
    border-top-width: 0
}

ul.topiclist.forums {
    padding: 5px
}
ul.topiclist li.header dl dd:nth-child(4) {
    left: 10%
}
li.row {
    background-color: #Fff;
    border: 0;
    border-radius: 0;
    margin-bottom: 5px!important;
    padding: 0
}
li.row:hover {
    border-left: 5px solid #00008B;
    background-color: red;
    color: white;
}

li.row dd {
    border: 0
}

ul.topiclist.bg_none {
    background: #00008B
}

dd.dterm {
    padding-bottom: 0!important
}

ul.forums {
    background-color: #fff
}

ul.forums .posts:after {
    content: 'mensagens'
}

ul.forums .topics:after {
    content: 'Tópicos'
}

.forabg .topiclist .header {
    border-bottom: 3px solid #00008B
}

a[href*="/u"] span[style="color:#0015FF"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#0015FF"] strong:hover:after {
    background-color: #0015FF!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Diretor do clã"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#F000D4"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#F000D4"] strong:hover:after {
    background-color: #F000D4!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Coordenador(a) do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#00B0F0"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#00B0F0"] strong:hover:after {
    background-color: #00B0F0!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Ajudante do Servidor e do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#9900D6"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#9900D6"] strong:hover:after {
    background-color: #9900D6!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Designer do Servidor e do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#FF7700"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#FF7700"] strong:hover:after {
    background-color: #F70!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Moderador(a) do Fórum e do Servidor"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#15FF00"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#15FF00"] strong:hover:after {
    background-color: #15FF00!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Administrador(a) do Servidor e do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#000DFF"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#000DFF"] strong:hover:after {
    background-color: #000DFF!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Diretor(a) do Servidor e do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#FF0000"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#FF0000"] strong:hover:after {
    background-color: red!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Fundador(a) do Brasil One Life"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1 !importan
}

a[href*="/u"] span[style="color:#00FFD5"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#00FFD5"] strong:hover:after {
    background-color: #00FFD5!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "DJ/Locutor(a) do Servidor"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1 !importan
}

a[href*="/u"] span[style="color:#FF2121"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#FF2121"] strong:hover:after {
    background-color: #FF2121!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "YouTuber do Servidor"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1 !importan
}

a.mainmenu[href="/faq"] {
    display: none!important
}

a.mainmenu[href="/calendar"] {
    display: none!important
}

#preview .postbody table,#preview .postbody td,div[class*='post--'] .postbody table,div[class*='post--'] .postbody td {
    border: none!important;
    border-spacing: 0
}

body {
    background-size: 100%
}

body,html {
    background-attachment: fixed!importnat;
    background-size: cover!important
}

#wrap {
    -moz-box-shadow: 0 20px 20px #000!important;
    -webkit-box-shadow: 0 20px 20px #000!important;
    box-shadow: 0 20px 20px #000!important;
    width: 80%!important
}

ul.linklist.navlinks {
    position: fixed!important;
    right: 0;
    top: 0
}

a[href="/g3-fundadora"] {
    text-shadow: 0 0 5px red!important
}

a[href="/g4-diretora"] {
    text-shadow: 0 0 5px #000DFF!important
}

.table-title,.table-title h2 {
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif!important;
    font-size: 16px!important;
    font-weight: 700!important;
    text-shadow: none!important
}

.headerbar {
    background-image: url(https://i.imgur.com/Z71aQJ6.png);
    background-size: cover;
    height: 250px;
    position: relative;
    transform: scale(1);
    width: 100%
}

.post div.user-ident div.user-basic-info a img:first-child,.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,dl.postdetails dl a img:first-child {
    -moz-box-shadow: 1px 1px 5px #9C9C9C;
    -webkit-box-shadow: 1px 1px 5px #000;
    box-shadow: 1px 1px 5px #9C9C9C
}

.menu {
    background: #202224;
    box-shadow: red 0 1px 5px;
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 54px;
    line-height: 35px;
    overflow-y: hidden;
    width: 100%;
    z-index: 999
}

#pun-logo > img:nth-child(1) {
    -webkit-transition: 1s all ease
}

#pun-logo > img:nth-child(1):hover {
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -webkit-transition: 1s all ease
}

.btn-discord {
    background: #d1c436!important;
    border-bottom: 4px solid #9c932c!important;
    border-radius: 2px;
    box-shadow: .8px .5px .5px .8px #9c932c;
    color: #fff!important;
    padding: 10px 150px
}

.btn-discord:hover {
    background: #b3a835!important;
    border-bottom: 4px solid #b3a835!important;
    border-radius: 2px;
    box-shadow: .8px .5px .5px .8px #b3a835;
    color: #fff!important;
    padding: 10px 150px
}

.button1:hover,.button2:hover,.button:hover,input[type="submit"]:hover {
    background-color: #000!important;
    border-bottom: 1px solid red;
    box-shadow: none!important
}

div.postbody-head.postdetails.post-header h3 a {
    font-size: 25px
}


Atenciosamente,
Wusthy.

[Nexthy]

Olá, o "Informações Gerais" não ficou alinhado a categoria abaixo. A cor azul escura permaneceu como linha abaixo do informações gerais, e como linha lateral ao colocar o mouse em cima. Ao colocar o mouse em cima, o fundo inteiro ficou vermelho, ao invés de só a linha lateral, e a categoria "último tópico criado/comentado", não ficou centralizado.

[Musashi]

@Nexthy,

Poderia enviar-me uma print de como ficou o seu tema após eu informar mudança da folha de estilo (CSS)?

(Aguardo retorno)
Atenciosamente,
Wusthy.

[Nexthy]

Peço desculpas, esqueci de inserir o link no tópico


Poderia me explicar como alterar a cor do título de cada categoria de azul para preto? E para o mesmo ficar vermelho ao colocar o mouse em cima?

[Musashi]

Olá novamente @Nexthy,

Peço perdão pelo equivoco, acredito que eu tenha passado a folha de estilo errada

No mais, modifique sua Folha de estilo (CSS) para:

Código:

#page-header .navbar ul.linklist.navlinks,#pun-navlinks,#submenu,.bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"] {
    background: url(https://i.servimg.com/u/f18/19/24/24/63/th/tette10.png) top left repeat-x;
    height: 42px;
    width: 100%
}
 
#pun-navlinks,#submenu,.bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"],.linklist.navlinks {
    border-top: 5px solid #000!important;
    height: 43px;
    overflow: visible!important;
    padding: 1px 10px!important
}
 
#submenu ul li {
    line-height: 40px;
    margin-top: -5px!important
}
 
div#headerbar-top:not(.is-sticky) {
    margin-top: 150px
}
 
.postprofile {
    text-align: center
}
 
.mod-login-avatar img {
    border-radius: 0;
    height: 100%;
    width: 100%
}
 
.row2 {
    background-color: #fff!important
}
 
.post .postprofile-avatar img {
    border-radius: 0;
    height: unset;
    max-height: 250px;
    width: unset
}
 
dd.postprofile-contact {
    display: inline-block;
    vertical-align: middle
}
 
.block-footer {
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    font-size: 0;
    margin: 18px -18px -18px;
    padding: 10px 8px 7px 5px;
    text-align: center
}
 
.block-footer b {
    font-size: 13px
}
 
.block-footer strong {
    display: none
}
 
.block-footer a {
    font-size: 14px;
    font-style: normal;
    margin-right: 15px;
    transition: .3s
}
 
.block-footer a:hover {
    background: #ddd;
    padding: 12px 10px 9px
}
 
.post-head {
    border-bottom-width: 1px;
    border-color: #202224;
    border-top-width: 0
}
 
ul.topiclist.forums {
    padding: 5px
}
ul.topiclist li.header dl dd:nth-child(4) {
    left: 10%;
    position: relative;
}
.lastpost {
    align-items: center;
    justify-content: center;
    display: flex;
    right: -4%;
    position: relative;
}
li.row {
    background-color: #Fff;
    border: 0;
    border-radius: 0;
    margin-bottom: 5px!important;
    padding: 0
}
.row:hover {
    border-left: 5px solid #00008B;
}
.forumtitle {
    color: black!important;
    text-decoration: none;
}
.forumtitle:hover {
    color: red!important;
}
li.row dd {
    border: 0;
}
 
ul.topiclist.bg_none {
    background: #00008B
}
 
dd.dterm {
    padding-bottom: 0!important
}
 
ul.forums {
    background-color: #fff
}
 
ul.forums .posts:after {
    content: 'mensagens'
}
 
ul.forums .topics:after {
    content: 'Tópicos'
}
 
.forabg .topiclist .header {
}
 
a[href*="/u"] span[style="color:#0015FF"] strong {
    position: relative!important
}
 
a[href*="/u"] span[style="color:#0015FF"] strong:hover:after {
    background-color: #0015FF!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Diretor do clã"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}
 
a[href*="/u"] span[style="color:#F000D4"] strong {
    position: relative!important
}
 
a[href*="/u"] span[style="color:#F000D4"] strong:hover:after {
    background-color: #F000D4!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Coordenador(a) do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}
 
a[href*="/u"] span[style="color:#00B0F0"] strong {
    position: relative!important
}
 
a[href*="/u"] span[style="color:#00B0F0"] strong:hover:after {
    background-color: #00B0F0!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Ajudante do Servidor e do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}
 
a[href*="/u"] span[style="color:#9900D6"] strong {
    position: relative!important
}
 
a[href*="/u"] span[style="color:#9900D6"] strong:hover:after {
    background-color: #9900D6!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Designer do Servidor e do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}
 
a[href*="/u"] span[style="color:#FF7700"] strong {
    position: relative!important
}
 
a[href*="/u"] span[style="color:#FF7700"] strong:hover:after {
    background-color: #F70!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Moderador(a) do Fórum e do Servidor"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}
 
a[href*="/u"] span[style="color:#15FF00"] strong {
    position: relative!important
}
 
a[href*="/u"] span[style="color:#15FF00"] strong:hover:after {
    background-color: #15FF00!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Administrador(a) do Servidor e do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}
 
a[href*="/u"] span[style="color:#000DFF"] strong {
    position: relative!important
}
 
a[href*="/u"] span[style="color:#000DFF"] strong:hover:after {
    background-color: #000DFF!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Diretor(a) do Servidor e do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}
 
a[href*="/u"] span[style="color:#FF0000"] strong {
    position: relative!important
}
 
a[href*="/u"] span[style="color:#FF0000"] strong:hover:after {
    background-color: red!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Fundador(a) do Brasil One Life"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1 !importan
}
 
a[href*="/u"] span[style="color:#00FFD5"] strong {
    position: relative!important
}
 
a[href*="/u"] span[style="color:#00FFD5"] strong:hover:after {
    background-color: #00FFD5!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "DJ/Locutor(a) do Servidor"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1 !importan
}
 
a[href*="/u"] span[style="color:#FF2121"] strong {
    position: relative!important
}
 
a[href*="/u"] span[style="color:#FF2121"] strong:hover:after {
    background-color: #FF2121!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "YouTuber do Servidor"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1 !importan
}
 
a.mainmenu[href="/faq"] {
    display: none!important
}
 
a.mainmenu[href="/calendar"] {
    display: none!important
}
 
#preview .postbody table,#preview .postbody td,div[class*='post--'] .postbody table,div[class*='post--'] .postbody td {
    border: none!important;
    border-spacing: 0
}
 
body {
    background-size: 100%
}
 
body,html {
    background-attachment: fixed!importnat;
    background-size: cover!important
}
 
#wrap {
    -moz-box-shadow: 0 20px 20px #000!important;
    -webkit-box-shadow: 0 20px 20px #000!important;
    box-shadow: 0 20px 20px #000!important;
    width: 80%!important
}
 
ul.linklist.navlinks {
    position: fixed!important;
    right: 0;
    top: 0
}
 
a[href="/g3-fundadora"] {
    text-shadow: 0 0 5px red!important
}
 
a[href="/g4-diretora"] {
    text-shadow: 0 0 5px #000DFF!important
}
 
.table-title,.table-title h2 {
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif!important;
    font-size: 16px!important;
    font-weight: 700!important;
    text-shadow: none!important;
    left: 7%;
    position: relative;
}
 
.headerbar {
    background-image: url(https://i.imgur.com/Z71aQJ6.png);
    background-size: cover;
    height: 250px;
    position: relative;
    transform: scale(1);
    width: 100%
}
 
.post div.user-ident div.user-basic-info a img:first-child,.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,dl.postdetails dl a img:first-child {
    -moz-box-shadow: 1px 1px 5px #9C9C9C;
    -webkit-box-shadow: 1px 1px 5px #000;
    box-shadow: 1px 1px 5px #9C9C9C
}
 
.menu {
    background: #202224;
    box-shadow: red 0 1px 5px;
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 54px;
    line-height: 35px;
    overflow-y: hidden;
    width: 100%;
    z-index: 999
}
 
#pun-logo > img:nth-child(1) {
    -webkit-transition: 1s all ease
}
 
#pun-logo > img:nth-child(1):hover {
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -webkit-transition: 1s all ease
}
 
.btn-discord {
    background: #d1c436!important;
    border-bottom: 4px solid #9c932c!important;
    border-radius: 2px;
    box-shadow: .8px .5px .5px .8px #9c932c;
    color: #fff!important;
    padding: 10px 150px
}
 
.btn-discord:hover {
    background: #b3a835!important;
    border-bottom: 4px solid #b3a835!important;
    border-radius: 2px;
    box-shadow: .8px .5px .5px .8px #b3a835;
    color: #fff!important;
    padding: 10px 150px
}
 
.button1:hover,.button2:hover,.button:hover,input[type="submit"]:hover {
    background-color: #000!important;
    border-bottom: 1px solid red;
    box-shadow: none!important
}
 
div.postbody-head.postdetails.post-header h3 a {
    font-size: 25px
}


E para mudar o título das categorias de azul para preto, basta buscar pela variável .forumtitle na sua folha de estilo, e modificar sua cor:

Código:

.forumtitle {
      color: #COR;
}


E não, esse fundo vermelho foi um efeito que acabei que por colocar de forma incorreta, perdão novamente.

Atenciosamente,
Wusthy.

[Nexthy]

Não precisa pedir desculpas, tem ajudado de forma excepcional!
Só um detalhe, a linha roxa continua, ela não foi alterada para vermelha, como segue na imagem

É possível colocar essa linha vermelha abaixo de informações gerais, como simulei na imagem?

E pra mais um detalhe, é possível aumentar a parte da seta verde, até a linha verde? Se sim, poderia me explicar em qual parte? Que vou testando a melhor.

E é possível colocar algum ícone ao lado de informações gerais?

[Musashi]

@Nexthy

Aqui está a folha de estilo (CSS) com suas alterações pedidas:

Código:

#page-header .navbar ul.linklist.navlinks,#pun-navlinks,#submenu,.bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"] {
    background: url(https://i.servimg.com/u/f18/19/24/24/63/th/tette10.png) top left repeat-x;
    height: 42px;
    width: 100%
}

#pun-navlinks,#submenu,.bodyline table[cellspacing="0"][cellpadding="0"][border="0"][align="center"] tbody tr td[align="center"],.linklist.navlinks {
    border-top: 5px solid #000!important;
    height: 43px;
    overflow: visible!important;
    padding: 1px 10px!important
}

#submenu ul li {
    line-height: 40px;
    margin-top: -5px!important
}

div#headerbar-top:not(.is-sticky) {
    margin-top: 150px
}

.postprofile {
    text-align: center
}

.mod-login-avatar img {
    border-radius: 0;
    height: 100%;
    width: 100%
}

.row2 {
    background-color: #fff!important
}

.post .postprofile-avatar img {
    border-radius: 0;
    height: unset;
    max-height: 250px;
    width: unset
}

dd.postprofile-contact {
    display: inline-block;
    vertical-align: middle
}

.block-footer {
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    font-size: 0;
    margin: 18px -18px -18px;
    padding: 10px 8px 7px 5px;
    text-align: center
}

.block-footer b {
    font-size: 13px
}

.block-footer strong {
    display: none
}

.block-footer a {
    font-size: 14px;
    font-style: normal;
    margin-right: 15px;
    transition: .3s
}

.block-footer a:hover {
    background: #ddd;
    padding: 12px 10px 9px
}

.post-head {
    border-bottom-width: 1px;
    border-color: #202224;
    border-top-width: 0
}

ul.topiclist.forums {
    padding: 5px
}

ul.topiclist li.header dl dd:nth-child(4) {
    left: 10%;
    position: relative
}

.lastpost {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    right: -4%
}

li.row {
    background-color: #Fff;
    border: 0;
    border-radius: 0;
    margin-bottom: 5px!important;
    padding: 0
}

.row:hover {
    border-left: 5px solid #ff0101
}

.forumtitle {
    color: #000!important;
    text-decoration: none
}

.forumtitle:hover {
    color: red!important
}

li.row dd {
    border: 0
}

ul.topiclist.bg_none {
    background: #00008B
}

dd.dterm {
    padding-bottom: 0!important
}

ul.forums {
    background-color: #fff
}

ul.forums .posts:after {
    content: 'mensagens'
}

ul.forums .topics:after {
    content: 'Tópicos';
}

a[href*="/u"] span[style="color:#0015FF"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#0015FF"] strong:hover:after {
    background-color: #0015FF!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Diretor do clã"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#F000D4"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#F000D4"] strong:hover:after {
    background-color: #F000D4!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Coordenador(a) do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#00B0F0"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#00B0F0"] strong:hover:after {
    background-color: #00B0F0!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Ajudante do Servidor e do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#9900D6"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#9900D6"] strong:hover:after {
    background-color: #9900D6!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Designer do Servidor e do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#FF7700"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#FF7700"] strong:hover:after {
    background-color: #F70!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Moderador(a) do Fórum e do Servidor"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#15FF00"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#15FF00"] strong:hover:after {
    background-color: #15FF00!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Administrador(a) do Servidor e do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#000DFF"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#000DFF"] strong:hover:after {
    background-color: #000DFF!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Diretor(a) do Servidor e do Fórum"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1!important
}

a[href*="/u"] span[style="color:#FF0000"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#FF0000"] strong:hover:after {
    background-color: red!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "Fundador(a) do Brasil One Life"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1 !importan
}

a[href*="/u"] span[style="color:#00FFD5"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#00FFD5"] strong:hover:after {
    background-color: #00FFD5!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "DJ/Locutor(a) do Servidor"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1 !importan
}

a[href*="/u"] span[style="color:#FF2121"] strong {
    position: relative!important
}

a[href*="/u"] span[style="color:#FF2121"] strong:hover:after {
    background-color: #FF2121!important;
    border-radius: 5px!important;
    bottom: 15px!important;
    color: #fff!important;
    content: "YouTuber do Servidor"!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-style: normal!important;
    font-weight: 700!important;
    left: -40px!important;
    padding: 2px!important;
    position: absolute!important;
    white-space: nowrap!important;
    z-index: 1 !importan
}

a.mainmenu[href="/faq"] {
    display: none!important
}

a.mainmenu[href="/calendar"] {
    display: none!important
}

#preview .postbody table,#preview .postbody td,div[class*='post--'] .postbody table,div[class*='post--'] .postbody td {
    border: none!important;
    border-spacing: 0
}

body {
    background-size: 100%
}

body,html {
    background-attachment: fixed!importnat;
    background-size: cover!important
}

#wrap {
    -moz-box-shadow: 0 20px 20px #000!important;
    -webkit-box-shadow: 0 20px 20px #000!important;
    box-shadow: 0 20px 20px #000!important;
    width: 86%!important;
}

ul.linklist.navlinks {
    position: fixed!important;
    right: 0;
    top: 0
}

a[href="/g3-fundadora"] {
    text-shadow: 0 0 5px red!important
}

a[href="/g4-diretora"] {
    text-shadow: 0 0 5px #000DFF!important
}

.table-title,.table-title h2 {
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif!important;
    font-size: 16px!important;
    font-weight: 700!important;
    left: 7%;
    position: relative;
    text-shadow: none!important
}

.headerbar {
    background-image: url(https://i.imgur.com/Z71aQJ6.png);
    background-size: cover;
    height: 250px;
    position: relative;
    transform: scale(1);
    width: 100%
}

.post div.user-ident div.user-basic-info a img:first-child,.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,dl.postdetails dl a img:first-child {
    -moz-box-shadow: 1px 1px 5px #9C9C9C;
    -webkit-box-shadow: 1px 1px 5px #000;
    box-shadow: 1px 1px 5px #9C9C9C
}

.menu {
    background: #202224;
    box-shadow: red 0 1px 5px;
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 54px;
    line-height: 35px;
    overflow-y: hidden;
    width: 100%;
    z-index: 999
}

#pun-logo > img:nth-child(1) {
    -webkit-transition: 1s all ease
}

#pun-logo > img:nth-child(1):hover {
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -webkit-transition: 1s all ease
}

.btn-discord {
    background: #d1c436!important;
    border-bottom: 4px solid #9c932c!important;
    border-radius: 2px;
    box-shadow: .8px .5px .5px .8px #9c932c;
    color: #fff!important;
    padding: 10px 150px
}

.btn-discord:hover {
    background: #b3a835!important;
    border-bottom: 4px solid #b3a835!important;
    border-radius: 2px;
    box-shadow: .8px .5px .5px .8px #b3a835;
    color: #fff!important;
    padding: 10px 150px
}

.button1:hover,.button2:hover,.button:hover,input[type="submit"]:hover {
    background-color: #000!important;
    border-bottom: 1px solid red;
    box-shadow: none!important
}

div.postbody-head.postdetails.post-header h3 a {
    font-size: 25px
}


E sim, é possível aumentar a da parte da seta verde até a linha verde, basta você pesquisar em sua folha de estilo a variável #wrap, e modificar o tamanho dela pelo width

E sobre à questão do ícone, você pode pegar pelo próprio título e adicionar ao lado do nome do título qualquer ícone, aqui está uma biblioteca de ícones: FontAwesome.

Observação: É importante que tenha o FontAwesome instalado em seu fórum, caso não saiba como instalar, queira olhar o nosso procedimento: Font Awesome no fórum

Observação ²: Sempre coloque ele depois do código {CSS} no overall_header.

Atenciosamente,
Wusthy.

[while]

Olá! saúdo a todos que acompanham esse tópico e que no futuro possam ver.

Tudo é possível, meu rapaz.

Sanando primeira dúvida:

Procure na sua folha de estilo CSS por:

Código:

.row:hover

Vai encontrar essa propriedade: border-left: 5px solid #00008B;
Troque o #0008B por red ou #FF0000, é o mesmo resultado.

Sanando segunda dúvida:

Procure na sua folha de estilo CSS por:

Código:

#wrap

Você deve encontrar uma propriedade assim: width: 80%!important;

Troque o 80% para 90%.

Pra sanar a terceira dúvida seria ideal você me dizer qual ícone... mas, olhe esse tópico: https://ajuda.forumeiros.com/t103208-tutorial-instalacao-do-font-awesome-no-forum

[Nexthy]

Foi tudo certinho, apenas o redimensionamento da página que não foi, estava em 85, coloquei 90, 95, 100 e até 130, e permaneceu do mesmo jeito, mas reduzindo a porcentagem ele diminuiu kkk

Para tirar dúvidas em relação a mensagem dentro de um tópico, é aconselhável a criação de outro tópico? Para ajudar outros caso tenham a mesma dúvida

[while]

Exatamente, é aconselhável que você crie um novo tópico visto que é apenas uma dúvida por tópico a ser sanada. Isso é mais para organização dos tópicos e do próprio fórum.

E a respeito de não alterar, talvez seja seu monitor, porque pra mim alterou e está em 130% nesse momento.

[Musashi]

Olá @Nexthy,

Andei testando alguns métodos em relação sobre o aumento do fórum e achei uma solução!

Modifique o código da variável #wrap para esse:

Código:

#wrap {
    box-shadow: 0 20px 20px #000!important;
    width: 93%!important;
    padding: 29px 63px;
}


Atenciosamente,
Wusthy.

[Nexthy]

Também não funcionou Testei em ambos os monitores com resoluções diferentes, incluindo full HD, e só diminui e não aumenta.

[Musashi]

@Nexthy,

Por organização, crie um tópico relacionado sobre tal questão para que nós consiga organizar o fórum, já que nossas regras de suporte permite somente a criação de Um tópico por dúvida

Atenciosamente,
Wusthy.

[while]

E que tal fazermos isso:

Procure por #wrap e você tentará achar max-width, você altera o valor dessa propriedade para ficar dessa maneira:

max-width: 93%important;

E nos diga como ficou.

[Lobs]

Tópico resolvido O autor do tópico foi banido, mas como apresentam-se soluções cabíveis para o problema, este tópico será arquivado.