Algumas questões de Code num novo Layout

Detalhes da questão

Endereço do fórum: http://bulbarpg.forumeiros.com
Versão do fórum: phpBB3

Descrição

Ola a todos ^^
Estou precisando de algumas ajudas pois mudei o layout do meu forum para um skin e assim, e surgiram alguns "erros" que eu, com o meu conhecimento muito limitado de HTML, não conseguem perceber xD

Vou deixar já o code CSS para ajudar:

Código:

/*Code, Spoiler y Quote*/
 .headerbar {
  background-image:url('https://i.imgur.com/cYHUr89.png');
  background-repeat: no-repeat;
  width: 926px;
  height: 450px;
  margin-top: -15px;
  margin-left: -5px;
}

dl.codebox {
background-color: #000000;
border-left: 10px solid #ffffff;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}


dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#ffffff;
text-align: left;
margin-bottom:3px;
text-transform:uppercase;
border-bottom:none;}

dl.codebox code {
color:#ffffff;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}


blockquote {
background-color: #000000;
background: url("url")
border-left: 10px solid #ffffff;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}

blockquote blockquote {
background-color: #000000;
background: url("url")
border-left: 10px solid #ffffff;
border-top:none;
border-right: none;
border-bottom: none;
padding: 5px;
}

.content blockquote {
color:#7a7a7a;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom: none;
}
#page-body p.page-bottom {
background: none repeat scroll center center #ffffff;
border-bottom: medium none;
display: inline-block;
font-size: 8px;
margin-left: 4px;
padding: 5px;
padding-top: 20px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0px;
max-height: 30px;
min-height: 30px;
width: 260px;
float: left;
}

p.right {
  padding-right: 25px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
}
#page-body ul.linklist {
  padding-right: 25px;
}
#page-body ul.linklist a {
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
}

a.nav {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
}

.pagination {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
  padding-right: 25px;
}

.module .h3 {
visibility:hidden;
}

#logo {
margin-left: -25px;
margin-top: -30px;
  
}

#wrap {
max-width: 910px;
min-width: 910px;
padding-left: 8px;
padding-right: 8px;
margin-bottom: -25px;
box-shadow: 2px 3px 4px #000000;
}

.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
background:#000000;
  color: #787878;
  display: inline-block;
  outline: medium none;
  padding:5px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
  border: 1px outset #787878;
}

.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
background: #000000;
  color: #787878;
  display: inline-block;
  outline: medium none;
  padding:5px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
  border: 1px outset #787878;
}

/****BARRA MENU****/

ul.navlinks {
border-bottom: none;
background-image:url("http://i.imgur.com/vSx6eQj.png");
display: block;
width: 1125px;
height: 58px;
padding-top: 20px;
margin-left: -120px;
margin-top: -19px;
}

/****LINKS MENU****/

a.mainmenu {
color: #ababab;
font-family: Economica;
text-transform: uppercase;
font-size: 15px;
font-weight: lighter;
margin: -5px;
margin-left: 0px;
margin-right: 0px;
padding: 1px;
}

a.mainmenu:hover {
color: #ababab;
-moz-transition: all 0.8s linear 0s;
-webkit-transition: all 0.8s linear 0s;
}

.mainmenu[href="/memberlist"] {
  margin-left: -15px;
}

/****BOTONES REMOVIDOS DE LA BARRA MENU****/

#search-box {
  display: none;
}


#page-footer .navbar {
font-size: 0px;
}

#stats .enlinea a.gensmall {
  display: none;
}

.user_login_form {
  display: none;
}

.signature_div img {
  max-height: 500px;
  max-width: 300px;
}
#cp-main .panel.sig {
  background: transparent;
}
.inputbox{
  border-color: transparent !important;
}
.edit {display:none;}
a.mainmenu[href="/faq"], a.mainmenu[href="/calendar"], a.mainmenu[href="/search"] {
display: none;
}
#page-footer a[href="/statistics"] {
display: none;
}
/****ICONOS LEYENDA****/

ul.forums .icon {
background-position: 25px 55% !important;
}

.basetexto {
  background: #000000;
  width: 380px;
  height: 90px;
  padding: 20px;
  margin-top: -10px;
  margin-left: 35px;
  font-size: 13px;
  text-align: justify;
  line-height: 100%;
}

.posimenu {
  margin-left: 4px;
  height: 120px;
  margin-top: -16px;
}

.menu5 a {
  display: block;
  width: 140px;
  background: #363636;
  text-align: center;
  line-height: 100%;
  color: #ababab;
  font-size: 8px;
  margin-bottom: 2px;
  text-transform: uppercase;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 700;
  letter-spacing: 1px;
  transition: all 0.5s ease-in-out;
}

.menu5 a:hover {
  box-shadow: inset 140px 0 0 #687D8E;
}
/****TITULO CABECERA CATEGORIA****/

.table-title h2 {
font-weight: bold;
color: #353535;
letter-spacing: 3px;
font-size: 12px;
text-transform: uppercase;
font-family: calibri;
}

#main-content {
margin-left: 30px;
}


/****FONDO CABECERA CATEGORIA****/

.forabg li.header {
width: 854px;
height: 60px;
padding-top: 15px;
padding-bottom: 10px;
background-color: #000000;
font-size: 0px;
}

