Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Problema de com aparência dos fóruns e sub fóruns
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Problema de com aparência dos fóruns e sub fóruns
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.
Re: Problema de com aparência dos fóruns e sub fóruns
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'.
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'.
Re: Problema de com aparência dos fóruns e sub fóruns
Estou enviando os dois CSS
Antigo
Novo
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;}
Re: Problema de com aparência dos fóruns e sub fóruns
A senhora deseja só o alinhamento ou a coloração branca/cinza do antigo também?
Re: Problema de com aparência dos fóruns e sub fóruns
Olá senhorita, altere o novo CSS por esse
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
- 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
Re: Problema de com aparência dos fóruns e sub fóruns
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. |
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos