Problema de com aparência dos fóruns e sub fóruns

4 participantes

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

Tópico resolvido Problema de com aparência dos fóruns e sub fóruns

Mensagem por Dhymitria 25.06.17 15:18

Detalhes da questão


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

Descrição


Bom dia.

Ao trocar o css do meu fórum ,notei um desalinhamento nos fóruns e sub fóruns e não consigo encontrar onde editar no css para arrumar. Poderiam me ajudar?

Está assim:
http://prntscr.com/fnygyv

Deveria ficar assim:
http://prntscr.com/fnyh5o

Desde já, obrigada.

Dhymitria

Dhymitria
Novo Membro

Membro desde : 21/01/2015
Mensagens : 23
Pontos : 33

http://saintbattleofgods.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema de com aparência dos fóruns e sub fóruns

Mensagem por Harleen 25.06.17 15:24

Bom dia!

Poderia passar o CSS antigo e o que a senhorita está usando agora, para que eu possa ver o erro.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'.
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema de com aparência dos fóruns e sub fóruns

Mensagem por Dhymitria 26.06.17 1:15

Estou enviando os dois CSS

Antigo

Código:
ul.linklist li a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
ul.linklist a img:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

/************FONTES****************/

@font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 400;
src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url('http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

@font-face {
  font-family: 'Wire One';
  font-style: normal;
  font-weight: 400;
  src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

 @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
 
@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }

/************FIM DAS FONTES****************/

.postbody .content {
text-align:justify;
  padding:60px;
}
.chatbox .post {
background-color:#030303;
  border-bottom:none;
    padding:1px;
}
#chatbox_footer {
background-color: transparent;
}
.chatbox_row_1 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }
.chatbox_row_2 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }
.chatbox_row_3 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }

#content-container div#left {
background:url('');
  top: 0;
left: 0;
}
.reck {
  text-align:center;
  text-transform:none;
  align:center;
  float:center;
    margin-top:150px;
  height:150px;
  background-color:#07080F;
  border-bottom: 4px solid #160101;
  color:#BCBCBC;
}
.rck {
    text-align:center;
    align:center;
    text-transform:none;
    padding-top:150px;
  float:center;
    margin-top:150px;
  font-family:tulpen one;
  font-size:50px;
  color:#bcbcbc;
}
.forabg li.row dd.topics {
background: #070303;
position: relative;
  padding-left:0px;
  padding-right:0px;
left: 53px;
bottom: -30px;
width: 87px;
padding-bottom: 10px;
height: 11px;
font-size: 9px;
text-transform: uppercase;
}
.forabg li.row dd.posts {
background: #070303;
position: relative;
left: 59px;
    padding-left:0px;
  padding-right:0px;
bottom: -30px;
width: 87px;
height: 11px;
font-size: 9px;
padding-bottom: 10px;
text-transform: uppercase;
}
.forabg li.row dd.lastpost {
  text-align:left;
  text-transform:uppercase;
  font-family:tahoma;
  font-size:10px;
border-bottom: 10px solid #070303;
  border-right: 10px solid #070303;
  border-left: 10px solid #070303;
  border-top: 30px solid #070303;
width: 175px;
margin-left: 35px;
  margin-top:0px;
background-color: #070303;
padding: 7px !important;
padding-top: 35px !important;
box-shadow: 0px 0px 5px black;
}
::-webkit-scrollbar {width: 8px;height: 13px;background-color: #07080F;}
::-webkit-scrollbar-thumb{background-color: #662630;} 
.module {
text-align:center;
  background-color:transparent;
}
.module .h3 {
visibility:hidden;
}
.module .h3 {
visibility:hidden;
display: none;
}
li.header dd, li.header dt {
margin-top: 10px;
text-align: center;
}
.module .h3 {
visibility:hidden;
}
a.mainmenu {
background-color:
transparent;
padding: 3px;
margin-top: 30px!important;
margin-right: -8px !important;
font-weight: 400!important;
font-family: helvetica,Serif !important;
font-size: 11px;
color:
#A1A1A1;
width: 880px;
text-transform: uppercase;
border-bottom: 3px solid
#61141;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
a.mainmenu:hover {
background-color:
transparent;
padding: 3px;
margin-top: 30px!important;
margin-right: -8px !important;
font-weight: 400!important;
font-family: helvetica,Serif !important;
font-size: 11px;
  color:transparent;
text-shadow: 0px 0px 1px #A1A1A;
width: 880px;
text-transform: uppercase;
border-bottom: 3px solid
#62630;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.module .h3 {
visibility:hidden;
}
#textarea_content {   
margin-top: 3px;
}
#chatbox {
  background-color:#000000;
}
.chatbox-members{
background-color:#000000;
}
#chatbox_header {
background-color:transparent;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}
.opacity div {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac div {
  opacity:0.8;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac:hover div {
  opacity:0.8;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opacity:hover div {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.opac {
  opacity:0.1;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac:hover {
  opacity:0.9;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#wrap {
background-color: #000000;
border: 4px solid #;
box-shadow: 0 0 10px 2px #000000;
}
p {
overflow: auto;
max-height: 300px;
display: block;
margin: auto;
text-transform: uppercase;
font-size: 9px;
}
.h3 {
font-size: 12px;
text-transform: uppercase;
text-align: left;
text-shadow: 1px 1px 1px #000000;
letter-spacing: 0px;}
li.header dl.icon {
height: 42px;
  background-color:#3B0F0F;
  border-bottom: 0px dotted #120707;
  background-repeat:repeat;
font-family:arial;
letter-spacing: 2px;
padding: 10px 6px 0px;
font-size: 8px;
text-align: center;
text-shadow: 0 2px 2px black;
text-transform: uppercase;
vertical-align: middle;
}
  .table-title h2 {
color: #BDBDBD;
  text-shadow: 1px 1px 1px #000000;
font-family: amatic sc;
font-size: 32px;
letter-spacing: 4px;
font-style: normal;
text-transform: uppercase;
}
ul.forums {
background: #030303;
    margin-top:-0px;
background-repeat: repeat-yes;
border-radius: 0px 0px 0px 0px;
border-bottom: 8px solid #3B0F0F;
  box-shadow:0px 2px 8px #000000;
}
.desc9 {
  border-bottom:10px solid #070303;
  border-right: 10px solid #070303;
  border-radius: 100px 0px 0px 100px;
 background-color:#120707;
background-repeat: repeat;
  text-transform:uppercase;
color: #565656;
  font-family:arial;
display: block;
font-size: 9.5px;
line-height: 100%;
margin-left: 70px;
margin-top: 5px;
padding: 10px;
text-align: justify;
text-shadow: 0px 0px 2px #000000;
width: auto;
letter-spacing: 0px;
}
.desc8 {
  border-bottom:10px solid #070303;
  border-right: 10px solid #070303;
  border-left: 10px solid #070303;
 background-color:#120707;
background-repeat: repeat;
  text-transform:uppercase;
color: #565656;
  font-family:arial;
display: block;
font-size: 9.5px;
line-height: 100%;
margin-left: 70px;
margin-top: 5px;
padding: 0px;
text-align: justify;
text-shadow: 0px 0px 2px #000000;
width: auto;
letter-spacing: 0px;
}
a.forumtitle {
  color:#bfbcbb;
background-color: #070303;
border-radius: 500px 0px 0px 0px;
  display: block;
  letter-spacing:2px;
  font-family:caviardreams;
float: center;
font-size: 18px;
margin-bottom: -20px;
margin-top: 10px;
margin-left: 70px;
padding: 3px;
text-align: center;
text-transform: lowercase;
width: auto;
height: 15px;
  text-shadow: 1px 1px 1px #000000;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
a.forumtitle:hover {
  margin-left: 70px;
  color:transparent;
  border-radius: 500px 0px 0px 0px;
background-color: #070303;
border-radius: 0px 0px 0px 0px;
  display: block;
  letter-spacing:2px;
  font-family:caviardreams;
float: center;
  text-decoration:none;
font-size: 18px;
margin-bottom: -20px;
margin-top: 10px;
margin-left: 70px;
padding: 3px;
text-align: center;
text-transform: uppercase;
width: auto;
height: 15px;
  text-shadow: 0px 0px 1px #BDBDBD;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.formdesc a:link, .formdesc a:visited, .formdesc a:active {
background-color: transparent;
color: #bdbdbd;
font-size: 8px;
letter-spacing: 1px;
padding: 3px;
text-transform: uppercase;
}
.formdesc a:link:hover {
background-color: transparent;
color: #ffffff;
font-size: 8px;
letter-spacing: 2px;
padding: 3px;
text-transform: uppercase;
}
.formdesc {
  border: 1px solid #120707;
background-color: #120707;
border-radius: 10px 10px 10px 10px;
  margin-bottom:-22px;
display: block;
font-size: 8px;
margin-top: 5px;
padding: 3px;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
  text-transform: uppercase;
}
p em b a.gensmall {
font-family: Tulpen One;
font-size: 30px;
  line-height:100%;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-transform: none;
}
p em {
margin: 4px;
color: transparent;
display: block;
  width: 500px;
  margin-left:250px;
 align: center;
  line-height:100%;
}
.post {
background: #030303;
background-repeat: repeat;
background-position: center;
  border-bottom: 8px solid #3B0F0F;
  padding:10px 10px 10px 10px;
  color:#797a79;
}
.postprofile dd {
text-align: left;
}
.postprofile dd, .postprofile dt {
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
}
dl.codebox {
  background-color:#2B1313;
  background-image:url('http://i877.photobucket.com/albums/ab335/LuiRopez/patt.png');
  border-radius: 15px 15px 15px 15px;
color:white;
    text-transform:none;
  border: 1px solid #120707;
}
.spoiler_content.hidden {
  background-color:#2B1313;
  background-image:url('http://i877.photobucket.com/albums/ab335/LuiRopez/patt.png');
  border-radius: 15px 15px 15px 15px;
color:white;
  text-transform:none;
  border: 1px solid #120707;
}
blockquote {
  background-color:#2B1313;
  background-image:url('http://i877.photobucket.com/albums/ab335/LuiRopez/patt.png');
  border-radius: 15px 15px 15px 15px;
color:white;
    text-transform:none;
  border: 1px solid #120707;
}
.topics {
text-shadow: 1px 1px 1px #000000;
}
.posts {
text-shadow: 1px 1px 1px #000000;
}
.lastpost {
text-shadow: 1px 1px 1px #000000;
text-align:center;
align:center;
}
.postprofile{
text-align: center;
}
.postprofile dt a img {
box-shadow: 1px 1px 2px #000000;
margin-top: 0px;
width:200px;
  margin-bottom:8px;
  height:400px;
}
.postprofile {
background-image: url('http://i48.tinypic.com/2aikcns.jpg');
  border-radius: 0px 0px 100px 0px / 0px 0px 50px 0px;
margin-top: 17px;
border-left: 9px double #120707;
float: right;
font-family: arial;
  line-heighr:90%;
font-size: 12px;
  text-transform:uppercase;
margin-right: -3px;
padding-top: 13px;
color: #d4d4d4;
text-align: center;
width: 220px;
box-shadow:0px 2px 5px #000000;
}
p.author {
  background-image: url('http://i48.tinypic.com/2aikcns.jpg');
position: relative;
right: -7em;
color:#e3e3e3;
background-color:#000000;
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-transform: lowercase;
  box-shadow: 0px 2px 5px #000000;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #d4d4d4; 
font-family: amatic sc;
font-size: 30px;
line-height: 40%;
font-weight:800;
  margin-bottom:-15px;
letter-spacing: 1px;
font-style:normal;
  text-transform:uppercase;
text-decoration: none;
  text-shadow: 1px 1px 1px #000000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.postprofile a:hover { 
    margin-top:0px;
font-family: amatic sc;
font-size: 30px;
letter-spacing: 3px;
font-style:normal;
  text-transform:uppercase;
text-shadow: 1px 1px 1px #000000;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.subs a {
  text-transform:uppercase;
  text-color:#E7E7E7;
  font-size:9px;
border-left: 4px solid #07080F;
margin: 0px;
padding: 2px;
      -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.subs a:active, .subs a:hover {
  background-color:#070303;
  text-transform:uppercase;
  color:#E7E7E7;
border-left: 40px solid #07080F;
margin: 0px;
padding: 2px 0px 0px;
      -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.formdesc a:link, .formdesc a:visited, .formdesc a:active {
background-color: transparent;
color: #E1E1E1;
font-size: 8px;
letter-spacing: 1px;
padding: 3px;
text-transform: uppercase;
}
.formdesc a:link:hover {
background-color: transparent;
color: #E1E1E1;
font-size: 8px;
letter-spacing: 2px;
padding: 3px;
text-transform: uppercase;
}
.formdesc {

background-color: #070303;
  border: solid 1px #070303;
border-radius: 0px 0px 50px 50px;
  margin-bttom:-20px;
  width:400px;
  height:auto;
float:center;
  position:relative;
  display:block;
  align:center;
font-size: 8px;
margin-top: 5px;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
  text-transform: uppercase;
}


/************LEGENDAS*********/

#main-content em{
  font-size:0px
}
#main-content em::before{
  content:'Legenda: ';
  font-size:25px;
  font-style:normal;
  opacity: 0.0;
}
#main-content em b *{
  font-size:30px;
  font-style:normal;
  font-align:center;
  font-family: amatic sc;
}
#main-content em b *::hover{
  font-size:30px;
  font-style:normal;
  font-align:center;
  font-family: amatic sc;
  text-transform: uppercase;
}
#main-content em b a::before{
  content:' • ';color:black
}
#main-content em b:first-child a::before{
  content:''
}
#main-content em,
#main-content em *:link{
  cursor:default;
  color:inherit
}

/************FIM DAS LEGENDAS*********/

div.postprofile dl dt img{
      margin-left: 0px;
    border: 0px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}

.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:2px 2px 10px #2B042F;
-webkit-box-shadow:2px 2px 10px #611414;
box-shadow:2px 2px 10px #611414;
}