.forabg li.header dd.dterm {
text-align: center;
width: 100%;
height: 10px;
padding-top: 35px;
padding-bottom: 35px;
margin-top: -10px;
}

.forabg ul.topiclist.forums li.row dd.dterm {
  width: 500px;
  height: 192px;
}

.forabg {
padding: 0px;
}

ul.forums {
width: 97%;
background-color: #191919;
padding-bottom: 20px;
padding-top: 20px;
}

ul.topiclist.topics.bg_none {
 background: #191919;
  width: 97%;
  padding-bottom: 20px;
}

ul.topiclist.pmlist.bg_none {
  background: #191919;
  width: 97%;
  padding-bottom: 20px;
}  
/****POST, MENSAJES  Y ULTIMOS TEMAS****/

.forabg li.row dd.lastpost {
width: 565px;
height: 10px;
position: relative;
color: #4B4A54;
text-transform: uppercase;
left: 141px;
font-size: 9px;
text-align: center;
padding-bottom: 12px;
padding-top: 10px;
top: -15px;
letter-spacing: 1px;
background-color: #000000;
}

dd.lastpost span.color-groups {
float: none;
display: inline-block;
}

dd.lastpost br {
display: none;
}

.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar  {
    border-color: transparent !important;
}

.sceditor-container iframe, .sceditor-container textarea{color: #000 !Important;}

.inputbox{
  border-color: transparent !important;
}

p.right.rightside + p {
     display:none;    
}
p.rightside {
  display: none;
}
p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
     display: block;
}

.forabg li.row dd.topics {
display: none;
}

.forabg li.row dd.posts {
display: none;
}

.forabg li.header dd.posts, .forabg li.header dd.topics, .forabg li.header dd.lastpost {
display: none;
}

/****SUB CATEGORIAS****/

.forumbg .header .icon {
width: 85%;
height: 50px;
text-align: right;
font-size: 10px;
text-transform: uppercase;
padding-top: 30px;
color: #504F52
background-color: #000000;
border-right: 102px solid #000000;
}

ul.topiclist li.header dd.views, ul.topiclist li.header dd.posts, ul.topiclist li.header dd.lastpost {
font-size: 0px;
}

/****LINKS DEL FORO****/

a.forumtitle {
display: block;
width: 545px;
padding-top: 10px;
padding-left: 20px;
font-size: 20px;
color: #504F52;
position: relative;
margin-left: 35px;
text-align: left;
font-weight: 700;
font-family: Jim Nightshade;
background: #000000;
border-bottom: 4px solid #000000;
}

a.forumtitle:hover {
text-decoration: none;
-moz-transition: all 0.6s linear 0s;
-webkit-transition: all 0.6s linear 0s;
}

/****LINKS SUBFOROS****/

a.topictitle:hover{
text-decoration: none;
color: #9D99A3;
text-shadow: 1px 2px 1px #000000;
letter-spacing: 1px;
-moz-transition: all 0.6s linear 0s;
-webkit-transition: all 0.6s linear 0s;
}

/****TITULOS, LINKS SUBFOROS Y BUSCAR****/

h1.page-title {
width: 842px;
height: 10px;
padding-top: 35px;
padding-bottom: 45px;
font-family: calibri;
font-size: 12px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: #353535;
text-align: center;
background-color: #000000;
}

#cp-main h1 {
  padding-top: 15px;
}

.topic-actions {
color: #4B4A54;
font-size: 12px;
text-align: center;
font-family: calibri;
}

.search-box {
visibility: hidden;
}
  
/****CAJA DEL MENSAJE****/

div.post {
width: 94%;
background-color: #191919;
padding-top: 15px;
}

.post {
  font-size: 11px;
}
.postbody .content {
  width: 560px;
  padding: 5px;
  text-align: justify;
  right: -39px;
  position: relative;
}
/****TITULO, AUTOR E ICONOS****/
.postbody .topic-title {
font-size: 11px;
font-family: calibri;
margin-left: 60px;
right: -39px;
position: relative;
}

p.author {
border-bottom: 4px solid #4B4A54;
width: 560px;
height: 15px;
margin-top: -1px;
right: -39px;
position: relative;
}

ul.profile-icons {
margin-top: 9px;
right: -39px;
position: relative;
}

/****PERFIL****/

.postprofile {
width: 190px;
margin-top: -0px;
margin-left: 2px;
text-align: center;
padding: 2px;
border-top: 15px solid #000000;
border-bottom: 12px solid #000000;
background-color: #000000;
}
span.content {
  background: #ffffff;
}
.postprofile dt a img {
  max-width: 190px;
  max-height: 300px;
  margin-left: -10px;
  margin-top: -15px;
}


.postprofile dt strong a {
text-transform: uppercase;
font-family: Economica;
font-size: 15px;
font-weight: lighter;
position: relative;
bottom: -10px;
}

.postprofile dd {
color: #ababab;
font-size: 10px;
font-family: calibri;
text-transform: uppercase;
text-align: left;
padding-left: 10px;
}

.postprofile dd a:hover img {
opacity: 1;
}
.postprofile dd a img {
opacity: 0.5;
}

/****MODULOS/WIDGETS****/

.module .h3 {
visibility: hidden;
}

.module {
background-color: #191919;
}

#left {
display:none;
}

#comments_scroll_container {
width: 200px;
padding: 2px;
font-family: calibri;
background-color: #252525;
border-top: 4px solid #818181;
margin-top: -35px;
}

/****ONLINE****/

.#stats {
width: 100%;
margin: 0 auto;
height: 350px;
}

#stats .estadisc {
  margin-top: 20px;
  margin-left: 10px;
}

#stats .enlinea {
  overflow-y: auto;
  text-align: left;
  display: inline-block;
  width: 300px;
  height: 220px;
  background: #191919;
  border-top: 20px solid #000000;
  border-bottom: 20px solid #000000;
  padding: 10px;
  margin-top: 40px;
  margin-left: 10px;
  margin-right: 13px;
  font-size: 10px;
  float: left;
}

#stats .grupos {
  overflow-y: auto;
  text-align: left;
  display: inline-block;
  width: 160px;
  height: 220px;
  background: #191919;
  border-top: 20px solid #000000;
  border-bottom: 20px solid #000000;
  padding: 10px;
  margin-top: 40px;
  margin-left: -10px;
  margin-right: 13px;
  font-size: 10px;
  float: left;
}

#stats .afiliados {
  overflow-y: auto;
  display: inline-block;
  width: 300px;
  height: 220px;
  background:url("https://i.imgur.com/BXV7Asx.png");
  border-top: 20px solid #000000;
  border-bottom: 20px solid #000000;
  padding: 10px;
  margin-top: 40px;
  margin-left: -10px;
  margin-right: 13px;
}

.enlinea #i_whosonline {
width: 0px;
}
p em {
  display: none;
}

.enlinea .h3 {
display: none;
}
.chatbox .h3 {
  display: none;
}

.estadisc .h3 {
  font-size: 0px;
}

/****CABECERA CHATBOX****/

div.page-bottom, #chatbox_popup, .h3 a[target="ChatBox"]{
display: none;
}

p.page-bottom + div.h3{
border: none;
}

/****LEYENDA****/

ul#picture_legend {
display: none;
}


/****SCROLL****/

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
display: none;
}

::-webkit-scrollbar{
width: 3px;
height: 5px;
}

::-webkit-scrollbar-track-piece {
background-color: #504F52;
}

::-webkit-scrollbar-thumb:vertical {
width: 3px;
height: 5px;
background-color: #ffffff;
}

/****FONTS SKIN****/

@font-face {
font-family: 'Trade Winds';
font-style: normal;
font-weight: 400;
src: local('Trade Winds'), local('TradeWinds'), url(http://themes.googleusercontent.com/static/fonts/tradewinds/v2/P7L1H4TWVDNJivDGg_--QIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
font-family: 'Andika';
font-style: normal;
font-weight: 400;
src: local('Andika'), url(http://themes.googleusercontent.com/static/fonts/andika/v3/7oCWhqd1EPSqB7_cG3_eAA.woff) format('woff');
}

@font-face {
font-family: 'Denk One';
font-style: normal;
font-weight: 400;
src: local('Denk One'), local('DenkOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/denkone/v1/ahLepySZXU_KFQaVZ6XDvPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
font-family: 'Neucha';
font-style: normal;
font-weight: 400;
src: local('Neucha'), url(http://themes.googleusercontent.com/static/fonts/neucha/v4/Z14xx5NkAnXABtaPytVZVA.woff) format('woff');
}

@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 400;
  src: local('Economica'), local('Economica-Regular'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/jObgDQiPUtmACAaaK3pMGz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 700;
  src: local('Economica Bold'), local('Economica-Bold'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/UK4l2VEpwjv3gdcwbwXE9HhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

#login_popup_background{
background-color:transparent;border: 0px;border-style: none;
}

#login_popup_background .box-content {
background-color:transparent;border: 0px;border-style: none;
}

#login_popup_title{
visibility:hidden;background-color:transparent;border: 0px;border-style: none;
}

#login_popup_content{
background-color:transparent;border: 0px;border-style: none;
}
#login_popup{
background-color:transparent;border: 0px;border-style: none;
}

#login_popup_buttons{
visibility:hidden;
}


/*Efecto para los afiliados*/

#directorio img {
  width: 100px;
  height: 50px;
  margin: 2px;
  opacity: 0.8;
}

#elite img {
  width: 50px;
  height: 50px;
  margin: 2px;
  opacity: 0.8;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}


