ddddddddddddddddddddddddddddddddddddddc
ddddddddddddddddddddddddddddddddddddddc
- Spoiler:
- ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddccccccccccccccccccdc
Hugh- Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 25
Localização : Twinleaf Town
Re: ddddddddddddddddddddddddddddddddddddddc
- Código:
$(document).ready(function() {
$('head').append(
'<style type="text/css">' +
'.bs_spoiler span.bs_spoiler_title {' +
'line-height: 1.5em;' +
'font-size: 13px;' +
'font-family: tahoma,helvetica,arial,sans-serif;' +
'color: #282828;' +
'font-weight: bold;' +
'}' +
'.bs_spoiler_showhide {' +
'min-width: 45px;' +
'cursor: default;' +
'font-size: .8em;' +
'margin: 0 5px;' +
'}' +
'.bs_spoiler_wrapper {' +
'border: 1px inset #777;' +
'padding: 4px;' +
'}' +
'</style>'
);
var entry = $('.postbody');
entry.html(function() {
return $(this)
.html()
.replace(/\[bspoiler](.*?)\[\/bspoiler\]/g,'<div class="bs_spoiler"><span class="bs_spoiler_title">Spoiler</span><input type="button" class="bs_spoiler_showhide" /><div class="bs_spoiler_wrapper"><div class="bs_spoiler_content" style="display:none">$1</div></div></div>');
});
$('.bs_spoiler').each(function() {
var oThis = $(this);
var sh = oThis.find('.bs_spoiler_showhide');
var content = oThis.find('.bs_spoiler_content');
var show = 'Mostrar';
var hide = 'Ocultar';
sh.attr('value',show);
sh.on('click', function() {
if(content.is(':visible')) {
sh.attr('value',show);
content.hide();
}
else {
sh.attr('value',hide);
content.show();
}
});
});
});
Survival- Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 28
Re: ddddddddddddddddddddddddddddddddddddddc
Survival- Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 28
Re: ddddddddddddddddddddddddddddddddddddddc
Por sinal, a esfera sobre o avatar no perfil seria a localização dos RANKS. Eu achei que seria interessante utiliza-los unicamente para registrar as vilas que os membros pertencem, e as demais informações ficarem dentro dos campos do perfil (ao posicionar o mouse sobre o avatar).
Hugh- Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 25
Localização : Twinleaf Town
Re: ddddddddddddddddddddddddddddddddddddddc
O simbolo mostra a vila e a cor, a graduação (tendo bandanas vermelhas para chunnins, pretas para jounins, etc). Essa esfera irá substituir isso?
Survival- Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 28
Re: ddddddddddddddddddddddddddddddddddddddc
A primeira, gerar a imagem das vilas de fora esférica, estando acompanhadas com a borda que simula a coloração do nível de graduação
Ou posso fazer os RANKs com a aparência da bandana, sobrepondo a parte superior do avatar, aí bastaria fazer um RANK para cada vila/graduação. O que seria interessante também, pois seria possível faze-lo de forma "tridimensional" o que simulara a bandana estar sobre o avatar como se fosse de fato a cabeça do personagem
Hugh- Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 25
Localização : Twinleaf Town
Re: ddddddddddddddddddddddddddddddddddddddc
Survival- Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 28
Re: ddddddddddddddddddddddddddddddddddddddc
Por exemplo: Ao clicar sobre o grupo, irá aparecer um campo contendo a descrição do grupo e uma imagem de fundo que contenha o simbolo da vila, por exemplo.
E sobre o perfil irei voltar para o método anterior, com os RANKS em forma oval, mas se preferir posso coloca-los da forma padrão (retangular).
Hugh- Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 25
Localização : Twinleaf Town
Re: ddddddddddddddddddddddddddddddddddddddc
Bem, ainda tem o retângulo verde atrapalhando a leitura e o chat também parece estar estranho, aqui um print:
Survival- Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 28
Re: ddddddddddddddddddddddddddddddddddddddc
Survival- Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 28
Re: ddddddddddddddddddddddddddddddddddddddc
Duis id blandit turpis, quis auctor est. Vestibulum et diam tincidunt, condimentum nibh eget, lacinia leo. Fusce eget consectetur dui. Fusce dignissim, dui in hendrerit tristique, felis velit porttitor mi, sed malesuada purus justo sed eros. Proin nibh odio, pulvinar non augue in, elementum malesuada erat. Cras fermentum elit dapibus, porta risus ac, semper mi. Integer a felis leo. Cras dictum eget mi ornare viverra. Curabitur eget laoreet tortor. Proin leo purus, accumsan quis pulvinar nec, gravida sit amet lorem. Etiam sed blandit mauris, et aliquam mi. Fusce eleifend vitae felis in rhoncus. Etiam quam elit, vehicula ut scelerisque ut, tristique et metus. Nam ultricies id leo sit amet mattis. Nam placerat eu massa blandit volutpat. Nunc pulvinar nec orci eu auctor. Ut malesuada fringilla augue, luctus feugiat lorem vestibulum a. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nunc in turpis sed velit pulvinar varius. Aliquam neque ex, placerat vitae facilisis non, facilisis eget nunc. Duis ultrices est vitae magna vehicula interdum. Phasellus faucibus, mauris eget egestas porttitor, est purus suscipit ex, a venenatis lacus tortor quis diam. Phasellus at ligula tempor, gravida orci sed, commodo odio. Morbi semper fermentum dui, at vulputate odio. Mauris porttitor mauris sit amet arcu condimentum fringilla. Aliquam fringilla suscipit lorem, sed placerat nulla commodo sed. In hac habitasse platea dictumst. Proin massa mauris, gravida vitae nibh ut, gravida bibendum neque. Phasellus ut diam non metus fringilla aliquet. Nullam scelerisque quis nisi nec ultricies. Aenean porttitor nunc sit amet posuere interdum.
Hugh- Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 25
Localização : Twinleaf Town
Re: ddddddddddddddddddddddddddddddddddddddc
Survival- Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 28
Re: ddddddddddddddddddddddddddddddddddddddc
Hugh- Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 25
Localização : Twinleaf Town
Re: ddddddddddddddddddddddddddddddddddddddc
Survival- Mensagens : 6
Data de inscrição : 10/03/2016
Idade : 28
Re: ddddddddddddddddddddddddddddddddddddddc
background: ;
border: 4px double #C0CCC0;
padding: 15px;
margin-left: -10px;
}
#cp-main h1 {
color: black;
line-height: 22px;
}
.esta0 {
min-height: 300px;
max-height: 600px;
}
#esta {
background: rgba(130, 99, 90, 0.1);
margin-left: 0px;
margin-top: -5px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 7px;
width: 1003px;
font-size: 10px;
border-bottom: 15px solid #83645b;
}
.esta1 {
width: 400px;
padding-left: 10px;
text-align: justify;
font-size: 10px;
line-height: 15px;
}
.esta2 {
width: 400px;
padding-left: 10px;
border-left: 5px solid #83645b;
text-align: justify;
font-size: 10px;
line-height: 15px;
}
#es-rec, #es-leye {
background: ;
font-size: 11px;
width: 475px;
height: 150px;
overflow: auto;
display: inline-block;
padding: 10px;
text-align: justify;
}
#es-tit, #leye-tit {
width: 485px;
padding: 5px;
background: #65737A;
margin-top: -10px;
margin-left: -10px;
line-height: 20px;
font-size: 12px;
letter-spacing: 2px;
color: #F3F2ED;
font-family: 'Unica One';
text-transform: uppercase;
text-align: center;
text-decoration: none;
font-weight: lighter;
}
#es-leye {
width: 972px;
height: auto;
margin-left: 2px;
margin-top: 3px;
text-align: center;
}
#leye-tit {
width: 982px;
margin-bottom: 10px;
}
#es-recp {
width: 489px;
padding: 3px;
background: #BDB78C;
margin-left: -10px;
line-height: 15px;
font-size: 7px;
font-family: 'verdana';
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
font-weight: lighter;
}
#page-body p.page-bottom {
width: 325px;
padding: 5px 2px;
background: ;
margin-left: 2px;
line-height: 15px;
font-size: 8px;
font-family: 'verdana';
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
font-weight: lighter;
display: inline-block;
}
#ley1, #ley2, #ley3, #ley4, #ley5, #ley6 {
margin: 1px;
padding: 2px;
font-weight: 400;
line-height: 14px;
font-style: italic;
font-size: 10px;
font-family: Arial;
color: #fff;
letter-spacing: 0px;
text-transform: uppercase;
text-align: center;
display: inline-block;
}
#ley1 a {color: #AA00FF; }
#ley2 a {color: #AD9810; }
#ley3 a {color: #224FD4;; }
#ley4 a {color: #DCB34E; }
#ley5 a {color: #AF6C77; }
#ley6 a {color: #333333; }
h1.page-title, .h3 {
background-image: url(https://i.imgur.com/ks7DYZQ.png);
text-align: center;
padding: 28px;
font-weight: 700;
color: white;
font-family: cousine;
font-size: 12px;
text-shadow: 0px 0px 1px #000;
letter-spacing: 3px;
text-transform: uppercase;
margin: px;
}
h1.page-title a, .h3 a {
color: #ebe4da;
}
/*****topicos*****/
/* P E R F I L E S */
#perfil-cuerpo {
float: left;
position: absolute;
background: #E5E5E5;
border: 4px double white;
padding: 10px;
width: 155px;
overflow: hidden;
margin-left: 0px;
margin-top: px;
}
#perfil-avatar {
margin: 0px;
margin-left: 0px;
width: 155px;
overflow: hidden;
text-align: center;
margin-top: px;
margin-bottom: 5px;
}
#perfil-img img {
width: 150px;
height: 300px;
border: 2px solid white;
position: static;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
transition-delay: 2s;
}
#perfil-cuerpo:hover #perfil-img img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
#perfil-img img {
filter: none !important;
}
#perfil-avatar {
padding-bottom: px;
}
#perfil-avatar > .fa-show-hidden-profile {
margin-top: 10px;
background: white;
border: 3px double #a0877d;
padding: 2px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: -1px;
width: 150px;
text-align: center;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
-ms-box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
-o-box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
}
.fa-hidden-profile,
.fa-hidden-profile * {
box-sizing: border-box;
}
.fa-hidden-profile {
background-color: #fff;
border-radius: 6px;
border: solid 10px #bbb;
position: absolute;
left: 110%;
padding: 10px;
}
.fa-hidden-profile .fa-hidden-profile-rank {
display: block;
text-align: center;
}
.fa-hidden-profile .fa-hidden-profile-rank > img {
max-height: 65px;
width: auto;
}
#perfil-fijo {
background: white;
border: 3px double #a0877d;
padding: 2px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0px;
width: 143px;
text-align: center;
}
#perfil-nombre, #perfil-nombre a, #perfil-nombre strong {
font-family: oswald;
font-size: 18px;
line-height: 22px;
font-weight: 400;
text-align: center;
padding: right: 5px;
display: block;
text-transform: uppercase;
}
.postbody {
min-height: 450px;
top: 5px;
font-size: 10px;
margin-left: 10px;
padding: 10px;
padding-top: 10px;
width: 700px;
border-left: px solid #D0D0D0;
}
.post1 {
background: ;
border-bottom: 5px solid darkgreen;
position: relative;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 6px;
padding-left: 2px;
}
.postbody .content {
padding: 15px;
margin-left: -83px;
position: relative;
width: 750px;
border: 10px solid #e9e9e9;
}
/*titulo de los temas*/
#post-tite {
background: #2E8B57;
text-align: center;
padding: 10px;
width: 990px;
margin-left: -5px;
color: white;
font-family: cousine;
font-size: 10px;
text-transform: uppercase;
}
#post-tite a {
color: white;
font-family: cousine;
font-size: 10px;
letter-spacing: px;
text-transform: uppercase;
}
/*autor de los mensajes*/
p.author {
float: left;
margin-top: px;
margin-left: -55px;
padding: 5px;
display: block;
font-size: 11px;
letter-spacing: 0px;
font-family: tahoma;
color: #333;
width: 790px;
text-align: left;
border-bottom: 1px solid white;
}
/*editar-citar-borrar*/
.postbody ul.profile-icons {
margin-top: -20px;
margin-right: -15px;
text-align: center;
}
.boton {
margin-top: -35px;
width: 70px;
line-height: 20px;
display: inline-block;
background: #7B5F54;
outline: 1px solid #f3f3f3;
margin-left: 3px;
margin-right: 3px;
border: 2px solid #fff;
font-size: 7px;
letter-spacing: 1px;
font-family: 'verdana';
color: #fff;
text-align: center;
text-transform: uppercase;
}
/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #fcfcfc;
outline: 1px solid #f3f3f3;
margin: 1px;
border-top: none;
border-left: none;
border-right: none;
font-size: 11px;
}
dl.codebox dt {
display:block;
text-shadows: 0px 0px 1px #000;
text-align: center;
font: 8px 'verdana';
text-align: uppercase;
background: #8C8A62;
color:#ffffff;
padding: 5px;
margin-bottom: 3px;
}
dl.codebox dt a {color: #eee; }
dl.codebox code, .spoiler_content.hidden {
color:#333333;
font-size:11px;
background-color: #fff;
outline: 1px solid #f3f3f3;
margin: 1px;
padding: 5px;
line-height: 12px;
text-align: justify;
}
blockquote {
outline: 1px solid #f3f3f3;
margin: 1px;
color: #333333;
}
.content blockquote, .content blockquote div {
color: #333;
display: block;
background: #fff;
outline: 1px solid #f3f3f3;
margin: 1px;
border: 5px solid #fff;
}
blockquote div {margin-left: 0px; }
blockquote cite {
display: block;
font-family: verdana;
font-size: 8px;
color: #fff;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 1px;
text-align: center;
padding: 5px;
background: #8C8A62;
margin-bottom: 5px;
}
blockquote blockquote {
background: #fcfcfc;
border: 1px solid #f3f3f3;
}
/*Color de las pestañas del Perfil*/
#tabs {
float: center;
width: 1008px;
background-color: ;
margin: 1px;
padding: 10px 0px;
color: #7B5F54;
font-size: 8px;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
display: block;
}
/*Efecto en la numeracion de paginas*/
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
background-color: #7B5F54;
border: 1px solid #7B5F54;
color: #fff;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}
.pagination span strong {
background-color: #E9E7CA;
border: 1px solid #7B5F54;
border:none;
color: #fff;
font-size: 10px;
margin: 0 2px;
padding: 0 2px;
}
.pagination span a:hover {
background-color: #E5DCC3;
border: 1px solid #7B5F54;
border:none;
color: #fff;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}
/*botones*/
a.button1, a.button2, button.button2, input.button1, input.button2 {
background: #7B5F54;
border: 0px;
color: #fff;
display: inline-block;
font-family: calibri;
font-size: 10px;
outline: medium none;
padding: 5px 8px;
text-transform: uppercase;
letter-spacing: 1px;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: #7B5F54;
border: 0px;
color: #fff;
display: inline-block;
font-family: calibri;
font-size: 10px;
outline: medium none;
padding: 5px 8px;
text-transform: uppercase;
}
/****Chatbox****/
#chatbox_header {
background-image: url(https://i.imgur.com/ks7DYZQ.png);
font-family: verdana;
letter-spacing: px;
font-size: px;
}
#chatbox_footer {
font-size:;
font-family: verdana;
background-image: url(https://i.imgur.com/ks7DYZQ.png);
height: 100px;
}
.chatbox-title {
color: ;
padding-top: 3px;
padding-bottom: 7px;
font-size: 21px;
font-family: arial;
letter-spacing: -1px;
text-transform:uppercase;
font-weight: 700;
}
/**/
/****Nada de muito importante****/
::-webkit-scrollbar {
width: 7px;
height: 5px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 5px;
display: block;
background: #b0b0b0;
}
::-webkit-scrollbar-track-piece {
background: #b0b0b0;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background: #181818;
border: 1px solid #;
}
/*barrita horizontal*/
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background: #181818;
border: 1px solid #;
}
.sublinks {
font-family: roboto condensed;
border: 5px solid #e4ceae;
background-image: url(https://i.imgur.com/VVZgXjP.png);
background: #e4ceae;
color: white;
height: 20px;
margin: 10px 95px 5px;
overflow: hidden;
position: absolute;
width: 583px;
top: 48px;
text-align: center;
text-transform: uppercase;
-moz-transition: .5s ease-in;
-ms-transition: .5s ease-in;
-o-transition: .5s ease-in;
-webkit-transition: .5s ease-in;
}
.sublinks:hover {
font-family: roboto condensed;
border: 5px solid #e4ceae;
background-image: url(https://i.imgur.com/VVZgXjP.png);
background: #e4ceae;
color: red;
cursor: default;
height: 125px;
max-height: 125px;
margin: 10px 95px 5px;
overflow: hidden;
position: absolute;
width: 583px;
top: 48px;
text-align: center;
text-transform: uppercase;
-moz-transition: .5s ease-in;
-ms-transition: .5s ease-in;
-o-transition: .5s ease-in;
-webkit-transition: .5s ease-in;
}
.icon {
position: relative !important;
left: 30px;
}
.boom:hover .boom1 {
transform: translateX(0px);
}
.boom .boom1 {
background-color: #EBEBEB;
height: 100px;
opacity: 1;
overflow: auto;
transform: translateX(600px);
transition: all .8s ease-in-out;
width: 583px;
}
.boom:hover img {
transform: translateY(-300px);
}
.boom img {
display: block;
height: 260px;
margin: 0;
padding: 0;
position: absolute;
transition: all .8s ease-in-out;
width: 583px;
}
.boom {
border: 5px solid #e4ceae;
cursor: default;
height: 100px;
margin: 15px 95px 5px;
outline: 3px solid #e4ceae;
outline-offset: 2px;
overflow: hidden;
position: relative;
width: 583px;
}
a.forumtitle {
-moz-transition: .5s ease-in;
-ms-transition: .5s ease-in;
-o-transition: .5s ease-in;
-webkit-transition: .5s ease-in;
color: #EBEBEB;
display: inline-block;
font-family: roboto condensed;
font-size: 23px;
height: 13px;
letter-spacing: px;
margin-left: -10px;
margin-top: 15px;
padding: 3px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #000;
transition: .5s ease-in;
text-transform: uppercase;
width: 800px;
}
a.forumtitle:hover {
-moz-transition: .5s ease-in;
-ms-transition: .5s ease-in;
-o-transition: .5s ease-in;
-webkit-transition: .5s ease-in;
color: #e02020;
display: inline-block;
height: 13px;
font-family: roboto condensed;
font-size: 23px;
letter-spacing: 0;
margin-left: -10px;
margin-top: 15px;
padding: 3px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #000;
transition: .5s ease-in;
text-transform: uppercase;
width: 800px;
}
ul.forums {
background: ;
}
ul.forums li.row dl.icon dd.lastpost {
background: none repeat scroll 0 0 #e4ceae;
color: #000;
font-size: 12px;
font-variant: small-caps;
height: 40px;
left: 87px;
letter-spacing: 1px;
line-height: 18px;
margin-bottom: 10px;
margin-left: 55px;
margin-top: -92px;
outline: 6px solid #e4ceae;
outline-offset: 2px;
padding: 20px;
position: relative;
text-align: justify;
width: 365px;
}
.lastpost-avatar img {
display: block;
height: 50px;
width: 30px;
margin-right: 30px;
margin-bottom: 10px;
top: 30px;
}
.forabg .row {
background: url(https://i.imgur.com/VgiNmUY.png);
width: 923px;
margin-lefT: 45px;
margin: 30px;
height: 270px;
overflow: hidden;
}
.forabg dd.topics {
background-color: #e4ceae;
color: #a08c6d;
font-family: Oswald;
font-size: 11px;
height: 4px;
left: 40px;
line-height: 8px;
margin-left: 526px;
margin-top: 5px;
outline: 4px solid #e4ceae;
outline-offset: 2px;
padding: 15px;
position: relative;
text-transform: uppercase;
width: 16%;
}
.forabg dd.posts {
background-color: #e4ceae;
color: #a08c6d;
font-family: Oswald;
font-size: 11px;
height: 4px;
left: 40px;
line-height: 8px;
margin-bottom: 10px;
margin-left: 526px;
margin-top: 16px;
outline: 4px solid #e4ceae;
outline-offset: 2px;
padding: 15px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 16%;
}
/**/
.topoforum {
display: block;
width: 1036px;
height: 150px;
background: url(https://i.imgur.com/YBfi9Fc.png);
position: fixed;
text-align: center;
top: 0;
margin-left: -19px;
z-index: 999;
}
li.header {
margin-left: -5px;
position: relative;
text-align: center;
background: url(https://i.imgur.com/ks7DYZQ.png);
background-position: center;
font-weight: 700;
letter-spacing: 0;
padding: 45px;
text-transform: none;
}
/*Titulo do Forum*/
.table-title h2 {
font-size: 11px;
padding: 10px;
border: 1px solid white;
line-height: 11px;
letter-spacing: 2px;
font-weight: 100;
font-family: cousine;
}
/*centra el titulo de la categoria*/
.forabg li.header dd.dterm {
width: 92%;
}
/****Base Principal****/
#logo img{
width: 1010px;
margin-left: -15px;
margin-top: -5px;
position: relative;
}
#wrap {
background: white;
border-left: solid 10px #0a0a0a;
border-right: solid 10px #0a0a0a;
border-top: solid 10px #0a0a0a;
margin-top: 123px;
padding: 0px 5px;
min-width: 1000px;
max-width: 1000px;
overflow-x: hidden;
display: block;
position: relative;
}
body {
background-image: url(https://i.imgbox.com/DTgmgnxM.png);
background-position: center top;
background-attachment: fixed;
color: #000;
padding: 0px;
height: auto;
z-index: -999;
}
/*barra del menu*/
ul.navlinks {
width: 1010px;
padding-top: 5px;
padding-bottom: 3px;
background: #2F4F4F;
font-family: cousine;
font-size: 8px;
text-align: center;
letter-spacing: 1px;
word-spacing: 1px;
font-weight: lighter;
cursor: pointer;
margin-top: -16px;
margin-left: -15px;
}
ul.navlinks a {
color: #F3F2ED;
text-transform: uppercase;
letter-spacing: 0px;
font-weight: 100;
}
ul.navlinks a:hover {text-decoration: none; }
/****outros****/
/*desaparece la cabera*/
.forabg li.header dd.lastpost {
display:none;
}
.forabg li.header dd.posts {
display:none;}
.forabg li.header dd.topics {
display:none;
}
.forabg li.row dd.posts:after {
content: "Postagens";
}
.forabg li.row dd.topics:after {
content: "Tópicos";
}
.tituloparceiros {
text-transform: uppercase;
font-family: Roboto Condensed;
font-size: 40px;
color: black;
text-align: right;
width: 745px;
border-bottom: 10px solid black;
float: right;
}
.circulo1 {
position: relative;
z-index: 999;
top: 215px;
left: 175px;
background: url(https://i.imgur.com/x7a1hJ0.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
}
.circulo1:hover {
position: relative;
z-index: 999;
top: 215px;
left: 175px;
background: url(https://i.imgur.com/NNWYkHT.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
transition: 0.8s;
}
.circulo2 {
position: relative;
z-index: 999;
top: 245px;
left: 175px;
background: url(https://i.imgur.com/KbIR0h0.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
}
.circulo2:hover {
position: relative;
z-index: 999;
top: 245px;
left: 175px;
background: url(https://i.imgur.com/c5HKOHN.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
transition: 0.8s;
}
.circulo3 {
position: relative;
z-index: 999;
top: 275px;
left: 175px;
background: url(https://i.imgur.com/0gt5r9i.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
}
.circulo3:hover {
position: relative;
z-index: 999;
top: 275px;
left: 175px;
background: url(https://i.imgur.com/ms8O7mW.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
transition: 0.8s;
}
.tabela1 {
display: block;
position: relative;
height: 280px;
width: 220px;
background: ;
border: none;
}
.tabela1img {
height: 265px;
width: 205px;
padding: 5px;
}
.tabela2 {
display: block;
position: relative;
top: -280px;
left: 205px;
height: 270px;
max-height: 280px;
overflow: auto;
width: 745px;
background: ;
border: none;
margin-left: 10px;
padding-top: 10px;
padding-bottom: -10px;
padding-left: 36px;
}
.parceiros:hover {
border: 3px solid #d42d2d;
transition: 0.8s;
}
.parceiros {
background: white;
height: 31px;
width: 88px;
margin: 5px;
border: 3px solid #3b3b3b;
}
.copyrights {
position: relative;
text-transform: uppercase;
text-align: center;
width: auto;
background: white;
color: black;
font-size: 11px;
font-family: roboto condensed;
padding: 5px;
}
.fundoparceiros {
display: none;
background: url(https://i.imgur.com/SIw215b.png);
padding-top: 180px;
width: 1010px;
text-align: center;
overflow: hidden;
}
.fundoparceiros img {
background: white;
margin: 4px;
border: 1px solid #83645b;
box-shadow: 0px 0px 2px #83645b;
width: 88px;
height: 31px;
}
/* T A B L O N D E A N U N C I O S */
.module {
background: ;
border: 6px double #DADEDA;
overflow: hidden;
padding: 0px 10px;
}
#tab-background {
background: ;
border: 5px double #DADEDA;
overflow: hidden;
padding: 7px;
padding-bottom: 5px;
padding-top: 5px;
margin: 7px;
}
#tab-nom {
width: 218px;
padding: 10px;
background: #44473E;
border-bottom: 10px solid #7A2C18;
display: none;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
line-height: 30px;
text-align: right;
}
#tab-nom:after {content: ",";}
#tab-cont {
width: 200px;
padding: 5px;
padding-left: 10px;
background: #DADEDA;
border: 2px solid #FBF3E8;
outline: 2px solid #DADEDA;
text-align: left;
font-family: verdana;
height: 264px;
overflow: hidden;
font-size: 10px;
letter-spacing: 0px;
line-height: 11px;
}
#tab-cont a {
font-size: 10px;
}
#tab-amb {
width: 200px;
padding: 10px;
background: #9BB09B;
border: 5px double white;
height: 257px;
margin-left: 5px;
color: white;
overflow: auto;
font-size: 10px;
line-height: 11px;
text-align: justify;
}
#tab-nov {
background: #8FBC8F;
border: 2px solid #FBF3E8;
outline: 2px solid #8FBC8F;
width: 180px;
margin-left: 5px;
padding: 0px;
height: 276px;
overflow: hidden;
font-size: 11px;
line-height: 12px;
text-align: justify;
}
#tab-staff {
width: 160px;
padding: 5px;
height: 255px;
overflow: hidden;
font-size: 11px;
line-height: 12px;
text-align: justify;
}
#nov-fecha {
padding: 2px 6px;
background: black;
border-radius: 6px;
-moz-border-radius: 6px;
color: #aaa;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 2px;
}
#tab-staff a {
background: #2F4F4F;
color: white;
display: inline-block;
font-size: 8px;
line-height: 9px;
text-transform: uppercase;
letter-spacing: 2px;
padding: 8px;
margin: 2px;
text-align: center;
width: 150px;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}
#tab-staff a:hover {
background: #7A2C18;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}
#tab-staff2 {
width: 108px;
padding: 10px;
background: #a0877d;
border: 5px double #ebe4da;
height: 257px;
margin-left: 5px;
color: white;
overflow: auto;
font-size: 10px;
line-height: 11px;
text-align: justify;
}
/*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%;
}
#content-container div#content { margin-right: 0px !important;}
Hugh- Mensagens : 380
Data de inscrição : 27/01/2013
Idade : 25
Localização : Twinleaf Town
|
|