/*categorias la caja*/
.desc3 {
background-color: #fefefe;
border: 1px solid #COLOR;
border-radius: 0px 00px 0px 0px;
text: Trebuchet MS;
font-size: 9.5px;
color: #COLOR;
display: block;
border-left: 0px solid #611414; 
line-height: 9px;
text-shadow: 1px 1px 0 #COLOR;
margin-left: 15px;
margin-top: 5px;
padding: 10px;
text-align: justify;
width: 350px;
  border-left: solid 15px #611414;
border-right: solid 15px #611414;
}
#i_logo{-moz-opacity:.6;-moz-transition-duration:.8s;-o-transition-duration:.8s;-webkit-transition-duration:.8s;filter:alpha(opacity=40);opacity:.6}#i_logo:hover{-moz-opacity:.6;filter:alpha(opacity=40);opacity:1}
#logo img {
-webkit-transition-duration: 1s;
width: 85%;
}
#logo img:hover {
width: 90%;
-webkit-transition-duration: 1s;
}
#logo-desc {
opacity: 0.9;
-moz-opacity: 0.9;
Filter: Alpha(Opacity=90)
}
#logo-desc:hover {
opacity: 1.0;
-moz-opacity: 1.0;
Filter: Alpha(Opacity=100)
}
O CORVO
avatar
Ver perfil do usuário Enviar uma mensagem privada


Novo