.colorpicker {
   width: 356px;
   height: 176px;
   overflow: hidden;
   position: absolute;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png) !important;
   font-family: Arial, Helvetica, sans-serif;
   display: none;
   padding: 0 !important;    
}
.colorpicker.dark{
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png) !important;
}
.colorpicker_color {
   width: 150px;
   height: 150px;
   left: 14px;
   top: 13px;
   position: absolute;
   background: #f00;
   overflow: hidden;
   cursor: crosshair;
}
.colorpicker_color div {
   position: absolute;
   top: 0;
   left: 0;
   width: 150px;
   height: 150px;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
   position: absolute;
   top: 0;
   left: 0;
   width: 11px;
   height: 11px;
   overflow: hidden;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
   margin: -5px 0 0 -5px;
}
.colorpicker_hue {
   position: absolute;
   top: 13px;
   left: 171px;
   width: 35px;
   height: 150px;
   cursor: n-resize;
}
.colorpicker_hue div {
   position: absolute;
   width: 35px;
   height: 9px;
   overflow: hidden;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
   margin: -4px 0 0 0;
   left: 0px;
}
.colorpicker_new_color {
   position: absolute;
   width: 60px;
   height: 30px;
   left: 213px;
   top: 13px;
   background: #f00;
}
.colorpicker_current_color {
   position: absolute;
   width: 60px;
   height: 30px;
   left: 283px;
   top: 13px;
   background: #f00;
}
.colorpicker input {
   background-color: transparent;
   border: 1px solid transparent;
   position: absolute;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   color: #898989;
   top: 4px;
   right: 11px;
   text-align: right;
   margin: 0;
   padding: 0 !important;
   height: 11px;
}
.colorpicker_hex {
   position: absolute;
   width: 72px;
   height: 22px;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
   left: 212px;
   top: 142px;
}
.colorpicker.dark .colorpicker_hex {
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
   right: 6px;
}
.colorpicker_field {
   height: 22px;
   width: 62px;
   background-position: top;
   position: absolute;
}
.colorpicker_field span {
   position: absolute;
   width: 12px;
   height: 22px;
   overflow: hidden;
   top: 0;
   right: 0;
   cursor: n-resize;
}
.colorpicker_rgb_r {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
   top: 52px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
   top: 82px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
   top: 112px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
 display: none;
}
.colorpicker_submit {
 position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
 width: 48px;
 height: 50px;
    top: 118px;  
 overflow: hidden;
}
.colorpicker_focus {
   background-position: center;
}
.colorpicker_hex.colorpicker_focus {
   background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
   background-position: bottom;
}
.colorpicker_slider {
   background-position: bottom;
}
.colorpicker { z-index: 3; }
#chatbox_ret_cont{
 z-index: 999;
 background-color: transparent;
 position: fixed;
 bottom: 0;
}
#chatbox_ret_cont.chatbox_derecha{
 right: 0;
}
#chatbox_ret_cont.chatbox_izquierda{
 left: 0;
}
#chatbox_ret_cont div{
 cursor: pointer;
}
#chatbox_ret_cont iframe#chatbox_ret{
 background-color: white;
 display: none;
 height: 350px;
 margin-bottom: 0;
 width: 800px;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  color: #9D99A3;
}
#chatbox_header{background-color: #000000;}
#chatbox_footer{background-color: #000000;}
.chatbox-title, .chatbox-title a.chat-title {font-size: 0px;}
  
.grupo1 {text-align: center; background: #FF5900; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo2 {text-align: center; background: #099C13; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo3 {text-align: center; background: #F0DE18; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo4 {text-align: center; background: #006BDE; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo5 {text-align: center; background: #999999; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo6 {text-align: center; background: #C2388B; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo7 {text-align: center; background: #B81616; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo8 {text-align: center; background: #7C44F5; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo9 {text-align: center; background: #18BAF5; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin Regular'), local('Cabin-Regular'), url(http://fonts.gstatic.com/s/cabin/v7/YW3SmFCeLOkefBVkMNxbtw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: local('Cabin Medium'), local('Cabin-Medium'), url(http://fonts.gstatic.com/s/cabin/v7/XHvvZj_uvRvYentxl9M1VhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: local('Cabin SemiBold'), local('Cabin-SemiBold'), url(http://fonts.gstatic.com/s/cabin/v7/pOvYyCQeTTtw6RxdlpulShTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: local('Cabin Bold'), local('Cabin-Bold'), url(http://fonts.gstatic.com/s/cabin/v7/82B-3YlzWJm8zbCrVEmc_hTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: local('Cabin Italic'), local('Cabin-Italic'), url(http://fonts.gstatic.com/s/cabin/v7/6rRVd2AaRJ0MqBftQKms6vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.colorpicker {
   width: 356px;
   height: 176px;
   overflow: hidden;
   position: absolute;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png) !important;
   font-family: Arial, Helvetica, sans-serif;
   display: none;
   padding: 0 !important;    
}
.colorpicker.dark{
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png) !important;
}
.colorpicker_color {
   width: 150px;
   height: 150px;
   left: 14px;
   top: 13px;
   position: absolute;
   background: #f00;
   overflow: hidden;
   cursor: crosshair;
}
.colorpicker_color div {
   position: absolute;
   top: 0;
   left: 0;
   width: 150px;
   height: 150px;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
   position: absolute;
   top: 0;
   left: 0;
   width: 11px;
   height: 11px;
   overflow: hidden;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
   margin: -5px 0 0 -5px;
}
.colorpicker_hue {
   position: absolute;
   top: 13px;
   left: 171px;
   width: 35px;
   height: 150px;
   cursor: n-resize;
}
.colorpicker_hue div {
   position: absolute;
   width: 35px;
   height: 9px;
   overflow: hidden;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
   margin: -4px 0 0 0;
   left: 0px;
}
.colorpicker_new_color {
   position: absolute;
   width: 60px;
   height: 30px;
   left: 213px;
   top: 13px;
   background: #f00;
}
.colorpicker_current_color {
   position: absolute;
   width: 60px;
   height: 30px;
   left: 283px;
   top: 13px;
   background: #f00;
}
.colorpicker input {
   background-color: transparent;
   border: 1px solid transparent;
   position: absolute;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   color: #898989;
   top: 4px;
   right: 11px;
   text-align: right;
   margin: 0;
   padding: 0 !important;
   height: 11px;
}
.colorpicker_hex {
   position: absolute;
   width: 72px;
   height: 22px;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
   left: 212px;
   top: 142px;
}
.colorpicker.dark .colorpicker_hex {
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
   right: 6px;
}
.colorpicker_field {
   height: 22px;
   width: 62px;
   background-position: top;
   position: absolute;
}
.colorpicker_field span {
   position: absolute;
   width: 12px;
   height: 22px;
   overflow: hidden;
   top: 0;
   right: 0;
   cursor: n-resize;
}
.colorpicker_rgb_r {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
   top: 52px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
   top: 82px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
   top: 112px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
 display: none;
}
.colorpicker_submit {
 position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
 width: 48px;
 height: 50px;
    top: 118px;  
 overflow: hidden;
}
.colorpicker_focus {
   background-position: center;
}
.colorpicker_hex.colorpicker_focus {
   background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
   background-position: bottom;
}
.colorpicker_slider {
   background-position: bottom;
}
.colorpicker { z-index: 3; }