Código:
@font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 400;
src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url('http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
@font-face {
  font-family: 'Shadows Into Light';
  font-style: normal;
  font-weight: 400;
  src: local('Shadows Into Light'), local('ShadowsIntoLight'), url(https://fonts.gstatic.com/s/shadowsintolight/v6/clhLqOv7MXn459PTh0gXYFK2TSYBz0eNcHnp4YqE4Ts.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;
}


@font-face {
  font-family: 'Wire One';
  font-style: normal;
  font-weight: 400;
  src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

 @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
 
@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }

@font-face {
  font-family: 'Loved by the King';
  font-style: normal;
  font-weight: 400;
  src: local('Loved by the King'), local('LovedbytheKing'), url(https://fonts.gstatic.com/s/lovedbytheking/v6/wg03xD4cWigj4YDufLBSr9woFbLbuLEdRex7vj8Wo-A.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;
}

        #page-header .navbar ul.linklist li [href="/faq"]{display: none !important;}
        #page-header .navbar ul.linklist li [href="/calendar"]{display: none !important;}
        #page-header .navbar ul.linklist li [href="/search"]{display: none !important;}

/*ficha de RPG*/

/*fim da ficha de RPG*/

/*cor de seleção de texto*/
::selection {
  background: #131313;
  color: #CFCFCF;
}

::-moz-selection {
  background: #131313;
  color: #CFCFCF;
}


/* CHATBOX */
.forabg dd.lastpost:hover {
    opacity: 1;
    border: 1px solid black;
}

input#message {
    BACKGROUND: #BDBDBD;
}
.chatbox-title {
    color: #000!important;
    /* float: left; */
    font-family: PLAYFAIR DISPLAY;
    font-size: 18px;
    height: 195px;
    /* left: 7px; */
    letter-spacing: 3px;
    /* position: absolute; */
    text-transform: uppercase;
    top: 75px;
    /* transform: rotate(270deg); */
    width: 144px;
    z-index: 999;
}
.sceditor-container textarea {

  color: #FFF;}
.chatbox-title a.chat-title {
    color: #F7F7F7!important;
}
#chatbox > p {
    border-bottom: transparent;
}
#chatbox_header {
    background:url(http://cdn.wallpapersafari.com/82/39/lqKtQv.jpg);
    border-bottom: groove 3px #111;
    color: #fff;
    height: 30px;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: white;
    font-family: oswald;
    text-transform: uppercase;
    font-size: 10px;
}
#chatbox_footer label {
    color: black;
    text-transform: uppercase;
    font-family: oswald;
    font-size: 10px;
}

#chatbox {
    bottom: 30px;
    left: 228px;
    line-height: 10px;
    font-size: 11px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
}
body.chatbox {
    background: black;
}
#chatbox_members {background: black;
    border-right: 1px solid;
    bottom: 30px;
    color: #000;
    left: 39px;
    overflow: auto;
    position: absolute;
    top: 38px;
    width: 180px;
}


/* FINAL */

/*-----CUERPO DEL FORO-----*/

#warp{
width: 90%;
max-width: 90%;
min-width: 90%; 
padding: 10px;
margin-top: 10px;
}

/*Barra de desplazamiento*/

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

::-webkit-scrollbar {
background-color: #8084A2;
width: 5px;
}


::-webkit-scrollbar-thumb {
background-color: #29292F;
height: auto;
width: 5px;
}

/*-----CABECERA DEL FORO-----
#logo img {
width: 950px;
height: 400px;
border: 10px solid #1e1b1d;
margin-left: 5px;
margin-top: -5px;
}*/

/*---Quadro---*/

.sp-slideshow { 
height: 400px;  /*el alto del logo*/
max-width: 950px; /*el ancho del logo*/
min-width: 950px; /*el ancho del logo*/
width: 950px; /*el ancho del logo*/
position: relative;
}

.sp-content {
height: 400px;  /*el alto del logo*/
max-width: 950px; /*el ancho del logo*/
min-width: 950px; /*el ancho del logo*/
width: 950px; /*el ancho del logo*/
  position: relative;
  overflow: hidden;
}

.sp-parallax-bg {
height: 400px;  /*el alto del logo*/
max-width: 950px; /*el ancho del logo*/
min-width: 950px; /*el ancho del logo*/
width: 950px; /*el ancho del logo*/
  background:url(http://i.imgur.com/69uuoWR.jpg); /*la imagen del logo*/
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;left: 0;
  overflow: hidden;
}

/*no editar*/
.sp-slideshow input {
  position: absolute;
  bottom: 15px;
  left: 50%;
  width: 9px;
  height: 9px;
  z-index: 999;
  cursor: pointer;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}


/*botones/cuadrados simples*/
.sp-slideshow input + label {
  position: absolute;
  bottom: 15px;
  left: 50%;
  width: 15px;
  height: 10px;
  display: block;
  z-index: 999;
  border: solid 1px #000000;
  background: #4D4D4D;
  outline: 1px solid #000000;
  outline-offset: 2px;
  -webkit-transition: background-color linear 0.1s;
  -moz-transition: background-color linear 0.1s;
  -o-transition: background-color linear 0.1s;
  -ms-transition: background-color linear 0.1s;
  transition: background-color linear 0.1s;
}

/*botones/cuadrados en el que estamos*/
.sp-slideshow input:checked + label {
  background: #131313;
    border: solid 1px #4D4D4D;
}

/*posición de cada uno, espacio entre ellos*/
.sp-selector-1, .button-label-1 {
  margin-left: -54px;
}
.sp-selector-2, .button-label-2 {
  margin-left: -26px;
}
.sp-selector-4, .button-label-4 {
  margin-left: 25px;
}
.sp-selector-5, .button-label-5 {
  margin-left: 40px;
}

/*imagen de las flechas*/
.sp-arrow {
  background: transparent url(http://i.imgur.com/6BaxgKN.png) no-repeat; /*Imagen de las flechas*/
  width: 64px; /*Ancho*/
  height: 50px; /*alto*/
  margin-top: -19px;
  display: none;
  opacity: 1;
  cursor: pointer;
  z-index: 999;
  position: absolute;
  top: 50%;
  transition:ease-in-out 1.0s;
  -webkit-transition:ease-in-out 1.0s;
  -ms-transition:ease-in-out 1.0s;
  -moz-transition:ease-in-out 1.0s;
  opacity: 0.2;
}

.sp-selector-1:checked ~ .sp-arrow.sp-a2,
.sp-selector-2:checked ~ .sp-arrow.sp-a3,
.sp-selector-3:checked ~ .sp-arrow.sp-a4,
.sp-selector-4:checked ~ .sp-arrow.sp-a1 {
  right: 15px;
display: block;
background-position: top right;
}

.sp-selector-2:checked ~ .sp-arrow.sp-a1,
.sp-selector-3:checked ~ .sp-arrow.sp-a2,
.sp-selector-4:checked ~ .sp-arrow.sp-a3,
.sp-selector-5:checked ~ .sp-arrow.sp-a4 {
  left: 15px;
display: block;
background-position: top left;
}

 /*sildes*/
.slideone { width: 950px; height: 400px; padding:0px; margin-left:-100px;}
.slidetwo { width: 950px; height: 400px; padding:0px; margin-left:-120px;}
.slidethree { width: 950px; height: 400px; padding:0px; margin-left:-120px;}
.slidefour { width: 950px; height: 400px; padding:0px; margin-left:-120px;}

.sp-slideshow input:checked ~ .sp-content {
  -webkit-transition: background-position linear 0.6s, background-color linear 0.8s;
  -moz-transition: background-position linear 0.6s, background-color linear 0.8s;
  -o-transition: background-position linear 0.6s, background-color linear 0.8s;
  -ms-transition: background-position linear 0.6s, background-color linear 0.8s;
  transition: background-position linear 0.6s, background-color linear 0.8s;}

.sp-slideshow input:checked ~ .sp-content .sp-parallax-bg {-webkit-transition: background-position linear 0.7s;-moz-transition: background-position linear 0.7s;-o-transition: background-position linear 0.7s;-ms-transition: background-position linear 0.7s;transition: background-position linear 0.7s;}

input.sp-selector-1:checked ~ .sp-content {background-position: 0 0;}
input.sp-selector-2:checked ~ .sp-content {background-position: -100px 0;}
input.sp-selector-3:checked ~ .sp-content {background-position: -200px 0;}
input.sp-selector-4:checked ~ .sp-content {background-position: -300px 0;}
input.sp-selector-5:checked ~ .sp-content {background-position: -400px 0;}

input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}

.sp-slider { position: relative;left: 0; width: 500%;height: 100%;list-style: none; margin: 0;padding: 0;-webkit-transition: left ease-in 0.8s; -moz-transition: left ease-in 0.8s; -o-transition: left ease-in 0.8s; -ms-transition: left ease-in 0.8s;transition: left ease-in 0.8s; }

.sp-slider > li {height: 100%;padding: 0 60px;float: left;text-align: center;opacity: 0.4; -webkit-transition: opacity ease-in 0.4s 0.8s;-moz-transition: opacity ease-in 0.4s 0.8s;-o-transition: opacity ease-in 0.4s 0.8s;-ms-transition: opacity ease-in 0.4s 0.8s;transition: opacity ease-in 0.4s 0.8s; }
.sp-slider > li img{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;display: block;margin: 0 auto;padding: 40px 0 50px 0;max-height: 100%;max-width: 100%;}

input.sp-selector-1:checked ~ .sp-content .sp-slider {left: 0;}
input.sp-selector-2:checked ~ .sp-content .sp-slider {left: -100%;}
input.sp-selector-3:checked ~ .sp-content .sp-slider {left: -200%;}
input.sp-selector-4:checked ~ .sp-content .sp-slider {left: -300%;}
input.sp-selector-5:checked ~ .sp-content .sp-slider {left: -400%;}

input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child,
input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2),
input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3),
input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4),
input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5){opacity: 1;}
input.forminput {display: inline-block;}


/*---MÓDULOS TABLÓN---*/

.adminstb {
height: 130px;
width: 200px;
border: 1px solid #000000;
display: inline-block;
margin-top: 50px;
}

.adminstb2 {
height: 130px;
width: 200px;
border: 1px solid #000000;
display: inline-block;
margin-top: 10px;
}

.adminstbtx{
margin-top: 75px;
height: 15px;
width: auto;
padding: 5px;
background: #000000;
color: #858585;
text-transform: uppercase;
}

.adminstbtx2{
margin-top: 2px;
height: 15px;
width: auto;
padding: 5px;
background: #000000;
color: #858585;
text-transform: uppercase;
}

.threetb{
margin-left: 260px;
width: 400px;
height: 400px;
text-align: center;
margin-top: 70px;
}

.headtb {
width: 190px;
padding: 10px;
background: #131313;
text-transform: uppercase;
}

.headlinks {
width: 190px;
padding: 10px;
background: #000000;
margin-top: 2px;
text-transform: uppercase;
}

.headlinks a {
color: #BEBEBE;
}

.ntc {
  width: 550px;
  display: block;
  height: 120px;
  background: url('http://www.bohemianizm.com/wp-content/uploads/2017/04/sakura-cherry-blossoms-_-g.gif');
  background-size: cover;
  background-position: center;
  border: 15px solid #0f0f0f;
  opacity: 0.9;
  margin-top: 50px;
}

.estacao {
  width: 550px;
  height: 120px;
  background-color: transparent;
  font-family: amatic sc;
  font-size: 60px;
  color: transparent;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.estacao:hover {
  width: 550px;
  height: 120px;
  background-color: black;
  font-family: amatic sc;
  font-size: 60px;
  color: #fff;
  opacity: 0.6;
    text-align: center;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
 
.descricao {
  width: 100%;
  height: 100%;
  font-family: georgia;
  font-size: 15px;
  color: transparent;
  background-color: transparent;
  -webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.descricao:hover {
  width: 100%;
  height: 100%;
  background-color: transparent;
  font-family: georgia;
  font-size: 15px;
  color: #fff;
  -webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.tbone {
  width: 92%;
  height: 90px;
  background-color: #000;
  overflow: auto;
  margin-left: 15px;
  margin-top: 15px;
  display: block;
padding: 9px;}
 
 
.novidades {
 width: 580px;
 height: 130px;
  background-color: #0f0f0f;
  margin-top: 0px;
  margin-left: -15px;
}

.anuncios {
  color: #fff;
  opacity: 0.8;
  text-align: justify;
  font-family: georgia;
  font-size: 13px;
}


/*fim do quadro*/

/*----SEARCH BOX----*/
#search-box {
display: none;
}

/*----DESCRIPCIÓN ENCABEZADO---*/
#logo-desc p {
    display: none;
}

/*----BARRA DE NAVEGACIÓN-----*/
ul.navlinks {
width: 102%;
margin-left: -15px;
margin-top: -50px;
background: #000;
padding: 4px;
}

a.mainmenu {
 min-width: 65px;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 10px;
 padding-right: 10px;
 margin: -2px;
 background: #1e1b1d;
 display: inline-block;
 color: #fff;
 font-famili: sans-serif;
 font-weight: 100;
 text-transform: uppercase;
 -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

a.mainmenu:hover {
  min-width: 65px;
  padding-top: 5px;
  padding-bottom: 5px;
 padding-left: 10px;
 padding-right: 10px;
 margin: -2px;
 background: #000;
 display: inline-block;
 color: #fff;
 font-famili: sans-serif;
 font-weight: 100;
 text-transform: uppercase;
  opacity: 0.6;
 -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

/*----CABECERA DE CATEGORÍAS---*/

li.header {
background: url('http://cdn.wallpapersafari.com/82/39/lqKtQv.jpg');
opacity: 0.7;
font-size: 0;
text-align: center;
text-transform: none;
height: 70px;
transition: 3s;
}

li.header:hover {
opacity: 1;
transition: 3s;
}
.table-title, .table-title h2 {
line-height: 55px;
color: #f6f6f6;
font-family: 'Amatic SC';
font-size: 40px;
text-shadow: 1px 1px 1px #000;
text-transform: none;
}


/*NO MOSTRAR ÚLTIMOS TEMAS, ETC*/
.forabg li.header dd.lastpost {
display:none;
}
.forabg li.header dd.posts {
display:none;
}
.forabg li.header dd.topics {
display:none;
}

ul.topiclist li {
display: block;
margin: 0;
}
 
 

/*Temas*/
.forabg dd.topics {
background: #1e1b1d;
color: #fff;
font-family: sans-serif;
font-size: 11px;
height: 10px;
letter-spacing: 2px;
margin-top: 50px;
margin-left: 20px;
padding: 10px;
position: relative;
text-transform: uppercase;
width: 80px;
}

.forabg li.row dd.topics::after {
position: relative;
top: -37px; 
display: block;
content: "Tópicos";
font-family: sans-serif;
font-size: 11px;
letter-spacing: 2px;
}


/*Mensajes*/
.forabg dd.posts {
background: #1e1b1d;
color: #fff;
font-family: sans-serif;
font-size: 11px;
height: 11px;
letter-spacing: 2px;
margin-top: 84px;
margin-left: -101px;
padding: 10px;
position: relative;
text-transform: uppercase;
width: 80px;
}

.forabg li.row dd.posts::after {
position: relative;
top: -37px; 
display: block;
content: "Mensagens";
font-family: sans-serif;
font-size: 11px;
letter-spacing: 2px;
}

/*ultimos mensajes*/
.forabg dd.lastpost {
background: #1e1b1d;
color: #fff;
display: block;
font-family: georgia;
font-size: 9px;
margin-left: 125px;
margin-top: -31px;
padding: 1%;
text-align: justify;
text-transform: uppercase;
width: 182px;
min-height: 45px;
}


/*--------CATEGORÍAS-------*/
ul.forums{
background: #000;
padding: 10px;
}

/*TÍTULOS DEL ÍNDICE*/
a.forumtitle {
background: #000;
width: 420px;
padding: 10px;
margin-left: 100px;
text-transform: uppercase;
transition: 1s;
opacity: 0.8;
font-family: 'georgia';
}

a.forumtitle:hover {
background: #000;
color: #fff;
text-decoration: none;
transitin: 2s;
font-family: 'georgia';
}
/*DESCRIPCIONES*/
.desc {
background: #000;
width: 400px;
padding: 10px;
text-align: center;
margin-top: 10px;
}

.dstext{
background: #000;
width: 180px;
padding: 10px;
text-align: center;
height: 95px; 
overflow: auto;
text-align: justify;
}

.dstext2{
background: #000;
width: 370px;
padding: 10px;
text-align: center;
height: 65px; 
overflow: auto;
text-align: justify;
}

.dslinks {
background: #000;
width: 200px;
text-align: center;
}

.dslinks a {
background: #1e1b1d;
width: 75px;
padding: 10px;
text-align: center;
margin-left: 2px;
margin-right: 2px;
margin-top: 3px;
margin-bottom: 3px;
display: inline-block;
color: #fff;
}

.desc img{
width: 195px;
height: 115px;
}

.mod-text{
  margin-left: 100px;
text-transform: uppercase;
}

.group-mod{
  text-transform: uppercase;
}


/*----INTERIOR DE LOS SUBFOROS---*/
h1.page-title{
background: url('http://cdn.wallpapersafari.com/82/39/lqKtQv.jpg');
opacity: 0.5;
line-height: 55px;
color: #f6f6f6;
font-family: 'Amatic SC';
font-size: 40px;
text-shadow: 1px 1px 1px #000;
text-transform: none;
text-align: center;
height: 70px;
transition: 3s;
}

h1.page-title:hover {
opacity: 1;
transition: 1s;
}

h1.page-title a{
  color: #f6f6f6;
}

ul.topiclist.topics.bg_none{
background: #000;
padding: 10px;
}

a.topictitle {
width: 420px;
padding: 10px;
text-transform: uppercase;
transition: 1s;
}

a.topictitle:hover {
color: #fff;
text-decoration: none;
transitin: 1s;
}


/*-----MENSAJES----*/
a.nav{
text-transform: uppercase;
}

.postbody{
width: 70%;
padding: 10px;
}

/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #fcfcfc;
border-top: none;
border-left: none;
border-right: none;
font-size: 11px;
}
 
dl.codebox dt {
display:block;
text-shadows: 1px 1px 1px #000;
text-align: center;
font: 12px 'Unica One';
background: #131313;
color:#858585;
padding: 5px;
}
 
dl.codebox code {
color:#333333;
font-size:11px;
}
 
blockquote {
background: #fcfcfc url(https://i42.servimg.com/u/f42/09/02/12/09/commen10.png) 6px 8px no-repeat;
border-bottom: 8px solid #131313;
border-top: none;
border-left: none;
color: #333333;
border-right: none;
}
 
.content blockquote {
color:#333333;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:12px;
}
 
blockquote cite {
display: block;
font-family: Dosis;
font-size:12px;
color: #131313;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 1px;
}

blockquote blockquote {background: #858585; }

/*perfil*/

#pr-cuerpo {
margin-left: -40px;
width: 250px;
height: 543px;
overflow: hidden;
}

#pr-name, #pr-name a {
  width: 250px;
  text-align: center;
  background: #000;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  margin-top: 2px;
  display: inline-block;
  font-family: 'Time New Roman';
  text-decoration: none;
  border-top: 2px solid #131313;
}

#pr-name a {margin-top: -2px}
#pr-name a:hover {text-decoration: none}

#pr-avatar {
  width: 250px;
  height: 400px;
  opacity: 1;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  transition-delay: 1s;
  position: static;
}

#pr-info {
position: static;
width: 250px;
height: 400px;
background: #131313;
display: block;
padding: 10px;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
transition-delay: 1s;
}