p em {
    color: #ffffff;
    display: block;
    line-height: 100%;
    margin: 0 0 0 75px;
    width: 500px;
}

Primeiro que tudo, se conseguissem reduzir o tamanho do Code CSS e eliminar coisas que não afetam, seria fantastico, mas não é essa a questão deste topico

O mais grave de momento é isto:
Não consigo encontrar e perceber porque isto esta a acontecer.  No menu de "novas mensagens desde a sua ultima visita" surge essa barra preta por cima dos títulos que oculta algumas informações. Para além disso, parece não estar centrado e/ou incompleto :/
A imagem de classificação do topico (no exemplo acima a que diz "PokeTalk" e "Route" anteriormente tb fazia este erro, mas eu movia-a para a direita para evitar ficar por baixo do texto, mas agora não consigo fazer isso :/

Outros erros ligeiros:
-- O texto dentro de um Spoiler não possui grandes diferenças entre o tipo de texto normal e aquele que esta a Negrito. À possibilidade de personalizar o Negrito dentro de um spoiler (seja mudar a cor, reforçar no bold, etc)?

-- Perfil dos membros nas mensagens não se encontra centrado como estava antes. O que devo editar ou acrescentar para ele ficar centralizado? :/

-- Grupos dos membros - À possibilidade de tornar os "retangulos" dos grupos mais baixos e também que seja possivel clicar neles e ir para os grupos? Neste momento é só uma legenda com cores

Penso que para já é tudo.
Muito obrigado a quem quiser ajudar. Muito mesmo

Olá, acessei vosso fórum e ele me parece normal em muitos dos aspectos informados.

Não vi problemas quanto aos sub-foruns e perfil nas mensagens. Demais informações não cheguei a procurar, o spoiler por exemplo.

Poderia fornecer um link que direcione para locais onde os problemas ocorrem?

Olá,
Como dito pelo usuário acima, os erros não são apresentados quando entramos no seu fórum. Creio que os erros são visíveis apenas para membros registrados no fórum. Poderia, por favor, fornecer-me os seguintes itens?

× Conta de Teste.
× Link que direcione aos devidos erros.

E gostaria de lhe fazer uma pergunta.
Esses erros, antes do código CSS ser implementado, já eram visíveis?

Edit:
Em relação ao quote, eu fiz uma breve visualização do código e encontrei a parte que afeta o Quote. Tente trocar o código por esse:

Código:


/*Code, Spoiler y Quote*/
 .headerbar {
  background-image:url('https://i.imgur.com/cYHUr89.png');
  background-repeat: no-repeat;
  width: 926px;
  height: 450px;
  margin-top: -15px;
  margin-left: -5px;
}
 
dl.codebox {
background-color: #000000;
border-left: 10px solid #ffffff;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}
 
 
dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#ffffff;
text-align: left;
margin-bottom:3px;
text-transform:uppercase;
border-bottom:none;}
 
dl.codebox code {
color:#ffffff;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}
 
.content blockquote {
color:#7a7a7a;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom: none;
}
#page-body p.page-bottom {
background: none repeat scroll center center #ffffff;
border-bottom: medium none;
display: inline-block;
font-size: 8px;
margin-left: 4px;
padding: 5px;
padding-top: 20px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0px;
max-height: 30px;
min-height: 30px;
width: 260px;
float: left;
}
 
p.right {
  padding-right: 25px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
}
#page-body ul.linklist {
  padding-right: 25px;
}
#page-body ul.linklist a {
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
}
 
a.nav {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
}
 
.pagination {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
  padding-right: 25px;
}
 
.module .h3 {
visibility:hidden;
}
 
#logo {
margin-left: -25px;
margin-top: -30px;
 
}
 
#wrap {
max-width: 910px;
min-width: 910px;
padding-left: 8px;
padding-right: 8px;
margin-bottom: -25px;
box-shadow: 2px 3px 4px #000000;
}
 
.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
background:#000000;
  color: #787878;
  display: inline-block;
  outline: medium none;
  padding:5px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
  border: 1px outset #787878;
}
 
.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
background: #000000;
  color: #787878;
  display: inline-block;
  outline: medium none;
  padding:5px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
  border: 1px outset #787878;
}
 
/****BARRA MENU****/
 
ul.navlinks {
border-bottom: none;
background-image:url("http://i.imgur.com/vSx6eQj.png");
display: block;
width: 1125px;
height: 58px;
padding-top: 20px;
margin-left: -120px;
margin-top: -19px;
}
 