#pr-info img {position: static; width: 215px; height: 120px; }

#pr-tit {
  position: static;
  font-size: 0px;
}

#pr-dato {
  position: static;
  background: #cecece;
  width: 215px;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 10px;
  padding: 5px;
  display: block;
  text-align: center;
  font-family: 'verdana';
}

#pr-sep {
  margin-bottom: -10px;
}

#pr-conta {
  position: static;
  display: inline-block;
}

#pr-conta img {width: 111px; height: 18.5px; margin-bottom: 1px; }

#pr-rango {
  width: 255px;
  height: 75px;
  }

/*contenido del primer campo del perfil*/
.pr-campo:nth-child(2) #pr-dato:after {
  content: " Anos de Idade";
}

/*contenido del primer campo del perfil*/
.pr-campo:nth-child(3) #pr-dato:before {
  content: " Dragões de Ouro $: ";
}

/*contenido del primer campo del perfil*/
.pr-campo:nth-child(4) #pr-dato:before {
  content: " Veados de Prata $: ";
}

.pr-campo:nth-child(5) #pr-dato:before {
  content: "Estrelas de Cobre $: ";
}

.pr-campo:nth-child(6) #pr-dato:before {
  content: "Nascido(a) em ";
}

/*contenido del primer campo del perfil*/
.pr-campo:nth-child(7) #pr-dato:before {
  content: "";
}

#pr-cuerpo:hover #pr-avatar {
  margin-left: -250px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  transition-delay: .1s;
}

#pr-cuerpo:hover #pr-info {
  margin-top: -475px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

/*-----ESTADISTICAS----*/
 .cajamayor{
background: url('http://cdn.wallpapersafari.com/82/39/lqKtQv.jpg');
padding: 10px;
height: 100%;
width: 720px;
}

.useron{
width:auto;
height: 150px;
background: #fff;
opacity: 0.6;
padding: 10px;
text-transform: uppercase;
font-family: sans-serif;
}

.titconect{
background: #1e1b1d;
width: auto;
color: #fff;
padding-left: 20px;
margin-bottom: 5px;
font-size: 35px;
font-family: 'Mrs Saint Delafield';
text-transform: lowercase;
}

.useron{
padding: 5px;
overflow: auto;
}

.leytit{
background: #1e1b1d;
opacity:0.6;
width: auto;
color: #fff;
padding: 10px;
font-size: 11px;
font-family: 'sans-serif';
text-transform: uppercase;
}

#leyenda-ori {
background: #fff;
border: 10px solid #fff;
opacity: 0.6;
color: #aaa;
font-family: calibri;
font-size: 10px;
height: 87px;
overflow: auto;
text-align: justify;
text-transform: uppercase;
width: 325px;
}