/****LINKS MENU****/
 
a.mainmenu {
color: #ababab;
font-family: Economica;
text-transform: uppercase;
font-size: 15px;
font-weight: lighter;
margin: -5px;
margin-left: 0px;
margin-right: 0px;
padding: 1px;
}
 
a.mainmenu:hover {
color: #ababab;
-moz-transition: all 0.8s linear 0s;
-webkit-transition: all 0.8s linear 0s;
}
 
.mainmenu[href="/memberlist"] {
  margin-left: -15px;
}
 
/****BOTONES REMOVIDOS DE LA BARRA MENU****/
 
#search-box {
  display: none;
}
 
 
#page-footer .navbar {
font-size: 0px;
}
 
#stats .enlinea a.gensmall {
  display: none;
}
 
.user_login_form {
  display: none;
}
 
.signature_div img {
  max-height: 500px;
  max-width: 300px;
}
#cp-main .panel.sig {
  background: transparent;
}
.inputbox{
  border-color: transparent !important;
}
.edit {display:none;}
a.mainmenu[href="/faq"], a.mainmenu[href="/calendar"], a.mainmenu[href="/search"] {
display: none;
}
#page-footer a[href="/statistics"] {
display: none;
}
/****ICONOS LEYENDA****/
 
ul.forums .icon {
background-position: 25px 55% !important;
}
 
.basetexto {
  background: #000000;
  width: 380px;
  height: 90px;
  padding: 20px;
  margin-top: -10px;
  margin-left: 35px;
  font-size: 13px;
  text-align: justify;
  line-height: 100%;
}
 
.posimenu {
  margin-left: 4px;
  height: 120px;
  margin-top: -16px;
}
 
.menu5 a {
  display: block;
  width: 140px;
  background: #363636;
  text-align: center;
  line-height: 100%;
  color: #ababab;
  font-size: 8px;
  margin-bottom: 2px;
  text-transform: uppercase;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 700;
  letter-spacing: 1px;
  transition: all 0.5s ease-in-out;
}
 
.menu5 a:hover {
  box-shadow: inset 140px 0 0 #687D8E;
}
/****TITULO CABECERA CATEGORIA****/
 
.table-title h2 {
font-weight: bold;
color: #353535;
letter-spacing: 3px;
font-size: 12px;
text-transform: uppercase;
font-family: calibri;
}
 
#main-content {
margin-left: 30px;
}
 
 
/****FONDO CABECERA CATEGORIA****/
 
.forabg li.header {
width: 854px;
height: 60px;
padding-top: 15px;
padding-bottom: 10px;
background-color: #000000;
font-size: 0px;
}
 
.forabg li.header dd.dterm {
text-align: center;
width: 100%;
height: 10px;
padding-top: 35px;
padding-bottom: 35px;
margin-top: -10px;
}
 
.forabg ul.topiclist.forums li.row dd.dterm {
  width: 500px;
  height: 192px;
}
 
.forabg {
padding: 0px;
}
 
ul.forums {
width: 97%;
background-color: #191919;
padding-bottom: 20px;
padding-top: 20px;
}
 
ul.topiclist.topics.bg_none {
 background: #191919;
  width: 97%;
  padding-bottom: 20px;
}
 
ul.topiclist.pmlist.bg_none {
  background: #191919;
  width: 97%;
  padding-bottom: 20px;
}
/****POST, MENSAJES  Y ULTIMOS TEMAS****/
 
.forabg li.row dd.lastpost {
width: 565px;
height: 10px;
position: relative;
color: #4B4A54;
text-transform: uppercase;
left: 141px;
font-size: 9px;
text-align: center;
padding-bottom: 12px;
padding-top: 10px;
top: -15px;
letter-spacing: 1px;
background-color: #000000;
}
 
dd.lastpost span.color-groups {
float: none;
display: inline-block;
}
 
dd.lastpost br {
display: none;
}
 
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar  {
    border-color: transparent !important;
}
 
.sceditor-container iframe, .sceditor-container textarea{color: #000 !Important;}
 
.inputbox{
  border-color: transparent !important;
}
 
p.right.rightside + p {
    display:none; 
}
p.rightside {
  display: none;
}
p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
    display: block;
}
 
.forabg li.row dd.topics {
display: none;
}
 
.forabg li.row dd.posts {
display: none;
}
 
.forabg li.header dd.posts, .forabg li.header dd.topics, .forabg li.header dd.lastpost {
display: none;
}
 
/****SUB CATEGORIAS****/
 
.forumbg .header .icon {
width: 85%;
height: 50px;
text-align: right;
font-size: 10px;
text-transform: uppercase;
padding-top: 30px;
color: #504F52
background-color: #000000;
border-right: 102px solid #000000;
}
 
ul.topiclist li.header dd.views, ul.topiclist li.header dd.posts, ul.topiclist li.header dd.lastpost {
font-size: 0px;
}
 
/****LINKS DEL FORO****/
 
a.forumtitle {
display: block;
width: 545px;
padding-top: 10px;
padding-left: 20px;
font-size: 20px;
color: #504F52;
position: relative;
margin-left: 35px;
text-align: left;
font-weight: 700;
font-family: Jim Nightshade;
background: #000000;
border-bottom: 4px solid #000000;
}
 