.g1 { background: #704D91; }
.g2 { background: #9C9C9C; }
.g3 { background: #4750BA; }
.g4 { background: #FF6F00; }
.g5 { background: #3D3C3C; }
.g6 { background: #BD8E18; }
.g7 { background: #695A41; }
.g8 { background: #CC7E7E; }
.g9 { background: #3D8579; }
.g10 { background: #578FFF; }
.g11 { background: #8FC242; }
.g12 { background: #FFCC00; }
.g13 { background: #487180; }
.g14 { background: #C40E26; }
.g15 { background: #F068CC; }
.g16 { background: #540C0C; }
.g17 { background: #877C32; }
.g18 { background: #F08C5D; }
.g19 { background: #AB3059; }
.g20 { background: #662210; }
.g21 { background: #D1AA36; }
.g22 { background: #594E5C; }

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12, .g13, .g14, .g15, .g16, .g17, .g18, .g19, .g20, .g21, .g22  {
color: #fff;
display: inline-block;
font-family: gabriola;
font-size: 12px;
height: 5px;
margin-top: 2px;
margin-left: 4px;
padding-top: 15px;
padding-bottom: 20px;
text-align: center;
text-transform: uppercase;
text-shadow: 0px 0px 5px #000;
width: 93%;
}

 .page-bottom {
background: #fff;
opacity: 0.8;
border-bottom: 1px solid #121212;
display: block;
font-family: calibri;
font-size: 9px;
padding: 10px;
text-align: left;
text-transform: uppercase;
width: 350px;
}

#page-body p.page-bottom {
margin-left: 2px;
}

.newuses{
background: #fff;
opacity: 0.8;
border-bottom: 1px solid #121212;
font-family: calibri;
font-size: 14px;
padding: 10px;
text-align: center;
text-transform: uppercase;
width: auto;
}

.credisesta {
  width: auto;
  padding: 10px;
  height: 320px;
  background: #fff;
  color: #121212;
}



/*Elimina la parte de los widgets*/
#content-container div#left {
background: trasnparent;
float: left;
height: 100%;
left: 0;
line-height: 100%;
margin-right: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 0px;
}
 
#left {
position: fixed;
top: 0px;
left:0px;
height: 100%;
}

/*AFILIADOS BY NEEVE*/

.contenidoafis {
width: 1000px;
text-align: center;}

#alfinalforo {position: relative; width: 840px; height: 335px;}
 
#bro img {border: 1px solid #6b6b6b; margin-right: 3px; margin-top: 5px; width: 50px; height: 100px;}
 
#direct img {border: 1px solid #6b6b6b; margin-right: 3px; margin-top: 3px; width: 50px; height: 50px;}
 
.hermanos {width: 330px; position: absolute; right: 5px;}
 
.elite {position: absolute; left: 5px; width: 495px;}
 
#elite img {border: 1px solid #6b6b6b; margin-right: 3px; margin-top: 3px; width: 50px; height: 50px;}
 
.directorio {width: 330px; position: absolute; right: 5px; bottom: 0px;}
.titulo-afi {
  text-align: center;
  line-height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-style: italic;
  color: #eee;
  font-size: 14px;
  font-family: Georgia;
  font-weight: normal;
  text-transform: none;
  background: #1e1b1d;
}
 
.titulo-afi a {color: #eee;}


Dhymitria

Dhymitria
Novo Membro

Membro desde : 21/01/2015
Mensagens : 23
Pontos : 33

http://saintbattleofgods.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema de com aparência dos fóruns e sub fóruns

Mensagem por Kyo Panda 26.06.17 12:57

A senhora deseja só o alinhamento ou a coloração branca/cinza do antigo também?
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema de com aparência dos fóruns e sub fóruns

Mensagem por Harleen 26.06.17 16:36

Olá senhorita, altere o novo CSS por esse
Código:
@font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 400;
src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url('http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
@font-face {
font-family: 'Shadows Into Light';
font-style: normal;
font-weight: 400;
src: local('Shadows Into Light'), local('ShadowsIntoLight'), url(https://fonts.gstatic.com/s/shadowsintolight/v6/clhLqOv7MXn459PTh0gXYFK2TSYBz0eNcHnp4YqE4Ts.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;
}


@font-face {
font-family: 'Wire One';
font-style: normal;
font-weight: 400;
src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }

@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }

@font-face {
font-family: 'Loved by the King';
font-style: normal;
font-weight: 400;
src: local('Loved by the King'), local('LovedbytheKing'), url(https://fonts.gstatic.com/s/lovedbytheking/v6/wg03xD4cWigj4YDufLBSr9woFbLbuLEdRex7vj8Wo-A.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;
}

#page-header .navbar ul.linklist li [href="/faq"]{display: none !important;}
#page-header .navbar ul.linklist li [href="/calendar"]{display: none !important;}
#page-header .navbar ul.linklist li [href="/search"]{display: none !important;}

/*ficha de RPG*/

/*fim da ficha de RPG*/

/*cor de seleção de texto*/
::selection {
background: #131313;
color: #CFCFCF;
}

::-moz-selection {
background: #131313;
color: #CFCFCF;
}


/* CHATBOX */
.forabg dd.lastpost:hover {
opacity: 1;
border: 1px solid white;
}

input#message {
BACKGROUND: #BDBDBD;
}
.chatbox-title {
color: #000!important;
/* float: left; */
font-family: PLAYFAIR DISPLAY;
font-size: 18px;
height: 195px;
/* left: 7px; */
letter-spacing: 3px;
/* position: absolute; */
text-transform: uppercase;
top: 75px;
/* transform: rotate(270deg); */
width: 144px;
z-index: 999;
}
.sceditor-container textarea {

color: #FFF;}
.chatbox-title a.chat-title {
color: #F7F7F7!important;
}
#chatbox > p {
border-bottom: transparent;
}
#chatbox_header {
background:url(http://cdn.wallpapersafari.com/82/39/lqKtQv.jpg);
border-bottom: groove 3px #111;
color: #fff;
height: 30px;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: white;
font-family: oswald;
text-transform: uppercase;
font-size: 10px;
}
#chatbox_footer label {
color: black;
text-transform: uppercase;
font-family: oswald;
font-size: 10px;
}

#chatbox {
bottom: 30px;
left: 228px;
line-height: 10px;
font-size: 11px;
overflow: auto;
position: absolute;
right: 0;
top: 30px;
}
body.chatbox {
background: black;
}
#chatbox_members {background: black;
border-right: 1px solid;
bottom: 30px;
color: #000;
left: 39px;
overflow: auto;
position: absolute;
top: 38px;
width: 180px;
}


/* FINAL */

/*-----CUERPO DEL FORO-----*/

#warp{
width: 90%;
max-width: 90%;
min-width: 90%;
padding: 10px;
margin-top: 10px;
}

/*Barra de desplazamiento*/

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

::-webkit-scrollbar {
background-color: #8084A2;
width: 5px;
}


::-webkit-scrollbar-thumb {
background-color: #29292F;
height: auto;
width: 5px;
}

/*-----CABECERA DEL FORO-----
#logo img {
width: 950px;
height: 400px;
border: 10px solid #1e1b1d;
margin-left: 5px;
margin-top: -5px;
}*/

/*---Quadro---*/

.sp-slideshow {
height: 400px;  /*el alto del logo*/
max-width: 950px; /*el ancho del logo*/
min-width: 950px; /*el ancho del logo*/
width: 950px; /*el ancho del logo*/
position: relative;
}

.sp-content {
height: 400px;  /*el alto del logo*/
max-width: 950px; /*el ancho del logo*/
min-width: 950px; /*el ancho del logo*/
width: 950px; /*el ancho del logo*/
position: relative;
overflow: hidden;
}

.sp-parallax-bg {
height: 400px;  /*el alto del logo*/
max-width: 950px; /*el ancho del logo*/
min-width: 950px; /*el ancho del logo*/
width: 950px; /*el ancho del logo*/
background:url(http://i.imgur.com/69uuoWR.jpg); /*la imagen del logo*/
background-size: cover;
background-position: center;
position: absolute;
top: 0;left: 0;
overflow: hidden;
}

/*no editar*/
.sp-slideshow input {
position: absolute;
bottom: 15px;
left: 50%;
width: 9px;
height: 9px;
z-index: 999;
cursor: pointer;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}


/*botones/cuadrados simples*/
.sp-slideshow input + label {
position: absolute;
bottom: 15px;
left: 50%;
width: 15px;
height: 10px;
display: block;
z-index: 999;
border: solid 1px #000000;
background: #4D4D4D;
outline: 1px solid #000000;
outline-offset: 2px;
-webkit-transition: background-color linear 0.1s;
-moz-transition: background-color linear 0.1s;
-o-transition: background-color linear 0.1s;
-ms-transition: background-color linear 0.1s;
transition: background-color linear 0.1s;
}

/*botones/cuadrados en el que estamos*/
.sp-slideshow input:checked + label {
background: #131313;
border: solid 1px #4D4D4D;
}

/*posición de cada uno, espacio entre ellos*/
.sp-selector-1, .button-label-1 {
margin-left: -54px;
}
.sp-selector-2, .button-label-2 {
margin-left: -26px;
}
.sp-selector-4, .button-label-4 {
margin-left: 25px;
}
.sp-selector-5, .button-label-5 {
margin-left: 40px;
}

/*imagen de las flechas*/
.sp-arrow {
background: transparent url(http://i.imgur.com/6BaxgKN.png) no-repeat; /*Imagen de las flechas*/
width: 64px; /*Ancho*/
height: 50px; /*alto*/
margin-top: -19px;
display: none;
opacity: 1;
cursor: pointer;
z-index: 999;
position: absolute;
top: 50%;
transition:ease-in-out 1.0s;
-webkit-transition:ease-in-out 1.0s;
-ms-transition:ease-in-out 1.0s;
-moz-transition:ease-in-out 1.0s;
opacity: 0.2;
}

.sp-selector-1:checked ~ .sp-arrow.sp-a2,
.sp-selector-2:checked ~ .sp-arrow.sp-a3,
.sp-selector-3:checked ~ .sp-arrow.sp-a4,
.sp-selector-4:checked ~ .sp-arrow.sp-a1 {
right: 15px;
display: block;
background-position: top right;
}

.sp-selector-2:checked ~ .sp-arrow.sp-a1,
.sp-selector-3:checked ~ .sp-arrow.sp-a2,
.sp-selector-4:checked ~ .sp-arrow.sp-a3,
.sp-selector-5:checked ~ .sp-arrow.sp-a4 {
left: 15px;
display: block;
background-position: top left;
}

/*sildes*/
.slideone { width: 950px; height: 400px; padding:0px; margin-left:-100px;}
.slidetwo { width: 950px; height: 400px; padding:0px; margin-left:-120px;}
.slidethree { width: 950px; height: 400px; padding:0px; margin-left:-120px;}
.slidefour { width: 950px; height: 400px; padding:0px; margin-left:-120px;}

.sp-slideshow input:checked ~ .sp-content {
-webkit-transition: background-position linear 0.6s, background-color linear 0.8s;
-moz-transition: background-position linear 0.6s, background-color linear 0.8s;
-o-transition: background-position linear 0.6s, background-color linear 0.8s;
-ms-transition: background-position linear 0.6s, background-color linear 0.8s;
transition: background-position linear 0.6s, background-color linear 0.8s;}

.sp-slideshow input:checked ~ .sp-content .sp-parallax-bg {-webkit-transition: background-position linear 0.7s;-moz-transition: background-position linear 0.7s;-o-transition: background-position linear 0.7s;-ms-transition: background-position linear 0.7s;transition: background-position linear 0.7s;}

input.sp-selector-1:checked ~ .sp-content {background-position: 0 0;}
input.sp-selector-2:checked ~ .sp-content {background-position: -100px 0;}
input.sp-selector-3:checked ~ .sp-content {background-position: -200px 0;}
input.sp-selector-4:checked ~ .sp-content {background-position: -300px 0;}
input.sp-selector-5:checked ~ .sp-content {background-position: -400px 0;}

input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}

.sp-slider { position: relative;left: 0; width: 500%;height: 100%;list-style: none; margin: 0;padding: 0;-webkit-transition: left ease-in 0.8s; -moz-transition: left ease-in 0.8s; -o-transition: left ease-in 0.8s; -ms-transition: left ease-in 0.8s;transition: left ease-in 0.8s; }

.sp-slider > li {height: 100%;padding: 0 60px;float: left;text-align: center;opacity: 0.4; -webkit-transition: opacity ease-in 0.4s 0.8s;-moz-transition: opacity ease-in 0.4s 0.8s;-o-transition: opacity ease-in 0.4s 0.8s;-ms-transition: opacity ease-in 0.4s 0.8s;transition: opacity ease-in 0.4s 0.8s; }
.sp-slider > li img{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;display: block;margin: 0 auto;padding: 40px 0 50px 0;max-height: 100%;max-width: 100%;}

input.sp-selector-1:checked ~ .sp-content .sp-slider {left: 0;}
input.sp-selector-2:checked ~ .sp-content .sp-slider {left: -100%;}
input.sp-selector-3:checked ~ .sp-content .sp-slider {left: -200%;}
input.sp-selector-4:checked ~ .sp-content .sp-slider {left: -300%;}
input.sp-selector-5:checked ~ .sp-content .sp-slider {left: -400%;}

input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child,
input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2),
input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3),
input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4),
input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5){opacity: 1;}
input.forminput {display: inline-block;}


/*---MÓDULOS TABLÓN---*/

.adminstb {
height: 130px;
width: 200px;
border: 1px solid #000000;
display: inline-block;
margin-top: 50px;
}

.adminstb2 {
height: 130px;
width: 200px;
border: 1px solid #000000;
display: inline-block;
margin-top: 10px;
}

.adminstbtx{
margin-top: 75px;
height: 15px;
width: auto;
padding: 5px;
background: #000000;
color: #858585;
text-transform: uppercase;
}

.adminstbtx2{
margin-top: 2px;
height: 15px;
width: auto;
padding: 5px;
background: #000000;
color: #858585;
text-transform: uppercase;
}

.threetb{
margin-left: 260px;
width: 400px;
height: 400px;
text-align: center;
margin-top: 70px;
}

.headtb {
width: 190px;
padding: 10px;
background: #131313;
text-transform: uppercase;
}

.headlinks {
width: 190px;
padding: 10px;
background: #000000;
margin-top: 2px;
text-transform: uppercase;
}

.headlinks a {
color: #BEBEBE;
}

.ntc {
width: 550px;
display: block;
height: 120px;
background: url('http://www.bohemianizm.com/wp-content/uploads/2017/04/sakura-cherry-blossoms-_-g.gif');
background-size: cover;
background-position: center;
border: 15px solid #0f0f0f;
opacity: 0.9;
margin-top: 50px;
}

.estacao {
width: 550px;
height: 120px;
background-color: transparent;
font-family: amatic sc;
font-size: 60px;
color: transparent;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.estacao:hover {
width: 550px;
height: 120px;
background-color: black;
font-family: amatic sc;
font-size: 60px;
color: #fff;
opacity: 0.6;
text-align: center;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.descricao {
width: 100%;
height: 100%;
font-family: georgia;
font-size: 15px;
color: transparent;
background-color: transparent;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }

.descricao:hover {
width: 100%;
height: 100%;
background-color: transparent;
font-family: georgia;
font-size: 15px;
color: #fff;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.tbone {
width: 92%;
height: 90px;
background-color: #000;
overflow: auto;
margin-left: 15px;
margin-top: 15px;
display: block;
padding: 9px;}


.novidades {
width: 580px;
height: 130px;
background-color: #0f0f0f;
margin-top: 0px;
margin-left: -15px;
}

.anuncios {
color: #fff;
opacity: 0.8;
text-align: justify;
font-family: georgia;
font-size: 13px;
}


/*fim do quadro*/

/*----SEARCH BOX----*/
#search-box {
display: none;
}

/*----DESCRIPCIÓN ENCABEZADO---*/
#logo-desc p {
display: none;
}

/*----BARRA DE NAVEGACIÓN-----*/
ul.navlinks {
width: 102%;
margin-left: -15px;
margin-top: -50px;
background: #000;
padding: 4px;
}

a.mainmenu {
min-width: 65px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
margin: -2px;
background: #1e1b1d;
display: inline-block;
color: #fff;
font-famili: sans-serif;
font-weight: 100;
text-transform: uppercase;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

a.mainmenu:hover {
min-width: 65px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
margin: -2px;
background: #000;
display: inline-block;
color: #fff;
font-famili: sans-serif;
font-weight: 100;
text-transform: uppercase;
opacity: 0.6;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

/*----CABECERA DE CATEGORÍAS---*/
li.header {
background: url('http://cdn.wallpapersafari.com/82/39/lqKtQv.jpg');
opacity: 0.7;
font-size: 0;
text-align: center;
text-transform: none;
height: 70px;
transition: 3s;
}

li.header:hover {
opacity: 1;
transition: 3s;
}
.table-title, .table-title h2 {
line-height: 55px;
color: #f6f6f6;
font-family: 'Amatic SC';
font-size: 40px;
text-shadow: 1px 1px 1px #000;
text-transform: none;
}

/*NO MOSTRAR ÚLTIMOS TEMAS, ETC*/
.forabg li.header dd.lastpost {
display:none;
}
.forabg li.header dd.posts {
display:none;
}
.forabg li.header dd.topics {
display:none;
}

ul.topiclist li {
display: block;
margin: 0;
}



/*Temas*/
.forabg dd.topics {
background: #1e1b1d;
color: #fff;
font-family: sans-serif;
font-size: 11px;
height: 10px;
letter-spacing: 2px;
margin-top: 50px;
margin-left: 20px;
padding: 10px;
position: relative;
text-transform: uppercase;
width: 80px;
}

.forabg li.row dd.topics::after {
position: relative;
top: -37px;
display: block;
content: "Tópicos";
font-family: sans-serif;
font-size: 11px;
letter-spacing: 2px;
}


/*Mensajes*/
.forabg dd.posts {
background: #1e1b1d;
color: #fff;
font-family: sans-serif;
font-size: 11px;
height: 11px;
letter-spacing: 2px;
margin-top: 84px;
margin-left: -101px;
padding: 10px;
position: relative;
text-transform: uppercase;
width: 80px;
}

.forabg li.row dd.posts::after {
position: relative;
top: -37px;
display: block;
content: "Mensagens";
font-family: sans-serif;
font-size: 11px;
letter-spacing: 2px;
}

/*ultimos mensajes*/
.forabg dd.lastpost {
background: #ffffff;
color: #000;
display: block;
font-family: georgia;
font-size: 9px;
margin-left: 125px;
margin-top: -31px;
padding: 1%;
text-align: justify;
text-transform: uppercase;
width: 182px;
min-height: 45px;
}


/*--------CATEGORÍAS-------*/
ul.forums{
background: #808080;
padding: 10px;
}

/*TÍTULOS DEL ÍNDICE*/
a.forumtitle {
background: #fff;
width: 420px;
padding: 10px;
margin-left: 100px;
text-transform: uppercase;
transition: 1s;
opacity: 0.8;
font-family: 'georgia';
}

a.forumtitle:hover {
background: #fff;
color: #000;
text-decoration: none;
transitin: 2s;
font-family: 'georgia';
}
/*DESCRIPCIONES*/
.desc {
background: #fff;
width: 400px;
padding: 10px;
text-align: center;
margin-top: 10px;
}

.dstext{
background: #fff;
width: 180px;
padding: 10px;
text-align: center;
height: 95px;
overflow: auto;
text-align: justify;
}

.dstext2{
background: #fff;
width: 370px;
padding: 10px;
text-align: center;
height: 65px;
overflow: auto;
text-align: justify;
}

.dslinks {
background: #fff;
width: 200px;
text-align: center;
}

.dslinks a {
background: #1e1b1d;
width: 75px;
padding: 10px;
text-align: center;
margin-left: 2px;
margin-right: 2px;
margin-top: 3px;
margin-bottom: 3px;
display: inline-block;
color: #fff;
}

.desc img{
width: 195px;
height: 115px;
}

.mod-text{
margin-left: 100px;
text-transform: uppercase;
}

.group-mod{
text-transform: uppercase;
}


/*----INTERIOR DE LOS SUBFOROS---*/
h1.page-title{
background: url('http://cdn.wallpapersafari.com/82/39/lqKtQv.jpg');
opacity: 0.5;
line-height: 55px;
color: #f6f6f6;
font-family: 'Amatic SC';
font-size: 40px;
text-shadow: 1px 1px 1px #000;
text-transform: none;
text-align: center;
height: 70px;
transition: 3s;
}

h1.page-title:hover {
opacity: 1;
transition: 1s;
}

h1.page-title a{
color: #f6f6f6;
}

ul.topiclist.topics.bg_none{
background: #000;
padding: 10px;
}

a.topictitle {
width: 420px;
padding: 10px;
text-transform: uppercase;
transition: 1s;
}

a.topictitle:hover {
color: #fff;
text-decoration: none;
transitin: 1s;
}


/*-----MENSAJES----*/
a.nav{
text-transform: uppercase;
}

.postbody{
width: 70%;
padding: 10px;
}

/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #fcfcfc;
border-top: none;
border-left: none;
border-right: none;
font-size: 11px;
}

dl.codebox dt {
display:block;
text-shadows: 1px 1px 1px #000;
text-align: center;
font: 12px 'Unica One';
background: #131313;
color:#858585;
padding: 5px;
}

dl.codebox code {
color:#333333;
font-size:11px;
}

blockquote {
background: #fcfcfc url(https://i42.servimg.com/u/f42/09/02/12/09/commen10.png) 6px 8px no-repeat;
border-bottom: 8px solid #131313;
border-top: none;
border-left: none;
color: #333333;
border-right: none;
}

.content blockquote {
color:#333333;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:12px;
}

blockquote cite {
display: block;
font-family: Dosis;
font-size:12px;
color: #131313;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 1px;
}

blockquote blockquote {background: #858585; }

/*perfil*/

#pr-cuerpo {
margin-left: -40px;
width: 250px;
height: 543px;
overflow: hidden;
}

#pr-name, #pr-name a {
width: 250px;
text-align: center;
background: #000;
line-height: 50px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
margin-top: 2px;
display: inline-block;
font-family: 'Time New Roman';
text-decoration: none;
border-top: 2px solid #131313;
}

#pr-name a {margin-top: -2px}
#pr-name a:hover {text-decoration: none}

#pr-avatar {
width: 250px;
height: 400px;
opacity: 1;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
transition-delay: 1s;
position: static;
}

#pr-info {
position: static;
width: 250px;
height: 400px;
background: #131313;
display: block;
padding: 10px;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
transition-delay: 1s;
}

#pr-info img {position: static; width: 215px; height: 120px; }

#pr-tit {
position: static;
font-size: 0px;
}

#pr-dato {
position: static;
background: #cecece;
width: 215px;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 10px;
padding: 5px;
display: block;
text-align: center;
font-family: 'verdana';
}

#pr-sep {
margin-bottom: -10px;
}

#pr-conta {
position: static;
display: inline-block;
}

#pr-conta img {width: 111px; height: 18.5px; margin-bottom: 1px; }

#pr-rango {
width: 255px;
height: 75px;
}

/*contenido del primer campo del perfil*/
.pr-campo:nth-child(2) #pr-dato:after {
content: " Anos de Idade";
}

/*contenido del primer campo del perfil*/
.pr-campo:nth-child(3) #pr-dato:before {
content: " Dragões de Ouro $: ";
}

/*contenido del primer campo del perfil*/
.pr-campo:nth-child(4) #pr-dato:before {
content: " Veados de Prata $: ";
}

.pr-campo:nth-child(5) #pr-dato:before {
content: "Estrelas de Cobre $: ";
}

.pr-campo:nth-child(6) #pr-dato:before {
content: "Nascido(a) em ";
}

/*contenido del primer campo del perfil*/
.pr-campo:nth-child(7) #pr-dato:before {
content: "";
}

#pr-cuerpo:hover #pr-avatar {
margin-left: -250px;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
transition-delay: .1s;
}