a.forumtitle:hover {
text-decoration: none;
-moz-transition: all 0.6s linear 0s;
-webkit-transition: all 0.6s linear 0s;
}
 
/****LINKS SUBFOROS****/
 
a.topictitle:hover{
text-decoration: none;
color: #9D99A3;
text-shadow: 1px 2px 1px #000000;
letter-spacing: 1px;
-moz-transition: all 0.6s linear 0s;
-webkit-transition: all 0.6s linear 0s;
}
 
/****TITULOS, LINKS SUBFOROS Y BUSCAR****/
 
h1.page-title {
width: 842px;
height: 10px;
padding-top: 35px;
padding-bottom: 45px;
font-family: calibri;
font-size: 12px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: #353535;
text-align: center;
background-color: #000000;
}
 
#cp-main h1 {
  padding-top: 15px;
}
 
.topic-actions {
color: #4B4A54;
font-size: 12px;
text-align: center;
font-family: calibri;
}
 
.search-box {
visibility: hidden;
}
 
/****CAJA DEL MENSAJE****/
 
div.post {
width: 94%;
background-color: #191919;
padding-top: 15px;
}
 
.post {
  font-size: 11px;
}
.postbody .content {
  width: 560px;
  padding: 5px;
  text-align: justify;
  right: -39px;
  position: relative;
}
/****TITULO, AUTOR E ICONOS****/
.postbody .topic-title {
font-size: 11px;
font-family: calibri;
margin-left: 60px;
right: -39px;
position: relative;
}
 
p.author {
border-bottom: 4px solid #4B4A54;
width: 560px;
height: 15px;
margin-top: -1px;
right: -39px;
position: relative;
}
 
ul.profile-icons {
margin-top: 9px;
right: -39px;
position: relative;
}
 
/****PERFIL****/
 
.postprofile {
width: 190px;
margin-top: -0px;
margin-left: 2px;
text-align: center;
padding: 2px;
border-top: 15px solid #000000;
border-bottom: 12px solid #000000;
background-color: #000000;
}
span.content {
  background: #ffffff;
}
.postprofile dt a img {
  max-width: 190px;
  max-height: 300px;
  margin-left: -10px;
  margin-top: -15px;
}
 
 
.postprofile dt strong a {
text-transform: uppercase;
font-family: Economica;
font-size: 15px;
font-weight: lighter;
position: relative;
bottom: -10px;
}
 
.postprofile dd {
color: #ababab;
font-size: 10px;
font-family: calibri;
text-transform: uppercase;
text-align: left;
padding-left: 10px;
}
 
.postprofile dd a:hover img {
opacity: 1;
}
.postprofile dd a img {
opacity: 0.5;
}
 
/****MODULOS/WIDGETS****/
 
.module .h3 {
visibility: hidden;
}
 
.module {
background-color: #191919;
}
 
#left {
display:none;
}
 
#comments_scroll_container {
width: 200px;
padding: 2px;
font-family: calibri;
background-color: #252525;
border-top: 4px solid #818181;
margin-top: -35px;
}
 
/****ONLINE****/
 
.#stats {
width: 100%;
margin: 0 auto;
height: 350px;
}
 
#stats .estadisc {
  margin-top: 20px;
  margin-left: 10px;
}
 
#stats .enlinea {
  overflow-y: auto;
  text-align: left;
  display: inline-block;
  width: 300px;
  height: 220px;
  background: #191919;
  border-top: 20px solid #000000;
  border-bottom: 20px solid #000000;
  padding: 10px;
  margin-top: 40px;
  margin-left: 10px;
  margin-right: 13px;
  font-size: 10px;
  float: left;
}
 
#stats .grupos {
  overflow-y: auto;
  text-align: left;
  display: inline-block;
  width: 160px;
  height: 220px;
  background: #191919;
  border-top: 20px solid #000000;
  border-bottom: 20px solid #000000;
  padding: 10px;
  margin-top: 40px;
  margin-left: -10px;
  margin-right: 13px;
  font-size: 10px;
  float: left;
}
 
#stats .afiliados {
  overflow-y: auto;
  display: inline-block;
  width: 300px;
  height: 220px;
  background:url("https://i.imgur.com/BXV7Asx.png");
  border-top: 20px solid #000000;
  border-bottom: 20px solid #000000;
  padding: 10px;
  margin-top: 40px;
  margin-left: -10px;
  margin-right: 13px;
}
 
.enlinea #i_whosonline {
width: 0px;
}
p em {
  display: none;
}
 
.enlinea .h3 {
display: none;
}
.chatbox .h3 {
  display: none;
}
 
.estadisc .h3 {
  font-size: 0px;
}
 
/****CABECERA CHATBOX****/
 
div.page-bottom, #chatbox_popup, .h3 a[target="ChatBox"]{
display: none;
}
 
p.page-bottom + div.h3{
border: none;
}
 
/****LEYENDA****/
 
ul#picture_legend {
display: none;
}
 
 
/****SCROLL****/
 
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
display: none;
}
 
::-webkit-scrollbar{
width: 3px;
height: 5px;
}
 
::-webkit-scrollbar-track-piece {
background-color: #504F52;
}
 
::-webkit-scrollbar-thumb:vertical {
width: 3px;
height: 5px;
background-color: #ffffff;
}
 
/****FONTS SKIN****/
 
@font-face {
font-family: 'Trade Winds';
font-style: normal;
font-weight: 400;
src: local('Trade Winds'), local('TradeWinds'), url(http://themes.googleusercontent.com/static/fonts/tradewinds/v2/P7L1H4TWVDNJivDGg_--QIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
 
@font-face {
font-family: 'Andika';
font-style: normal;
font-weight: 400;
src: local('Andika'), url(http://themes.googleusercontent.com/static/fonts/andika/v3/7oCWhqd1EPSqB7_cG3_eAA.woff) format('woff');
}
 
@font-face {
font-family: 'Denk One';
font-style: normal;
font-weight: 400;
src: local('Denk One'), local('DenkOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/denkone/v1/ahLepySZXU_KFQaVZ6XDvPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
 
@font-face {
font-family: 'Neucha';
font-style: normal;
font-weight: 400;
src: local('Neucha'), url(http://themes.googleusercontent.com/static/fonts/neucha/v4/Z14xx5NkAnXABtaPytVZVA.woff) format('woff');
}
 
@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 400;
  src: local('Economica'), local('Economica-Regular'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/jObgDQiPUtmACAaaK3pMGz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 700;
  src: local('Economica Bold'), local('Economica-Bold'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/UK4l2VEpwjv3gdcwbwXE9HhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
 
#login_popup_background{
background-color:transparent;border: 0px;border-style: none;
}
 
#login_popup_background .box-content {
background-color:transparent;border: 0px;border-style: none;
}
 
#login_popup_title{
visibility:hidden;background-color:transparent;border: 0px;border-style: none;
}
 
#login_popup_content{
background-color:transparent;border: 0px;border-style: none;
}
#login_popup{
background-color:transparent;border: 0px;border-style: none;
}
 
#login_popup_buttons{
visibility:hidden;
}
 
 
/*Efecto para los afiliados*/
 
#directorio img {
  width: 100px;
  height: 50px;
  margin: 2px;
  opacity: 0.8;
}
 
#elite img {
  width: 50px;
  height: 50px;
  margin: 2px;
  opacity: 0.8;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
 
 
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png) !important;
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  padding: 0 !important; 
}
.colorpicker.dark{
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png) !important;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0 !important;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker.dark .colorpicker_hex {
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
  top: 52px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
  top: 82px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
  top: 112px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
 display: none;
}
.colorpicker_submit {
 position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
 width: 48px;
 height: 50px;
    top: 118px;
 overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
.colorpicker { z-index: 3; }
#chatbox_ret_cont{
 z-index: 999;
 background-color: transparent;
 position: fixed;
 bottom: 0;
}
#chatbox_ret_cont.chatbox_derecha{
 right: 0;
}
#chatbox_ret_cont.chatbox_izquierda{
 left: 0;
}
#chatbox_ret_cont div{
 cursor: pointer;
}
#chatbox_ret_cont iframe#chatbox_ret{
 background-color: white;
 display: none;
 height: 350px;
 margin-bottom: 0;
 width: 800px;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  color: #9D99A3;
}
#chatbox_header{background-color: #000000;}
#chatbox_footer{background-color: #000000;}
.chatbox-title, .chatbox-title a.chat-title {font-size: 0px;}
 
.grupo1 {text-align: center; background: #FF5900; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo2 {text-align: center; background: #099C13; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo3 {text-align: center; background: #F0DE18; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo4 {text-align: center; background: #006BDE; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo5 {text-align: center; background: #999999; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo6 {text-align: center; background: #C2388B; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo7 {text-align: center; background: #B81616; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo8 {text-align: center; background: #7C44F5; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo9 {text-align: center; background: #18BAF5; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin Regular'), local('Cabin-Regular'), url(http://fonts.gstatic.com/s/cabin/v7/YW3SmFCeLOkefBVkMNxbtw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: local('Cabin Medium'), local('Cabin-Medium'), url(http://fonts.gstatic.com/s/cabin/v7/XHvvZj_uvRvYentxl9M1VhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: local('Cabin SemiBold'), local('Cabin-SemiBold'), url(http://fonts.gstatic.com/s/cabin/v7/pOvYyCQeTTtw6RxdlpulShTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: local('Cabin Bold'), local('Cabin-Bold'), url(http://fonts.gstatic.com/s/cabin/v7/82B-3YlzWJm8zbCrVEmc_hTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: local('Cabin Italic'), local('Cabin-Italic'), url(http://fonts.gstatic.com/s/cabin/v7/6rRVd2AaRJ0MqBftQKms6vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
 
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png) !important;
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  padding: 0 !important; 
}
.colorpicker.dark{
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png) !important;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0 !important;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker.dark .colorpicker_hex {
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
  top: 52px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
  top: 82px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
  top: 112px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
 display: none;
}
.colorpicker_submit {
 position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
 width: 48px;
 height: 50px;
    top: 118px;
 overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
.colorpicker { z-index: 3; }
 
p em {
    color: #ffffff;
    display: block;
    line-height: 100%;
    margin: 0 0 0 75px;
    width: 500px;
}

Resulta e/ou fica no seu agrado?
Fico no aguardo.
o/

Peço imensa desculpa, pensei que o membro tinha colocado aqui alguma resposta ^^
Um membro daqui do forum viu o pedido e entrou no meu forum e foi me ajudando pelo chat.

Obrigado a todos os que perderam o seu tempo e agradeço a rápida resposta
Penso que para já esta tudo certo sim.