#pr-cuerpo:hover #pr-info {
margin-top: -475px;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

/*-----ESTADISTICAS----*/
.cajamayor{
background: url('http://cdn.wallpapersafari.com/82/39/lqKtQv.jpg');
padding: 10px;
height: 100%;
width: 720px;
}

.useron{
width:auto;
height: 150px;
background: #fff;
opacity: 0.6;
padding: 10px;
text-transform: uppercase;
font-family: sans-serif;
}

.titconect{
background: #1e1b1d;
width: auto;
color: #fff;
padding-left: 20px;
margin-bottom: 5px;
font-size: 35px;
font-family: 'Mrs Saint Delafield';
text-transform: lowercase;
}

.useron{
padding: 5px;
overflow: auto;
}

.leytit{
background: #1e1b1d;
opacity:0.6;
width: auto;
color: #fff;
padding: 10px;
font-size: 11px;
font-family: 'sans-serif';
text-transform: uppercase;
}

#leyenda-ori {
background: #fff;
border: 10px solid #fff;
opacity: 0.6;
color: #aaa;
font-family: calibri;
font-size: 10px;
height: 87px;
overflow: auto;
text-align: justify;
text-transform: uppercase;
width: 325px;
}

.g1 { background: #704D91; }
.g2 { background: #9C9C9C; }
.g3 { background: #4750BA; }
.g4 { background: #FF6F00; }
.g5 { background: #3D3C3C; }
.g6 { background: #BD8E18; }
.g7 { background: #695A41; }
.g8 { background: #CC7E7E; }
.g9 { background: #3D8579; }
.g10 { background: #578FFF; }
.g11 { background: #8FC242; }
.g12 { background: #FFCC00; }
.g13 { background: #487180; }
.g14 { background: #C40E26; }
.g15 { background: #F068CC; }
.g16 { background: #540C0C; }
.g17 { background: #877C32; }
.g18 { background: #F08C5D; }
.g19 { background: #AB3059; }
.g20 { background: #662210; }
.g21 { background: #D1AA36; }
.g22 { background: #594E5C; }

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12, .g13, .g14, .g15, .g16, .g17, .g18, .g19, .g20, .g21, .g22  {
color: #fff;
display: inline-block;
font-family: gabriola;
font-size: 12px;
height: 5px;
margin-top: 2px;
margin-left: 4px;
padding-top: 15px;
padding-bottom: 20px;
text-align: center;
text-transform: uppercase;
text-shadow: 0px 0px 5px #000;
width: 93%;
}

.page-bottom {
background: #fff;
opacity: 0.8;
border-bottom: 1px solid #121212;
display: block;
font-family: calibri;
font-size: 9px;
padding: 10px;
text-align: left;
text-transform: uppercase;
width: 350px;
}

#page-body p.page-bottom {
margin-left: 2px;
}

.newuses{
background: #fff;
opacity: 0.8;
border-bottom: 1px solid #121212;
font-family: calibri;
font-size: 14px;
padding: 10px;
text-align: center;
text-transform: uppercase;
width: auto;
}

.credisesta {
width: auto;
padding: 10px;
height: 320px;
background: #fff;
color: #121212;
}



/*Elimina la parte de los widgets*/
#content-container div#left {
background: trasnparent;
float: left;
height: 100%;
left: 0;
line-height: 100%;
margin-right: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 0px;
}

#left {
position: fixed;
top: 0px;
left:0px;
height: 100%;
}

/*AFILIADOS BY NEEVE*/

.contenidoafis {
width: 1000px;
text-align: center;}

#alfinalforo {position: relative; width: 840px; height: 335px;}

#bro img {border: 1px solid #6b6b6b; margin-right: 3px; margin-top: 5px; width: 50px; height: 100px;}

#direct img {border: 1px solid #6b6b6b; margin-right: 3px; margin-top: 3px; width: 50px; height: 50px;}

.hermanos {width: 330px; position: absolute; right: 5px;}

.elite {position: absolute; left: 5px; width: 495px;}

#elite img {border: 1px solid #6b6b6b; margin-right: 3px; margin-top: 3px; width: 50px; height: 50px;}

.directorio {width: 330px; position: absolute; right: 5px; bottom: 0px;}
.titulo-afi {
text-align: center;
line-height: 100%;
padding-top: 20px;
padding-bottom: 20px;
font-style: italic;
color: #eee;
font-size: 14px;
font-family: Georgia;
font-weight: normal;
text-transform: none;
background: #1e1b1d;
}   
.titulo-afi a {color: #eee;}

Ficará assim http://prntscr.com/fodf9t

Eu só não consegui entender se essas partes marcadas http://prntscr.com/fodeff são os nomes dos fóruns, ou são partes personalizadas... caso deseja alguma alteração, nos diga.

Até mais
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema de com aparência dos fóruns e sub fóruns

Mensagem por Luiz 01.07.17 14:03

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos