Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
7kgmlcdkv
 
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 

Quem está conectado
268 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 264 Visitantes :: 2 Motores de busca

7kgmlcdkv, AlexG, soldado, uvmyyvpew

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Como posicionar o retangulo

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

Resolvido Como posicionar o retangulo

Mensagem por Vitor-Vicente em 13/04/15, 06:53 pm

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Administrador
Navegador usado : Opera
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://mastergz.forumbrasil.net

Descrição do problema

Olá , coloquei o código na css edição crumbs, funcionou mas ficou mal posicionado, talvez afinado esse retângulo, iria ficar bom.

http://prntscr.com/6teflp
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Como posicionar o retangulo

Mensagem por Shaman em 13/04/15, 07:12 pm

Olá, adicione isto em seu CSS:

Código:
.pun-crumbs p {padding: 0px 3px !Important;}
.pun .crumbs {top: -39px!important;}

Veja como fica, até mais!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Como posicionar o retangulo

Mensagem por Vitor-Vicente em 13/04/15, 07:19 pm

Olá, quando aparece a opção curtir, veja como fica, seá que tem como afinar mais um pouco.

http://prntscr.com/6teup8

http://mastergz.forumbrasil.net/t60-torneio-8-ball-08-playes-double-eliminacion-13-04-2015-registro
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Como posicionar o retangulo

Mensagem por Shaman em 13/04/15, 07:26 pm

Procure por:
Código:
.pun .crumbs {
Apague o conteúdo
}
em seu CSS

Subistitua o Apague o conteúdo pelo código abaixo.

Código:
  left: -1px!important;
  position: relative!important;
  top: 20px!important;

Até mais!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Como posicionar o retangulo

Mensagem por Vitor-Vicente em 13/04/15, 08:03 pm

Olá, será que essa barra cinza sai ?

http://prntscr.com/6tfeig
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net
  • 0

Resolvido Re: Como posicionar o retangulo

Mensagem por Sennior em 13/04/15, 08:42 pm

Saudações amigo,

Sim, basta procurar em teu CSS por:
Código:
.pun-crumbs p
Depois que achar, apague:
Código:
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
border-color: #292929;
border-radius: 5px;
border-style: solid;

E aí resultou?
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como posicionar o retangulo

Mensagem por Vitor-Vicente em 13/04/15, 09:08 pm

Olá, nao resultou nao , mesma coisa.
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Como posicionar o retangulo

Mensagem por Sennior em 13/04/15, 11:29 pm

Saudações,

Poderia me mandar tua Folha de Estilo CSS?
Fica mais fácil para mim retirar o que esta dando problema, sem riscos que delete algo a mais. Positivo

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como posicionar o retangulo

Mensagem por Vitor-Vicente em 13/04/15, 11:31 pm

Código:
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
border-color: #292929;
border-radius: 5px;
border-style: solid;
left: -1px!important;
position: relative!important;
top: 20px!important;

p.crumbs {background: url(http://i.imgur.com/5cds98J.png) repeat-x scroll 0 0 #E0E0E0 !important;border: 1px solid #D6D6D6 !important;
border-radius: 3px !important;box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;line-height: 37px !important;margin-bottom: 15px !important;overflow: hidden !important;text-shadow: 0 1px 0 #FFF !important;}.pun .crumbs a {background: url(http://i.imgur.com/F7sgCcz.png) no-repeat scroll 100% -1px transparent !important;color: #777!important !important;font-size: 10px !important;line-height: 30px !important;padding: 11px 17px 11px 4px !important;}
p.crumbs a:hover {background-position: 100% -43px !important;}#content-container div#container {position: relative !important;top: 2pc !important;}.pun .crumbs {position: absolute !important;top: -47px !important;width: 930px !important;left: -1px !important;max-width: 924px !important;}

/*****PARCERIA*******/
#parceiros img {
  height: 102px !Important;
  width: 190px !Important;
  opacity: .2;
  border: 2px solid rgba(190, 184, 184, 0.64);
  margin-bottom: 5px;
  -webkit-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -ms-transition-duration: .8s;
  -o-transition-duration: .8s;
  transition-duration: .8s;
}
 

.webstore-button.webstore-A-B-C {
  border-color: #909090 !Important;
  background-color: #909090 !Important;
  background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#909090)) !Important;
  background-image: -webkit-linear-gradient(top,#565252 0%,#626161 100%) !Important;
  background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0) !Important;
  border-radius: 5px !Important;
  -webkit-border-radius: 5px !Important;
  -moz-border-radius: 5px !Important;
  -o-border-radius: 5px !Important;
  padding-bottom: 4px !Important;
}

.webstore-button.webstore-A-B-C {
  border-color: #909090 !Important;
  background-color: #909090 !Important;
  background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#909090)) !Important;
  background-image: -webkit-linear-gradient(top,#565252 0%,#626161 100%) !Important;
  background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0) !Important;
  border-radius: 5px !Important;
  -webkit-border-radius: 5px !Important;
  -moz-border-radius: 5px !Important;
  -o-border-radius: 5px !Important;
  padding-bottom: 4px !Important;
}
/****PARCERIA FIM****/


.pun .postmain {background: #141414!important;}
.pun .post {background: #141414!important;}
.pun .post .user {background: #2a2a2a!important;}


#alertGuest {background: #141414!important;}
tr {background: #141414!important;}

tr {
  background: #313131;
  border: 1px solid #292929;
}
.pun tbody.statused span.status img {  margin-left: 7px !Important; margin-top: 25px !Important;}

.pun .main-content{background: #141414 !Important;}
.resizebox {background-color: transparent !Important;}
.resizebox .resize_border{border: none !Important;}
tr {
  background: #313131;
  border: 1px solid #292929;
}
.pun tbody.statused span.status img {  margin-left: 7px !Important; margin-top: 25px !Important;}

.cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }


.goog-te-gadget-simple .goog-te-menu-value span {color: black !Important;}

/*Destaque do mês*/
.destaque img.avatar_d {
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.destaque h4 {font-weight: normal;}
    .bs_badge {
    background: #7ba60d;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 8px;
    }
    .bs_badge_lightgrey {
    background: #b3b3b3;
    }
.bs_badge, .bs_badge a {color: #fff !important;}
.reset_cursor {
cursor: default;
}
.destaque .main-content table {
background: #F6F8FA;
border: 1px solid #DCE2EC;
width: 100%;
}

/****************************************************
**Template Adaptado por Mindlezz, de SkinsDev.com,
**Visitanos :D
*****************************************************/

#pun-head {
display: none;
}
#pun-visit.clearfix {
display: none!important;
}
#pun-intro {
display: none;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
img, .input_check, .input_radio {
vertical-align: middle;
}
body {
font: normal 13px helvetica,arial,sans-serif;

}

html, body {
background: #282828 url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
color: #5a5a5a;
}

#header_bar {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
border-bottom: 1px solid #000;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
padding: 0;
text-align: right;
position: relative;
}

.main_width {
margin: 0 auto;
width: 87% !important;
min-width: 960px;
}
.main_width {
width: 80% !important;
}
#admin_bar {
font-size: 11px;
line-height: 36px;
}

.left {
float: left;
}

ol, ul {
list-style: none;
}


.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
#admin_bar a {
color: #8a8a8a;
}
#admin_bar a:hover {
  color: white;
}
img, .input_check, .input_radio {
vertical-align: middle;
}

fieldset, img {
border: 0;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation a {
color: #fff;
font-size: 11px;
}
#user_navigation #register_link {
background: #C4411C;
color: #fff;
display: inline-block;
padding: 3px 8px;
border: 1px solid #BC3C18;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}




/*CSS IMPORTANTE PARA CAMBIAR LA IMAGEN DEL BRANDING*/

#branding {
  -moz-background-size: cover;
  -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg',sizingMethod='scale');
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg',sizingMethod='scale');
  min-height: 150px;
  background: url('http://i.imgur.com/p5pGhmV.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
#branding, #header_bar, #primary_nav {
  min-width: 980px;
}

/*END CSS IMPORTANTE PARA CAMBIAR LA IMAGEN DEL BRANDING*/
#logo {
display: inline;
}


.logo {
color: #fff;
font: 35pt "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
float: left;
margin-top: 1em;
text-shadow: 0px 0px 10px #000;
filter: dropshadow(color=#000000,offx=0,offy=0);
}
#logo a {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s linear;
text-shadow: 0px 0px 10px #000;
filter: dropshadow(color=#000000, offx=0, offy=0);
}

.logo span {
color: #c4411c;
margin-right: 0.2em;
}
.logo .sub {
font-size: 25pt;
margin-left: 0.5em;
color: #fff !important;
}
/*buscador*/
.search {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: opacity 1s linear;
margin-top: 33px;
}
.search:hover {
  opacity: 1;
}
.ipsBox, .ipsPad {
padding: 9px;
}

.ipsBox {
background: #313131;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #292929;
margin-bottom: 1em;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
.searchbox {
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.hide {
display: none;
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://demo.themetent.com/public/style_images/firebox/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 130px;
outline: 0;
line-height: 25px;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #eaeaea;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
.clickable {
cursor: pointer;
}
#search .submit_input {
background: #C4411C url(http://demo.themetent.com/public/style_images/firebox/search_icon.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #BC3C18;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
}

/*navbar*/
#primary_nav {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav.png) repeat-x bottom;
border-bottom: 1px solid #000;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
border-top: 1px solid #292929;
border-bottom: 1px solid #1a1919;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
#community_app_menu>li {
margin: 0px 3px 0 0;
position: relative;
}

#community_app_menu>li>a {
color: #939393;
display: block;
padding: 10px 15px 8px;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}

#quickNavLaunch span {
background: url(http://demo.themetent.com/public/style_images/firebox/icon_quicknav.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav_hover.png) repeat-x bottom;
color: #fff;
margin-top: 0;
text-shadow: none;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
#community_app_menu>li.active>a {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav_hover.png) repeat-x bottom;
color: #fff;
margin-top: 0;
text-shadow: none;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-left: 1px solid #292929;
border-right: 1px solid #292929;
}

#contenido {
width: 90% !important;
  margin: 0 auto;
}

#contenido {
padding: 10px 10px;
line-height: 120%;
}

/*index_box*/
.adent_ {
  background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.pun .adent_ table.table td {
background: none!important;
border: 0;
}
.main .main-foot, .main .main-head {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
color: #fff;
padding: 10px 10px 11px;
font-size: 14px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-width: 1px 1px 0 1px;
border-color: #292929;
border-style: solid;
margin: 0 0 0.5em 0;
}
.main .main-head .page-title {
  color: #fff;
  font-size: 14px;
font-weight: 400;
}
.col_c_stats {
text-align: right;
width: 15%;
}
.ipsType_small {
font-size: 12px;
}

/*topic_body*/

div.subtopic {
  border: 0;
background: #282828 url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.pun .post {
border: 0;
}
.post_block {
margin: 1px 1px 1px 1px;
background: #313131;
border-top: 1px solid #282828;
color: #fff;
font-size: 16px;
font-weight: 400;
height: 36px;
line-height: 36px;
padding: 0 1em;
}
.desc_post {
color: #777;
float: right;
font-size: 11px;
margin-right: 17px!important;
margin-top: -28px;
text-align: right;
}


.post_block span.creator a span {
color: #FFF!important;
font-weight: 400!important;
}
.post_block span.creator a span strong {
color: #FFF!important;
font-weight: 400!important;
}
.pun .posthead {
background: transparent;
border-bottom: 0;
color: #a4a4a4;
font-size: 12px!important;
font-weight: 400;
margin: 0 10px 0 0;
padding-top: 10px;
}
.pun .posthead h2 {
font-family: Arimo,sans-serif;
font-size: 12px;
}
.pun .postmain {
background-color: transparent;
border: 0;
margin-left: 15em;
}
.pun .post .user {
float: left;
margin-left: -174px;
margin-top: -1.8em;
position: relative;
font-size: 12px;
text-align: center;
width: 155px;
}

.postfoot {
border: 0;
clear: both;
margin-left: -15em;
padding: .5em 1em;
text-align: right;
opacity: 0;
transition: all 0.6s;
}
.pun .post:hover .postfoot {
  opacity: 1;
}
.pun .main .main-content.message {
background-color: transparent;
}
.pun .main-content {
border: 1px solid #1B1B1B;
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
.pun .frm-form {
background: transparent;
border: none;
}
.main .frm-info #pun-visit, .main-box {
  background: #181818;
border: 1px solid #2D2D2D;
}
.main .frm-info {
border: 1px solid #662411;
background: #c4411c;
color: #fff;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
}
.pun .main .main-content p.message {
margin: 1.7em;
padding: 1em;
color: white;
background: #303030;
border: 1px solid #2D2D2D;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
}
.pun .topic {
  background: #313131;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #292929;
margin-bottom: 1em;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
padding: 9px;
}
#stats {
background-color: transparent;
line-height: 150%;
padding: .6em 1em;
color: white;
font-weight: normal!important;
font-size: 12px;
}
/*EditorNegroFA*/
#textarea_content {
    width: 100%!important;
    text-align: inherit!important;
}
#textarea_content .sceditor-container {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom!important;
border: none!important;
border-radius: 0!important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1)!important;
}
#textarea_content .sceditor-container .sceditor-toolbar {
    background: none!important;
    border: 0!important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1)!important;
}
#textarea_content .sceditor-group {
    background: #2B2B2B!important;
    border-radius: 3px!important;
    border: 0!important;
}
#textarea_content .sceditor-group a:hover, #textarea_content .sceditor-group a.active, #textarea_content .sceditor-group a.hover {
    background: #000!important;
    box-shadow: 0 1px 0 #424242!important;
}
#textarea_content iframe ,#textarea_content .sceditor-container textarea {
    width: 98%!important;
    border-radius: 2px!important;
    background: #292929!important; 
    border: 1px solid #2C2C2C!important; 
    box-shadow: inset rgba(0, 0, 0, 0.31) 0 2px 10px!important; 
    color: #B7B7B7!important;  cursor: text!important;    text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0!important;
    padding: 0 5px!important;
}
#message-box #textarea_content .sceditor-container {
width: 100%!important;
}
#pun-qpost .frm-buttons {
border: 0;
margin-bottom: -.7em;
margin-top: .5em;
padding: .7em 0 0 17.5em;
text-align: right;
}

.user-basic-info a img {
max-width: 90px;
max-height: 90px;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: 0;
padding: .6em 1.3em .3em;
}

.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
color: #777;
padding: 6px 10px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-width: 1px 1px 0 1px;
border-color: #292929;
border-style: solid;
margin: 0 0 0.5em 0;
}
.pun-crumbs p a {
color: #777!important;
}
.pun .user .user-info {
color: #a4a4a4;
line-height: 1.8em;
font-size: 12px;
}

.pun a:hover {
color: #C4411C;
}
.pun a:visited {
color: #fff;
}
.pun a:link {
color: #fff;
}

.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: transparent;
}

.pun table.table td {
background-color: transparent;
border: 0;
}
.pun table.table th {
color: #fff;
padding: .5em 0;
background: #1a1a1a;
border-bottom: 1px solid #0f0f0f!important;
}

/*footer*/
#pun-about {
text-align: right;
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
height: 16px;
}
#pun-foot div.ipsBox {
line-height: 4px;
}
/*index_body*/
.statround {
  display: inline-block;
background: #c4411c;
color: #fff;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statround a {
  color: white!important;
}
div#my_nigga {
  background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
color: #fff;
padding: 10px 10px 11px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-width: 1px 1px 0 1px;
border-color: #292929;
border-style: solid;
margin: 0 0 0.5em 0;
}
span.ulet {
  margin-right: 20px;
}

#alertGuest {
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
ul#stat_links li a {
  margin-right: 4px; }

.desc, .desc.blend_links a, p.posted_info {
font-size: 12px;
color: #777;
}
.statistics_head {
font-size: 14px;
font-weight: bold;
}

/*este CSS si se desea lo eliminan*/
#pun-visit, .main-box {
display: none!important;
}
/*END este CSS si se desea lo eliminan*/

#pun-about span.left a {
  color: white!important;
}
.pun tbody.statused span.status img {
margin-left: -17px;
margin-top: 4px;
}
/*its all right? xD*/
.its_all_right {
 
  margin-left: 24px;
}
a.forumtitle {
  font-size: 15px;
font-weight: normal;
font-family: Arial;
color: white!important;
}
.mini_ava img {
  -moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
float: left;
height: 32px;
margin: 3px 10px;
padding: 1px;
width: 32px;
cursor: pointer;
}
.pun .posthead img, .pun table .tdtopics img {
vertical-align: middle;
margin: 0!important;
}

td.tcr span a:empty:before {
content: "No posts to view.";
cursor: default;
pointer-events: none;
text-align: center;
word-wrap: break-word;
margin: 1px 0px 4px 53px;
color: #a4a4a4;
font-style: italic;
}
td.tcr > span > strong > a > span > strong {
color: #fff!important;
font-weight: 400!important;
text-decoration: none;
}


/*logeado xD*/
#user_navigation .ipsList_inline li {
margin: 0;
}

#user_navigation.logged_in {
height: 26px;
padding: 6px 0 4px;
line-height: 25px;
}
#user_link_dd, .dropdownIndicator {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/header_dropdown.png) no-repeat right;
display: inline-block;
height: 5px;
margin: 1px 0 1px 1px;
width: 9px;
}
#inbox_link, #notify_link {
height: 15px;
padding: 11px 24px 8px 12px;
position: relative;
vertical-align: middle;
width: 18px;
}
#inbox_link {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/icon_inbox.png) no-repeat top;
}
#notify_link {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/icon_notify.png) no-repeat top;
margin-right: 11px;
}
.ipsHasNotifications {
-moz-border-radius: 2px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
background: #cf2020;
border-radius: 2px;
box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
color: #fff!important;
font-size: 9px;
height: 12px;
left: -5px;
line-height: 12px;
padding: 0 4px;
position: absolute;
text-align: center;
top: 4px;
}
#user_link {
  margin-right: 15px;
}
#alertGuest h2 {
font-size: 14pt;
font-weight: 800;
margin-bottom: 1em;
}

/*tabs*/
#tabs ul li.activetab a {
background-color: #252524!important;
border: 1px solid #232222;
color: #FFFFFF;
text-decoration: none!important;
}
#tabs ul li a {
float: left;
font-size: 1.1em;
font-weight: 400;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
background: #353535!important;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
border: 1px solid #232222;
margin-bottom: -1px;
border-radius: 5px 5px 0 0;
}



/*buttons*/
.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
}

input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #2C2B2B url(http://i.imgur.com/1bDIL9v.png) repeat-x 0 0;
border: 1px solid #2C2C2C;
border-radius: 2px;
color: #EBEBEB;
height: 24px;
line-height: 24px;
margin-left: 4px;
padding: 0 10px;
text-decoration: none;
text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}
input[name="preview"] {
background: #646464 url('http://i.imgur.com/5IPGGOW.png') repeat-x 0 0;
border-color: #585858;
color: #fff;
text-shadow: #474747 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
}
/*hovers*/
input[name="preview"]:hover {
background-color: #6f6f6f;
color: #fff;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
color: #fff;
background-repeat: repeat-x;
background-position: top;
}
/*active*/
input:active[type="button"], input:active[type="reset"], input:active[type="submit"] {
position: relative;
top: 1px;
}
/*END BUttons*/
/*css widgets*/

#content-container div#right .module.main {
    background: url('http://demo.themetent.com/public/style_images/firebox/pattern_side.png') repeat scroll 0px 0px #3C3C3C;
    border: 1px solid #292929;
    border-radius: 5px;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset;
    margin-bottom: 1em !important;
    padding: 10px;
    margin-left: 10px !important;
}
#right .module.main .main-head {
  font: normal 14px helvetica, arial, sans-serif;
padding: 5px 10px;
background: #292929;
color: #fff;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
#right .module.main .main-content {
border-radius: 0;
background: transparent;
border: 0;
box-shadow: none;
}
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Como posicionar o retangulo

Mensagem por Sennior em 14/04/15, 12:33 am

Boa noite,

Altere por:
Código:

p.crumbs {background: url(http://i.imgur.com/5cds98J.png) repeat-x scroll 0 0 #E0E0E0 !important;border: 1px solid #D6D6D6 !important;
border-radius: 3px !important;box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;line-height: 37px !important;margin-bottom: 15px !important;overflow: hidden !important;text-shadow: 0 1px 0 #FFF !important;}.pun .crumbs a {background: url(http://i.imgur.com/F7sgCcz.png) no-repeat scroll 100% -1px transparent !important;color: #777!important !important;font-size: 10px !important;line-height: 30px !important;padding: 11px 17px 11px 4px !important;}
p.crumbs a:hover {background-position: 100% -43px !important;}#content-container div#container {position: relative !important;top: 2pc !important;}.pun .crumbs {position: absolute !important;top: -47px !important;width: 930px !important;left: -1px !important;max-width: 924px !important;}

/*****PARCERIA*******/
#parceiros img {
  height: 102px !Important;
  width: 190px !Important;
  opacity: .2;
  border: 2px solid rgba(190, 184, 184, 0.64);
  margin-bottom: 5px;
  -webkit-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -ms-transition-duration: .8s;
  -o-transition-duration: .8s;
  transition-duration: .8s;
}
 

.webstore-button.webstore-A-B-C {
  border-color: #909090 !Important;
  background-color: #909090 !Important;
  background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#909090)) !Important;
  background-image: -webkit-linear-gradient(top,#565252 0%,#626161 100%) !Important;
  background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0) !Important;
  border-radius: 5px !Important;
  -webkit-border-radius: 5px !Important;
  -moz-border-radius: 5px !Important;
  -o-border-radius: 5px !Important;
  padding-bottom: 4px !Important;
}

.webstore-button.webstore-A-B-C {
  border-color: #909090 !Important;
  background-color: #909090 !Important;
  background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#909090)) !Important;
  background-image: -webkit-linear-gradient(top,#565252 0%,#626161 100%) !Important;
  background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0) !Important;
  border-radius: 5px !Important;
  -webkit-border-radius: 5px !Important;
  -moz-border-radius: 5px !Important;
  -o-border-radius: 5px !Important;
  padding-bottom: 4px !Important;
}
/****PARCERIA FIM****/


.pun .postmain {background: #141414!important;}
.pun .post {background: #141414!important;}
.pun .post .user {background: #2a2a2a!important;}


#alertGuest {background: #141414!important;}
tr {background: #141414!important;}

tr {
  background: #313131;
  border: 1px solid #292929;
}
.pun tbody.statused span.status img {  margin-left: 7px !Important; margin-top: 25px !Important;}

.pun .main-content{background: #141414 !Important;}
.resizebox {background-color: transparent !Important;}
.resizebox .resize_border{border: none !Important;}
tr {
  background: #313131;
  border: 1px solid #292929;
}
.pun tbody.statused span.status img {  margin-left: 7px !Important; margin-top: 25px !Important;}

.cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }


.goog-te-gadget-simple .goog-te-menu-value span {color: black !Important;}

/*Destaque do mês*/
.destaque img.avatar_d {
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.destaque h4 {font-weight: normal;}
    .bs_badge {
    background: #7ba60d;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 8px;
    }
    .bs_badge_lightgrey {
    background: #b3b3b3;
    }
.bs_badge, .bs_badge a {color: #fff !important;}
.reset_cursor {
cursor: default;
}
.destaque .main-content table {
background: #F6F8FA;
border: 1px solid #DCE2EC;
width: 100%;
}

/****************************************************
**Template Adaptado por Mindlezz, de SkinsDev.com,
**Visitanos :D
*****************************************************/

#pun-head {
display: none;
}
#pun-visit.clearfix {
display: none!important;
}
#pun-intro {
display: none;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
img, .input_check, .input_radio {
vertical-align: middle;
}
body {
font: normal 13px helvetica,arial,sans-serif;

}

html, body {
background: #282828 url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
color: #5a5a5a;
}

#header_bar {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
border-bottom: 1px solid #000;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
padding: 0;
text-align: right;
position: relative;
}

.main_width {
margin: 0 auto;
width: 87% !important;
min-width: 960px;
}
.main_width {
width: 80% !important;
}
#admin_bar {
font-size: 11px;
line-height: 36px;
}

.left {
float: left;
}

ol, ul {
list-style: none;
}


.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
#admin_bar a {
color: #8a8a8a;
}
#admin_bar a:hover {
  color: white;
}
img, .input_check, .input_radio {
vertical-align: middle;
}

fieldset, img {
border: 0;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation a {
color: #fff;
font-size: 11px;
}
#user_navigation #register_link {
background: #C4411C;
color: #fff;
display: inline-block;
padding: 3px 8px;
border: 1px solid #BC3C18;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}




/*CSS IMPORTANTE PARA CAMBIAR LA IMAGEN DEL BRANDING*/

#branding {
  -moz-background-size: cover;
  -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg',sizingMethod='scale');
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg',sizingMethod='scale');
  min-height: 150px;
  background: url('http://i.imgur.com/p5pGhmV.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
#branding, #header_bar, #primary_nav {
  min-width: 980px;
}

/*END CSS IMPORTANTE PARA CAMBIAR LA IMAGEN DEL BRANDING*/
#logo {
display: inline;
}


.logo {
color: #fff;
font: 35pt "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
float: left;
margin-top: 1em;
text-shadow: 0px 0px 10px #000;
filter: dropshadow(color=#000000,offx=0,offy=0);
}
#logo a {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s linear;
text-shadow: 0px 0px 10px #000;
filter: dropshadow(color=#000000, offx=0, offy=0);
}

.logo span {
color: #c4411c;
margin-right: 0.2em;
}
.logo .sub {
font-size: 25pt;
margin-left: 0.5em;
color: #fff !important;
}
/*buscador*/
.search {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: opacity 1s linear;
margin-top: 33px;
}
.search:hover {
  opacity: 1;
}
.ipsBox, .ipsPad {
padding: 9px;
}

.ipsBox {
background: #313131;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #292929;
margin-bottom: 1em;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
.searchbox {
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.hide {
display: none;
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://demo.themetent.com/public/style_images/firebox/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 130px;
outline: 0;
line-height: 25px;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #eaeaea;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
.clickable {
cursor: pointer;
}
#search .submit_input {
background: #C4411C url(http://demo.themetent.com/public/style_images/firebox/search_icon.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #BC3C18;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
}

/*navbar*/
#primary_nav {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav.png) repeat-x bottom;
border-bottom: 1px solid #000;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
border-top: 1px solid #292929;
border-bottom: 1px solid #1a1919;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
#community_app_menu>li {
margin: 0px 3px 0 0;
position: relative;
}

#community_app_menu>li>a {
color: #939393;
display: block;
padding: 10px 15px 8px;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}

#quickNavLaunch span {
background: url(http://demo.themetent.com/public/style_images/firebox/icon_quicknav.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav_hover.png) repeat-x bottom;
color: #fff;
margin-top: 0;
text-shadow: none;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
#community_app_menu>li.active>a {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav_hover.png) repeat-x bottom;
color: #fff;
margin-top: 0;
text-shadow: none;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-left: 1px solid #292929;
border-right: 1px solid #292929;
}

#contenido {
width: 90% !important;
  margin: 0 auto;
}

#contenido {
padding: 10px 10px;
line-height: 120%;
}

/*index_box*/
.adent_ {
  background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.pun .adent_ table.table td {
background: none!important;
border: 0;
}
.main .main-foot, .main .main-head {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
color: #fff;
padding: 10px 10px 11px;
font-size: 14px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-width: 1px 1px 0 1px;
border-color: #292929;
border-style: solid;
margin: 0 0 0.5em 0;
}
.main .main-head .page-title {
  color: #fff;
  font-size: 14px;
font-weight: 400;
}
.col_c_stats {
text-align: right;
width: 15%;
}
.ipsType_small {
font-size: 12px;
}

/*topic_body*/

div.subtopic {
  border: 0;
background: #282828 url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.pun .post {
border: 0;
}
.post_block {
margin: 1px 1px 1px 1px;
background: #313131;
border-top: 1px solid #282828;
color: #fff;
font-size: 16px;
font-weight: 400;
height: 36px;
line-height: 36px;
padding: 0 1em;
}
.desc_post {
color: #777;
float: right;
font-size: 11px;
margin-right: 17px!important;
margin-top: -28px;
text-align: right;
}


.post_block span.creator a span {
color: #FFF!important;
font-weight: 400!important;
}
.post_block span.creator a span strong {
color: #FFF!important;
font-weight: 400!important;
}
.pun .posthead {
background: transparent;
border-bottom: 0;
color: #a4a4a4;
font-size: 12px!important;
font-weight: 400;
margin: 0 10px 0 0;
padding-top: 10px;
}
.pun .posthead h2 {
font-family: Arimo,sans-serif;
font-size: 12px;
}
.pun .postmain {
background-color: transparent;
border: 0;
margin-left: 15em;
}
.pun .post .user {
float: left;
margin-left: -174px;
margin-top: -1.8em;
position: relative;
font-size: 12px;
text-align: center;
width: 155px;
}

.postfoot {
border: 0;
clear: both;
margin-left: -15em;
padding: .5em 1em;
text-align: right;
opacity: 0;
transition: all 0.6s;
}
.pun .post:hover .postfoot {
  opacity: 1;
}
.pun .main .main-content.message {
background-color: transparent;
}
.pun .main-content {
border: 1px solid #1B1B1B;
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
.pun .frm-form {
background: transparent;
border: none;
}
.main .frm-info #pun-visit, .main-box {
  background: #181818;
border: 1px solid #2D2D2D;
}
.main .frm-info {
border: 1px solid #662411;
background: #c4411c;
color: #fff;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
}
.pun .main .main-content p.message {
margin: 1.7em;
padding: 1em;
color: white;
background: #303030;
border: 1px solid #2D2D2D;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
}
.pun .topic {
  background: #313131;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #292929;
margin-bottom: 1em;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
padding: 9px;
}
#stats {
background-color: transparent;
line-height: 150%;
padding: .6em 1em;
color: white;
font-weight: normal!important;
font-size: 12px;
}
/*EditorNegroFA*/
#textarea_content {
    width: 100%!important;
    text-align: inherit!important;
}
#textarea_content .sceditor-container {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom!important;
border: none!important;
border-radius: 0!important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1)!important;
}
#textarea_content .sceditor-container .sceditor-toolbar {
    background: none!important;
    border: 0!important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1)!important;
}
#textarea_content .sceditor-group {
    background: #2B2B2B!important;
    border-radius: 3px!important;
    border: 0!important;
}
#textarea_content .sceditor-group a:hover, #textarea_content .sceditor-group a.active, #textarea_content .sceditor-group a.hover {
    background: #000!important;
    box-shadow: 0 1px 0 #424242!important;
}
#textarea_content iframe ,#textarea_content .sceditor-container textarea {
    width: 98%!important;
    border-radius: 2px!important;
    background: #292929!important; 
    border: 1px solid #2C2C2C!important; 
    box-shadow: inset rgba(0, 0, 0, 0.31) 0 2px 10px!important; 
    color: #B7B7B7!important;  cursor: text!important;    text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0!important;
    padding: 0 5px!important;
}
#message-box #textarea_content .sceditor-container {
width: 100%!important;
}
#pun-qpost .frm-buttons {
border: 0;
margin-bottom: -.7em;
margin-top: .5em;
padding: .7em 0 0 17.5em;
text-align: right;
}

.user-basic-info a img {
max-width: 90px;
max-height: 90px;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: 0;
padding: .6em 1.3em .3em;
}

.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
color: #777;
padding: 6px 10px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 0 0.5em 0;
}
.pun-crumbs p a {
color: #777!important;
}
.pun .user .user-info {
color: #a4a4a4;
line-height: 1.8em;
font-size: 12px;
}

.pun a:hover {
color: #C4411C;
}
.pun a:visited {
color: #fff;
}
.pun a:link {
color: #fff;
}

.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: transparent;
}

.pun table.table td {
background-color: transparent;
border: 0;
}
.pun table.table th {
color: #fff;
padding: .5em 0;
background: #1a1a1a;
border-bottom: 1px solid #0f0f0f!important;
}

/*footer*/
#pun-about {
text-align: right;
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
height: 16px;
}
#pun-foot div.ipsBox {
line-height: 4px;
}
/*index_body*/
.statround {
  display: inline-block;
background: #c4411c;
color: #fff;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statround a {
  color: white!important;
}
div#my_nigga {
  background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
color: #fff;
padding: 10px 10px 11px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-width: 1px 1px 0 1px;
border-color: #292929;
border-style: solid;
margin: 0 0 0.5em 0;
}
span.ulet {
  margin-right: 20px;
}

#alertGuest {
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
ul#stat_links li a {
  margin-right: 4px; }

.desc, .desc.blend_links a, p.posted_info {
font-size: 12px;
color: #777;
}
.statistics_head {
font-size: 14px;
font-weight: bold;
}

/*este CSS si se desea lo eliminan*/
#pun-visit, .main-box {
display: none!important;
}
/*END este CSS si se desea lo eliminan*/

#pun-about span.left a {
  color: white!important;
}
.pun tbody.statused span.status img {
margin-left: -17px;
margin-top: 4px;
}
/*its all right? xD*/
.its_all_right {
 
  margin-left: 24px;
}
a.forumtitle {
  font-size: 15px;
font-weight: normal;
font-family: Arial;
color: white!important;
}
.mini_ava img {
  -moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
float: left;
height: 32px;
margin: 3px 10px;
padding: 1px;
width: 32px;
cursor: pointer;
}
.pun .posthead img, .pun table .tdtopics img {
vertical-align: middle;
margin: 0!important;
}

td.tcr span a:empty:before {
content: "No posts to view.";
cursor: default;
pointer-events: none;
text-align: center;
word-wrap: break-word;
margin: 1px 0px 4px 53px;
color: #a4a4a4;
font-style: italic;
}
td.tcr > span > strong > a > span > strong {
color: #fff!important;
font-weight: 400!important;
text-decoration: none;
}


/*logeado xD*/
#user_navigation .ipsList_inline li {
margin: 0;
}

#user_navigation.logged_in {
height: 26px;
padding: 6px 0 4px;
line-height: 25px;
}
#user_link_dd, .dropdownIndicator {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/header_dropdown.png) no-repeat right;
display: inline-block;
height: 5px;
margin: 1px 0 1px 1px;
width: 9px;
}
#inbox_link, #notify_link {
height: 15px;
padding: 11px 24px 8px 12px;
position: relative;
vertical-align: middle;
width: 18px;
}
#inbox_link {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/icon_inbox.png) no-repeat top;
}
#notify_link {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/icon_notify.png) no-repeat top;
margin-right: 11px;
}
.ipsHasNotifications {
-moz-border-radius: 2px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
background: #cf2020;
border-radius: 2px;
box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
color: #fff!important;
font-size: 9px;
height: 12px;
left: -5px;
line-height: 12px;
padding: 0 4px;
position: absolute;
text-align: center;
top: 4px;
}
#user_link {
  margin-right: 15px;
}
#alertGuest h2 {
font-size: 14pt;
font-weight: 800;
margin-bottom: 1em;
}

/*tabs*/
#tabs ul li.activetab a {
background-color: #252524!important;
border: 1px solid #232222;
color: #FFFFFF;
text-decoration: none!important;
}
#tabs ul li a {
float: left;
font-size: 1.1em;
font-weight: 400;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
background: #353535!important;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
border: 1px solid #232222;
margin-bottom: -1px;
border-radius: 5px 5px 0 0;
}



/*buttons*/
.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
}

input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #2C2B2B url(http://i.imgur.com/1bDIL9v.png) repeat-x 0 0;
border: 1px solid #2C2C2C;
border-radius: 2px;
color: #EBEBEB;
height: 24px;
line-height: 24px;
margin-left: 4px;
padding: 0 10px;
text-decoration: none;
text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}
input[name="preview"] {
background: #646464 url('http://i.imgur.com/5IPGGOW.png') repeat-x 0 0;
border-color: #585858;
color: #fff;
text-shadow: #474747 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
}
/*hovers*/
input[name="preview"]:hover {
background-color: #6f6f6f;
color: #fff;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
color: #fff;
background-repeat: repeat-x;
background-position: top;
}
/*active*/
input:active[type="button"], input:active[type="reset"], input:active[type="submit"] {
position: relative;
top: 1px;
}
/*END BUttons*/
/*css widgets*/

#content-container div#right .module.main {
    background: url('http://demo.themetent.com/public/style_images/firebox/pattern_side.png') repeat scroll 0px 0px #3C3C3C;
    border: 1px solid #292929;
    border-radius: 5px;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset;
    margin-bottom: 1em !important;
    padding: 10px;
    margin-left: 10px !important;
}
#right .module.main .main-head {
  font: normal 14px helvetica, arial, sans-serif;
padding: 5px 10px;
background: #292929;
color: #fff;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
#right .module.main .main-content {
border-radius: 0;
background: transparent;
border: 0;
box-shadow: none;
}

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como posicionar o retangulo

Mensagem por Vitor-Vicente em 14/04/15, 12:40 am

avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net
  • 0

Resolvido Re: Como posicionar o retangulo

Mensagem por Sennior em 14/04/15, 12:56 am

Saudações novamente,

Altere novamente o código pelo abaixo:
Código:
p.crumbs {background: url(http://i.imgur.com/5cds98J.png) repeat-x scroll 0 0 #E0E0E0 !important;border: 1px solid #D6D6D6 !important;
border-radius: 3px !important;box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;line-height: 37px !important;margin-bottom: 15px !important;overflow: hidden !important;text-shadow: 0 1px 0 #FFF !important;}.pun .crumbs a {background: url(http://i.imgur.com/F7sgCcz.png) no-repeat scroll 100% -1px transparent !important;color: #777!important !important;font-size: 10px !important;line-height: 30px !important;padding: 11px 17px 11px 4px !important;}
p.crumbs a:hover {background-position: 100% -43px !important;}#content-container div#container {position: relative !important;top: 2pc !important;}.pun .crumbs {position: absolute !important;top: -47px !important;width: 930px !important;left: -1px !important;max-width: 924px !important;}

/*****PARCERIA*******/
#parceiros img {
  height: 102px !Important;
  width: 190px !Important;
  opacity: .2;
  border: 2px solid rgba(190, 184, 184, 0.64);
  margin-bottom: 5px;
  -webkit-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -ms-transition-duration: .8s;
  -o-transition-duration: .8s;
  transition-duration: .8s;
}
 

.webstore-button.webstore-A-B-C {
  border-color: #909090 !Important;
  background-color: #909090 !Important;
  background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#909090)) !Important;
  background-image: -webkit-linear-gradient(top,#565252 0%,#626161 100%) !Important;
  background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0) !Important;
  border-radius: 5px !Important;
  -webkit-border-radius: 5px !Important;
  -moz-border-radius: 5px !Important;
  -o-border-radius: 5px !Important;
  padding-bottom: 4px !Important;
}

.webstore-button.webstore-A-B-C {
  border-color: #909090 !Important;
  background-color: #909090 !Important;
  background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#909090)) !Important;
  background-image: -webkit-linear-gradient(top,#565252 0%,#626161 100%) !Important;
  background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0) !Important;
  border-radius: 5px !Important;
  -webkit-border-radius: 5px !Important;
  -moz-border-radius: 5px !Important;
  -o-border-radius: 5px !Important;
  padding-bottom: 4px !Important;
}
/****PARCERIA FIM****/


.pun .postmain {background: #141414!important;}
.pun .post {background: #141414!important;}
.pun .post .user {background: #2a2a2a!important;}


#alertGuest {background: #141414!important;}
tr {background: #141414!important;}

tr {
  background: #313131;
  border: 1px solid #292929;
}
.pun tbody.statused span.status img {  margin-left: 7px !Important; margin-top: 25px !Important;}

.pun .main-content{background: #141414 !Important;}
.resizebox {background-color: transparent !Important;}
.resizebox .resize_border{border: none !Important;}
tr {
  background: #313131;
  border: 1px solid #292929;
}
.pun tbody.statused span.status img {  margin-left: 7px !Important; margin-top: 25px !Important;}

.cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }


.goog-te-gadget-simple .goog-te-menu-value span {color: black !Important;}

/*Destaque do mês*/
.destaque img.avatar_d {
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.destaque h4 {font-weight: normal;}
    .bs_badge {
    background: #7ba60d;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 8px;
    }
    .bs_badge_lightgrey {
    background: #b3b3b3;
    }
.bs_badge, .bs_badge a {color: #fff !important;}
.reset_cursor {
cursor: default;
}
.destaque .main-content table {
background: #F6F8FA;
border: 1px solid #DCE2EC;
width: 100%;
}

/****************************************************
**Template Adaptado por Mindlezz, de SkinsDev.com,
**Visitanos :D
*****************************************************/

#pun-head {
display: none;
}
#pun-visit.clearfix {
display: none!important;
}
#pun-intro {
display: none;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
img, .input_check, .input_radio {
vertical-align: middle;
}
body {
font: normal 13px helvetica,arial,sans-serif;

}

html, body {
background: #282828 url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
color: #5a5a5a;
}

#header_bar {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
border-bottom: 1px solid #000;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
padding: 0;
text-align: right;
position: relative;
}

.main_width {
margin: 0 auto;
width: 87% !important;
min-width: 960px;
}
.main_width {
width: 80% !important;
}
#admin_bar {
font-size: 11px;
line-height: 36px;
}

.left {
float: left;
}

ol, ul {
list-style: none;
}


.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
#admin_bar a {
color: #8a8a8a;
}
#admin_bar a:hover {
  color: white;
}
img, .input_check, .input_radio {
vertical-align: middle;
}

fieldset, img {
border: 0;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation a {
color: #fff;
font-size: 11px;
}
#user_navigation #register_link {
background: #C4411C;
color: #fff;
display: inline-block;
padding: 3px 8px;
border: 1px solid #BC3C18;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}




/*CSS IMPORTANTE PARA CAMBIAR LA IMAGEN DEL BRANDING*/

#branding {
  -moz-background-size: cover;
  -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg',sizingMethod='scale');
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg',sizingMethod='scale');
  min-height: 150px;
  background: url('http://i.imgur.com/p5pGhmV.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
#branding, #header_bar, #primary_nav {
  min-width: 980px;
}

/*END CSS IMPORTANTE PARA CAMBIAR LA IMAGEN DEL BRANDING*/
#logo {
display: inline;
}


.logo {
color: #fff;
font: 35pt "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
float: left;
margin-top: 1em;
text-shadow: 0px 0px 10px #000;
filter: dropshadow(color=#000000,offx=0,offy=0);
}
#logo a {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s linear;
text-shadow: 0px 0px 10px #000;
filter: dropshadow(color=#000000, offx=0, offy=0);
}

.logo span {
color: #c4411c;
margin-right: 0.2em;
}
.logo .sub {
font-size: 25pt;
margin-left: 0.5em;
color: #fff !important;
}
/*buscador*/
.search {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: opacity 1s linear;
margin-top: 33px;
}
.search:hover {
  opacity: 1;
}
.ipsBox, .ipsPad {
padding: 9px;
}

.ipsBox {
background: #313131;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #292929;
margin-bottom: 1em;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
.searchbox {
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.hide {
display: none;
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://demo.themetent.com/public/style_images/firebox/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 130px;
outline: 0;
line-height: 25px;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #eaeaea;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
.clickable {
cursor: pointer;
}
#search .submit_input {
background: #C4411C url(http://demo.themetent.com/public/style_images/firebox/search_icon.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #BC3C18;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
}

/*navbar*/
#primary_nav {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav.png) repeat-x bottom;
border-bottom: 1px solid #000;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
border-top: 1px solid #292929;
border-bottom: 1px solid #1a1919;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
#community_app_menu>li {
margin: 0px 3px 0 0;
position: relative;
}

#community_app_menu>li>a {
color: #939393;
display: block;
padding: 10px 15px 8px;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}

#quickNavLaunch span {
background: url(http://demo.themetent.com/public/style_images/firebox/icon_quicknav.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav_hover.png) repeat-x bottom;
color: #fff;
margin-top: 0;
text-shadow: none;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
#community_app_menu>li.active>a {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav_hover.png) repeat-x bottom;
color: #fff;
margin-top: 0;
text-shadow: none;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-left: 1px solid #292929;
border-right: 1px solid #292929;
}

#contenido {
width: 90% !important;
  margin: 0 auto;
}

#contenido {
padding: 10px 10px;
line-height: 120%;
}

/*index_box*/
.adent_ {
  background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.pun .adent_ table.table td {
background: none!important;
border: 0;
}
.main .main-foot, .main .main-head {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
color: #fff;
padding: 10px 10px 11px;
font-size: 14px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-width: 1px 1px 0 1px;
border-color: #292929;
border-style: solid;
margin: 0 0 0.5em 0;
}
.main .main-head .page-title {
  color: #fff;
  font-size: 14px;
font-weight: 400;
}
.col_c_stats {
text-align: right;
width: 15%;
}
.ipsType_small {
font-size: 12px;
}

/*topic_body*/

div.subtopic {
  border: 0;
background: #282828 url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.pun .post {
border: 0;
}
.post_block {
margin: 1px 1px 1px 1px;
background: #313131;
border-top: 1px solid #282828;
color: #fff;
font-size: 16px;
font-weight: 400;
height: 36px;
line-height: 36px;
padding: 0 1em;
}
.desc_post {
color: #777;
float: right;
font-size: 11px;
margin-right: 17px!important;
margin-top: -28px;
text-align: right;
}


.post_block span.creator a span {
color: #FFF!important;
font-weight: 400!important;
}
.post_block span.creator a span strong {
color: #FFF!important;
font-weight: 400!important;
}
.pun .posthead {
background: transparent;
border-bottom: 0;
color: #a4a4a4;
font-size: 12px!important;
font-weight: 400;
margin: 0 10px 0 0;
padding-top: 10px;
}
.pun .posthead h2 {
font-family: Arimo,sans-serif;
font-size: 12px;
}
.pun .postmain {
background-color: transparent;
border: 0;
margin-left: 15em;
}
.pun .post .user {
float: left;
margin-left: -174px;
margin-top: -1.8em;
position: relative;
font-size: 12px;
text-align: center;
width: 155px;
}

.postfoot {
border: 0;
clear: both;
margin-left: -15em;
padding: .5em 1em;
text-align: right;
opacity: 0;
transition: all 0.6s;
}
.pun .post:hover .postfoot {
  opacity: 1;
}
.pun .main .main-content.message {
background-color: transparent;
}
.pun .main-content {
border: 1px solid #1B1B1B;
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
.pun .frm-form {
background: transparent;
border: none;
}
.main .frm-info #pun-visit, .main-box {
  background: #181818;
border: 1px solid #2D2D2D;
}
.main .frm-info {
border: 1px solid #662411;
background: #c4411c;
color: #fff;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
}
.pun .main .main-content p.message {
margin: 1.7em;
padding: 1em;
color: white;
background: #303030;
border: 1px solid #2D2D2D;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
}
.pun .topic {
  background: #313131;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #292929;
margin-bottom: 1em;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
padding: 9px;
}
#stats {
background-color: transparent;
line-height: 150%;
padding: .6em 1em;
color: white;
font-weight: normal!important;
font-size: 12px;
}
/*EditorNegroFA*/
#textarea_content {
    width: 100%!important;
    text-align: inherit!important;
}
#textarea_content .sceditor-container {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom!important;
border: none!important;
border-radius: 0!important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1)!important;
}
#textarea_content .sceditor-container .sceditor-toolbar {
    background: none!important;
    border: 0!important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1)!important;
}
#textarea_content .sceditor-group {
    background: #2B2B2B!important;
    border-radius: 3px!important;
    border: 0!important;
}
#textarea_content .sceditor-group a:hover, #textarea_content .sceditor-group a.active, #textarea_content .sceditor-group a.hover {
    background: #000!important;
    box-shadow: 0 1px 0 #424242!important;
}
#textarea_content iframe ,#textarea_content .sceditor-container textarea {
    width: 98%!important;
    border-radius: 2px!important;
    background: #292929!important; 
    border: 1px solid #2C2C2C!important; 
    box-shadow: inset rgba(0, 0, 0, 0.31) 0 2px 10px!important; 
    color: #B7B7B7!important;  cursor: text!important;    text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0!important;
    padding: 0 5px!important;
}
#message-box #textarea_content .sceditor-container {
width: 100%!important;
}
#pun-qpost .frm-buttons {
border: 0;
margin-bottom: -.7em;
margin-top: .5em;
padding: .7em 0 0 17.5em;
text-align: right;
}

.user-basic-info a img {
max-width: 90px;
max-height: 90px;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: 0;
padding: .6em 1.3em .3em;
}

.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
color: #777;
padding: 0px 0px!important;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 0 0.5em 0;
}
.pun-crumbs p a {
color: #777!important;
}
.pun .user .user-info {
color: #a4a4a4;
line-height: 1.8em;
font-size: 12px;
}

.pun a:hover {
color: #C4411C;
}
.pun a:visited {
color: #fff;
}
.pun a:link {
color: #fff;
}

.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: transparent;
}

.pun table.table td {
background-color: transparent;
border: 0;
}
.pun table.table th {
color: #fff;
padding: .5em 0;
background: #1a1a1a;
border-bottom: 1px solid #0f0f0f!important;
}

/*footer*/
#pun-about {
text-align: right;
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
height: 16px;
}
#pun-foot div.ipsBox {
line-height: 4px;
}
/*index_body*/
.statround {
  display: inline-block;
background: #c4411c;
color: #fff;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statround a {
  color: white!important;
}
div#my_nigga {
  background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
color: #fff;
padding: 10px 10px 11px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-width: 1px 1px 0 1px;
border-color: #292929;
border-style: solid;
margin: 0 0 0.5em 0;
}
span.ulet {
  margin-right: 20px;
}

#alertGuest {
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
ul#stat_links li a {
  margin-right: 4px; }

.desc, .desc.blend_links a, p.posted_info {
font-size: 12px;
color: #777;
}
.statistics_head {
font-size: 14px;
font-weight: bold;
}

/*este CSS si se desea lo eliminan*/
#pun-visit, .main-box {
display: none!important;
}
/*END este CSS si se desea lo eliminan*/

#pun-about span.left a {
  color: white!important;
}
.pun tbody.statused span.status img {
margin-left: -17px;
margin-top: 4px;
}
/*its all right? xD*/
.its_all_right {
 
  margin-left: 24px;
}
a.forumtitle {
  font-size: 15px;
font-weight: normal;
font-family: Arial;
color: white!important;
}
.mini_ava img {
  -moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
float: left;
height: 32px;
margin: 3px 10px;
padding: 1px;
width: 32px;
cursor: pointer;
}
.pun .posthead img, .pun table .tdtopics img {
vertical-align: middle;
margin: 0!important;
}

td.tcr span a:empty:before {
content: "No posts to view.";
cursor: default;
pointer-events: none;
text-align: center;
word-wrap: break-word;
margin: 1px 0px 4px 53px;
color: #a4a4a4;
font-style: italic;
}
td.tcr > span > strong > a > span > strong {
color: #fff!important;
font-weight: 400!important;
text-decoration: none;
}


/*logeado xD*/
#user_navigation .ipsList_inline li {
margin: 0;
}

#user_navigation.logged_in {
height: 26px;
padding: 6px 0 4px;
line-height: 25px;
}
#user_link_dd, .dropdownIndicator {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/header_dropdown.png) no-repeat right;
display: inline-block;
height: 5px;
margin: 1px 0 1px 1px;
width: 9px;
}
#inbox_link, #notify_link {
height: 15px;
padding: 11px 24px 8px 12px;
position: relative;
vertical-align: middle;
width: 18px;
}
#inbox_link {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/icon_inbox.png) no-repeat top;
}
#notify_link {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/icon_notify.png) no-repeat top;
margin-right: 11px;
}
.ipsHasNotifications {
-moz-border-radius: 2px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
background: #cf2020;
border-radius: 2px;
box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
color: #fff!important;
font-size: 9px;
height: 12px;
left: -5px;
line-height: 12px;
padding: 0 4px;
position: absolute;
text-align: center;
top: 4px;
}
#user_link {
  margin-right: 15px;
}
#alertGuest h2 {
font-size: 14pt;
font-weight: 800;
margin-bottom: 1em;
}

/*tabs*/
#tabs ul li.activetab a {
background-color: #252524!important;
border: 1px solid #232222;
color: #FFFFFF;
text-decoration: none!important;
}
#tabs ul li a {
float: left;
font-size: 1.1em;
font-weight: 400;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
background: #353535!important;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
border: 1px solid #232222;
margin-bottom: -1px;
border-radius: 5px 5px 0 0;
}



/*buttons*/
.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
}

input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #2C2B2B url(http://i.imgur.com/1bDIL9v.png) repeat-x 0 0;
border: 1px solid #2C2C2C;
border-radius: 2px;
color: #EBEBEB;
height: 24px;
line-height: 24px;
margin-left: 4px;
padding: 0 10px;
text-decoration: none;
text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}
input[name="preview"] {
background: #646464 url('http://i.imgur.com/5IPGGOW.png') repeat-x 0 0;
border-color: #585858;
color: #fff;
text-shadow: #474747 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
}
/*hovers*/
input[name="preview"]:hover {
background-color: #6f6f6f;
color: #fff;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
color: #fff;
background-repeat: repeat-x;
background-position: top;
}
/*active*/
input:active[type="button"], input:active[type="reset"], input:active[type="submit"] {
position: relative;
top: 1px;
}
/*END BUttons*/
/*css widgets*/

#content-container div#right .module.main {
    background: url('http://demo.themetent.com/public/style_images/firebox/pattern_side.png') repeat scroll 0px 0px #3C3C3C;
    border: 1px solid #292929;
    border-radius: 5px;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset;
    margin-bottom: 1em !important;
    padding: 10px;
    margin-left: 10px !important;
}
#right .module.main .main-head {
  font: normal 14px helvetica, arial, sans-serif;
padding: 5px 10px;
background: #292929;
color: #fff;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
#right .module.main .main-content {
border-radius: 0;
background: transparent;
border: 0;
box-shadow: none;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como posicionar o retangulo

Mensagem por Vitor-Vicente em 14/04/15, 01:03 am

Olá Sennior, será que é possível afinar um pouco pra não fica por cima.
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net
  • 0

Resolvido Re: Como posicionar o retangulo

Mensagem por Sennior em 14/04/15, 01:14 am

Saudações novamente,

Altere mais uma vez:
Código:
p.crumbs {background: url(http://i.imgur.com/5cds98J.png) repeat-x scroll 0 0 #E0E0E0 !important;border: 1px solid #D6D6D6 !important;
border-radius: 3px !important;box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;line-height: 37px !important;margin-bottom: 15px !important;overflow: hidden !important;text-shadow: 0 1px 0 #FFF !important;}.pun .crumbs a {background: url(http://i.imgur.com/F7sgCcz.png) no-repeat scroll 100% -1px transparent !important;color: #777!important !important;font-size: 10px !important;line-height: 30px !important;padding: 11px 17px 11px 4px !important;}
p.crumbs a:hover {background-position: 100% -43px !important;}#content-container div#container {position: relative !important;top: 2pc !important;}.pun .crumbs {
  left: 0px!important;
  max-width: 924px!important;
  position: absolute!important;
  top: -34px!important;
  width: 930px!important;
}

/*****PARCERIA*******/
#parceiros img {
  height: 102px !Important;
  width: 190px !Important;
  opacity: .2;
  border: 2px solid rgba(190, 184, 184, 0.64);
  margin-bottom: 5px;
  -webkit-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -ms-transition-duration: .8s;
  -o-transition-duration: .8s;
  transition-duration: .8s;
}
 

.webstore-button.webstore-A-B-C {
  border-color: #909090 !Important;
  background-color: #909090 !Important;
  background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#909090)) !Important;
  background-image: -webkit-linear-gradient(top,#565252 0%,#626161 100%) !Important;
  background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0) !Important;
  border-radius: 5px !Important;
  -webkit-border-radius: 5px !Important;
  -moz-border-radius: 5px !Important;
  -o-border-radius: 5px !Important;
  padding-bottom: 4px !Important;
}

.webstore-button.webstore-A-B-C {
  border-color: #909090 !Important;
  background-color: #909090 !Important;
  background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#909090)) !Important;
  background-image: -webkit-linear-gradient(top,#565252 0%,#626161 100%) !Important;
  background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0) !Important;
  border-radius: 5px !Important;
  -webkit-border-radius: 5px !Important;
  -moz-border-radius: 5px !Important;
  -o-border-radius: 5px !Important;
  padding-bottom: 4px !Important;
}
/****PARCERIA FIM****/


.pun .postmain {background: #141414!important;}
.pun .post {background: #141414!important;}
.pun .post .user {background: #2a2a2a!important;}


#alertGuest {background: #141414!important;}
tr {background: #141414!important;}

tr {
  background: #313131;
  border: 1px solid #292929;
}
.pun tbody.statused span.status img {  margin-left: 7px !Important; margin-top: 25px !Important;}

.pun .main-content{background: #141414 !Important;}
.resizebox {background-color: transparent !Important;}
.resizebox .resize_border{border: none !Important;}
tr {
  background: #313131;
  border: 1px solid #292929;
}
.pun tbody.statused span.status img {  margin-left: 7px !Important; margin-top: 25px !Important;}

.cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }


.goog-te-gadget-simple .goog-te-menu-value span {color: black !Important;}

/*Destaque do mês*/
.destaque img.avatar_d {
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.destaque h4 {font-weight: normal;}
    .bs_badge {
    background: #7ba60d;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 8px;
    }
    .bs_badge_lightgrey {
    background: #b3b3b3;
    }
.bs_badge, .bs_badge a {color: #fff !important;}
.reset_cursor {
cursor: default;
}
.destaque .main-content table {
background: #F6F8FA;
border: 1px solid #DCE2EC;
width: 100%;
}

/****************************************************
**Template Adaptado por Mindlezz, de SkinsDev.com,
**Visitanos :D
*****************************************************/

#pun-head {
display: none;
}
#pun-visit.clearfix {
display: none!important;
}
#pun-intro {
display: none;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
img, .input_check, .input_radio {
vertical-align: middle;
}
body {
font: normal 13px helvetica,arial,sans-serif;

}

html, body {
background: #282828 url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
color: #5a5a5a;
}

#header_bar {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
border-bottom: 1px solid #000;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
padding: 0;
text-align: right;
position: relative;
}

.main_width {
margin: 0 auto;
width: 87% !important;
min-width: 960px;
}
.main_width {
width: 80% !important;
}
#admin_bar {
font-size: 11px;
line-height: 36px;
}

.left {
float: left;
}

ol, ul {
list-style: none;
}


.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
#admin_bar a {
color: #8a8a8a;
}
#admin_bar a:hover {
  color: white;
}
img, .input_check, .input_radio {
vertical-align: middle;
}

fieldset, img {
border: 0;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation a {
color: #fff;
font-size: 11px;
}
#user_navigation #register_link {
background: #C4411C;
color: #fff;
display: inline-block;
padding: 3px 8px;
border: 1px solid #BC3C18;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}




/*CSS IMPORTANTE PARA CAMBIAR LA IMAGEN DEL BRANDING*/

#branding {
  -moz-background-size: cover;
  -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg',sizingMethod='scale');
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg',sizingMethod='scale');
  min-height: 150px;
  background: url('http://i.imgur.com/p5pGhmV.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
#branding, #header_bar, #primary_nav {
  min-width: 980px;
}

/*END CSS IMPORTANTE PARA CAMBIAR LA IMAGEN DEL BRANDING*/
#logo {
display: inline;
}


.logo {
color: #fff;
font: 35pt "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
float: left;
margin-top: 1em;
text-shadow: 0px 0px 10px #000;
filter: dropshadow(color=#000000,offx=0,offy=0);
}
#logo a {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s linear;
text-shadow: 0px 0px 10px #000;
filter: dropshadow(color=#000000, offx=0, offy=0);
}

.logo span {
color: #c4411c;
margin-right: 0.2em;
}
.logo .sub {
font-size: 25pt;
margin-left: 0.5em;
color: #fff !important;
}
/*buscador*/
.search {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: opacity 1s linear;
margin-top: 33px;
}
.search:hover {
  opacity: 1;
}
.ipsBox, .ipsPad {
padding: 9px;
}

.ipsBox {
background: #313131;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #292929;
margin-bottom: 1em;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
.searchbox {
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.hide {
display: none;
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://demo.themetent.com/public/style_images/firebox/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 130px;
outline: 0;
line-height: 25px;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #eaeaea;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
.clickable {
cursor: pointer;
}
#search .submit_input {
background: #C4411C url(http://demo.themetent.com/public/style_images/firebox/search_icon.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #BC3C18;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
}

/*navbar*/
#primary_nav {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav.png) repeat-x bottom;
border-bottom: 1px solid #000;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
border-top: 1px solid #292929;
border-bottom: 1px solid #1a1919;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
#community_app_menu>li {
margin: 0px 3px 0 0;
position: relative;
}

#community_app_menu>li>a {
color: #939393;
display: block;
padding: 10px 15px 8px;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}

#quickNavLaunch span {
background: url(http://demo.themetent.com/public/style_images/firebox/icon_quicknav.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav_hover.png) repeat-x bottom;
color: #fff;
margin-top: 0;
text-shadow: none;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
#community_app_menu>li.active>a {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav_hover.png) repeat-x bottom;
color: #fff;
margin-top: 0;
text-shadow: none;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-left: 1px solid #292929;
border-right: 1px solid #292929;
}

#contenido {
width: 90% !important;
  margin: 0 auto;
}

#contenido {
padding: 10px 10px;
line-height: 120%;
}

/*index_box*/
.adent_ {
  background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.pun .adent_ table.table td {
background: none!important;
border: 0;
}
.main .main-foot, .main .main-head {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
color: #fff;
padding: 10px 10px 11px;
font-size: 14px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-width: 1px 1px 0 1px;
border-color: #292929;
border-style: solid;
margin: 0 0 0.5em 0;
}
.main .main-head .page-title {
  color: #fff;
  font-size: 14px;
font-weight: 400;
}
.col_c_stats {
text-align: right;
width: 15%;
}
.ipsType_small {
font-size: 12px;
}

/*topic_body*/

div.subtopic {
  border: 0;
background: #282828 url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.pun .post {
border: 0;
}
.post_block {
margin: 1px 1px 1px 1px;
background: #313131;
border-top: 1px solid #282828;
color: #fff;
font-size: 16px;
font-weight: 400;
height: 36px;
line-height: 36px;
padding: 0 1em;
}
.desc_post {
color: #777;
float: right;
font-size: 11px;
margin-right: 17px!important;
margin-top: -28px;
text-align: right;
}


.post_block span.creator a span {
color: #FFF!important;
font-weight: 400!important;
}
.post_block span.creator a span strong {
color: #FFF!important;
font-weight: 400!important;
}
.pun .posthead {
background: transparent;
border-bottom: 0;
color: #a4a4a4;
font-size: 12px!important;
font-weight: 400;
margin: 0 10px 0 0;
padding-top: 10px;
}
.pun .posthead h2 {
font-family: Arimo,sans-serif;
font-size: 12px;
}
.pun .postmain {
background-color: transparent;
border: 0;
margin-left: 15em;
}
.pun .post .user {
float: left;
margin-left: -174px;
margin-top: -1.8em;
position: relative;
font-size: 12px;
text-align: center;
width: 155px;
}

.postfoot {
border: 0;
clear: both;
margin-left: -15em;
padding: .5em 1em;
text-align: right;
opacity: 0;
transition: all 0.6s;
}
.pun .post:hover .postfoot {
  opacity: 1;
}
.pun .main .main-content.message {
background-color: transparent;
}
.pun .main-content {
border: 1px solid #1B1B1B;
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
.pun .frm-form {
background: transparent;
border: none;
}
.main .frm-info #pun-visit, .main-box {
  background: #181818;
border: 1px solid #2D2D2D;
}
.main .frm-info {
border: 1px solid #662411;
background: #c4411c;
color: #fff;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
}
.pun .main .main-content p.message {
margin: 1.7em;
padding: 1em;
color: white;
background: #303030;
border: 1px solid #2D2D2D;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
}
.pun .topic {
  background: #313131;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #292929;
margin-bottom: 1em;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
padding: 9px;
}
#stats {
background-color: transparent;
line-height: 150%;
padding: .6em 1em;
color: white;
font-weight: normal!important;
font-size: 12px;
}
/*EditorNegroFA*/
#textarea_content {
    width: 100%!important;
    text-align: inherit!important;
}
#textarea_content .sceditor-container {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom!important;
border: none!important;
border-radius: 0!important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1)!important;
}
#textarea_content .sceditor-container .sceditor-toolbar {
    background: none!important;
    border: 0!important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1)!important;
}
#textarea_content .sceditor-group {
    background: #2B2B2B!important;
    border-radius: 3px!important;
    border: 0!important;
}
#textarea_content .sceditor-group a:hover, #textarea_content .sceditor-group a.active, #textarea_content .sceditor-group a.hover {
    background: #000!important;
    box-shadow: 0 1px 0 #424242!important;
}
#textarea_content iframe ,#textarea_content .sceditor-container textarea {
    width: 98%!important;
    border-radius: 2px!important;
    background: #292929!important; 
    border: 1px solid #2C2C2C!important; 
    box-shadow: inset rgba(0, 0, 0, 0.31) 0 2px 10px!important; 
    color: #B7B7B7!important;  cursor: text!important;    text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0!important;
    padding: 0 5px!important;
}
#message-box #textarea_content .sceditor-container {
width: 100%!important;
}
#pun-qpost .frm-buttons {
border: 0;
margin-bottom: -.7em;
margin-top: .5em;
padding: .7em 0 0 17.5em;
text-align: right;
}

.user-basic-info a img {
max-width: 90px;
max-height: 90px;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: 0;
padding: .6em 1.3em .3em;
}

.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
color: #777;
padding: 0px 0px!important;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 0 0.5em 0;
}
.pun-crumbs p a {
color: #777!important;
}
.pun .user .user-info {
color: #a4a4a4;
line-height: 1.8em;
font-size: 12px;
}

.pun a:hover {
color: #C4411C;
}
.pun a:visited {
color: #fff;
}
.pun a:link {
color: #fff;
}

.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: transparent;
}

.pun table.table td {
background-color: transparent;
border: 0;
}
.pun table.table th {
color: #fff;
padding: .5em 0;
background: #1a1a1a;
border-bottom: 1px solid #0f0f0f!important;
}

/*footer*/
#pun-about {
text-align: right;
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
height: 16px;
}
#pun-foot div.ipsBox {
line-height: 4px;
}
/*index_body*/
.statround {
  display: inline-block;
background: #c4411c;
color: #fff;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statround a {
  color: white!important;
}
div#my_nigga {
  background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
color: #fff;
padding: 10px 10px 11px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-width: 1px 1px 0 1px;
border-color: #292929;
border-style: solid;
margin: 0 0 0.5em 0;
}
span.ulet {
  margin-right: 20px;
}

#alertGuest {
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
ul#stat_links li a {
  margin-right: 4px; }

.desc, .desc.blend_links a, p.posted_info {
font-size: 12px;
color: #777;
}
.statistics_head {
font-size: 14px;
font-weight: bold;
}

/*este CSS si se desea lo eliminan*/
#pun-visit, .main-box {
display: none!important;
}
/*END este CSS si se desea lo eliminan*/

#pun-about span.left a {
  color: white!important;
}
.pun tbody.statused span.status img {
margin-left: -17px;
margin-top: 4px;
}
/*its all right? xD*/
.its_all_right {
 
  margin-left: 24px;
}
a.forumtitle {
  font-size: 15px;
font-weight: normal;
font-family: Arial;
color: white!important;
}
.mini_ava img {
  -moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
float: left;
height: 32px;
margin: 3px 10px;
padding: 1px;
width: 32px;
cursor: pointer;
}
.pun .posthead img, .pun table .tdtopics img {
vertical-align: middle;
margin: 0!important;
}

td.tcr span a:empty:before {
content: "No posts to view.";
cursor: default;
pointer-events: none;
text-align: center;
word-wrap: break-word;
margin: 1px 0px 4px 53px;
color: #a4a4a4;
font-style: italic;
}
td.tcr > span > strong > a > span > strong {
color: #fff!important;
font-weight: 400!important;
text-decoration: none;
}


/*logeado xD*/
#user_navigation .ipsList_inline li {
margin: 0;
}

#user_navigation.logged_in {
height: 26px;
padding: 6px 0 4px;
line-height: 25px;
}
#user_link_dd, .dropdownIndicator {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/header_dropdown.png) no-repeat right;
display: inline-block;
height: 5px;
margin: 1px 0 1px 1px;
width: 9px;
}
#inbox_link, #notify_link {
height: 15px;
padding: 11px 24px 8px 12px;
position: relative;
vertical-align: middle;
width: 18px;
}
#inbox_link {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/icon_inbox.png) no-repeat top;
}
#notify_link {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/icon_notify.png) no-repeat top;
margin-right: 11px;
}
.ipsHasNotifications {
-moz-border-radius: 2px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
background: #cf2020;
border-radius: 2px;
box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
color: #fff!important;
font-size: 9px;
height: 12px;
left: -5px;
line-height: 12px;
padding: 0 4px;
position: absolute;
text-align: center;
top: 4px;
}
#user_link {
  margin-right: 15px;
}
#alertGuest h2 {
font-size: 14pt;
font-weight: 800;
margin-bottom: 1em;
}

/*tabs*/
#tabs ul li.activetab a {
background-color: #252524!important;
border: 1px solid #232222;
color: #FFFFFF;
text-decoration: none!important;
}
#tabs ul li a {
float: left;
font-size: 1.1em;
font-weight: 400;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
background: #353535!important;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
border: 1px solid #232222;
margin-bottom: -1px;
border-radius: 5px 5px 0 0;
}



/*buttons*/
.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
}

input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #2C2B2B url(http://i.imgur.com/1bDIL9v.png) repeat-x 0 0;
border: 1px solid #2C2C2C;
border-radius: 2px;
color: #EBEBEB;
height: 24px;
line-height: 24px;
margin-left: 4px;
padding: 0 10px;
text-decoration: none;
text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}
input[name="preview"] {
background: #646464 url('http://i.imgur.com/5IPGGOW.png') repeat-x 0 0;
border-color: #585858;
color: #fff;
text-shadow: #474747 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
}
/*hovers*/
input[name="preview"]:hover {
background-color: #6f6f6f;
color: #fff;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
color: #fff;
background-repeat: repeat-x;
background-position: top;
}
/*active*/
input:active[type="button"], input:active[type="reset"], input:active[type="submit"] {
position: relative;
top: 1px;
}
/*END BUttons*/
/*css widgets*/

#content-container div#right .module.main {
    background: url('http://demo.themetent.com/public/style_images/firebox/pattern_side.png') repeat scroll 0px 0px #3C3C3C;
    border: 1px solid #292929;
    border-radius: 5px;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset;
    margin-bottom: 1em !important;
    padding: 10px;
    margin-left: 10px !important;
}
#right .module.main .main-head {
  font: normal 14px helvetica, arial, sans-serif;
padding: 5px 10px;
background: #292929;
color: #fff;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
#right .module.main .main-content {
border-radius: 0;
background: transparent;
border: 0;
box-shadow: none;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como posicionar o retangulo

Mensagem por Vitor-Vicente em 14/04/15, 01:30 am

Olá, Sennior é coisa de milímetros, se der pra fazer, irá ficar melhor ainda.

http://prntscr.com/6ti9ei
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net
  • 0

Resolvido Re: Como posicionar o retangulo

Mensagem por Sennior em 14/04/15, 01:36 am

Saudações novamente,

Assim amigo?
Código:
.main-content.clearfix {
  position: relative!important;
  top: -5px!important;
}p.crumbs {background: url(http://i.imgur.com/5cds98J.png) repeat-x scroll 0 0 #E0E0E0 !important;border: 1px solid #D6D6D6 !important;
border-radius: 3px !important;box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;line-height: 37px !important;margin-bottom: 15px !important;overflow: hidden !important;text-shadow: 0 1px 0 #FFF !important;}.pun .crumbs a {background: url(http://i.imgur.com/F7sgCcz.png) no-repeat scroll 100% -1px transparent !important;color: #777!important !important;font-size: 10px !important;line-height: 30px !important;padding: 11px 17px 11px 4px !important;}
p.crumbs a:hover {background-position: 100% -43px !important;}#content-container div#container {position: relative !important;top: 2pc !important;}.pun .crumbs {
  left: 0px!important;
  max-width: 924px!important;
  position: absolute!important;
  top: -37px!important;
  width: 930px!important;
}

/*****PARCERIA*******/
#parceiros img {
  height: 102px !Important;
  width: 190px !Important;
  opacity: .2;
  border: 2px solid rgba(190, 184, 184, 0.64);
  margin-bottom: 5px;
  -webkit-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -ms-transition-duration: .8s;
  -o-transition-duration: .8s;
  transition-duration: .8s;
}
 

.webstore-button.webstore-A-B-C {
  border-color: #909090 !Important;
  background-color: #909090 !Important;
  background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#909090)) !Important;
  background-image: -webkit-linear-gradient(top,#565252 0%,#626161 100%) !Important;
  background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0) !Important;
  border-radius: 5px !Important;
  -webkit-border-radius: 5px !Important;
  -moz-border-radius: 5px !Important;
  -o-border-radius: 5px !Important;
  padding-bottom: 4px !Important;
}

.webstore-button.webstore-A-B-C {
  border-color: #909090 !Important;
  background-color: #909090 !Important;
  background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#909090)) !Important;
  background-image: -webkit-linear-gradient(top,#565252 0%,#626161 100%) !Important;
  background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%) !Important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0) !Important;
  border-radius: 5px !Important;
  -webkit-border-radius: 5px !Important;
  -moz-border-radius: 5px !Important;
  -o-border-radius: 5px !Important;
  padding-bottom: 4px !Important;
}
/****PARCERIA FIM****/


.pun .postmain {background: #141414!important;}
.pun .post {background: #141414!important;}
.pun .post .user {background: #2a2a2a!important;}


#alertGuest {background: #141414!important;}
tr {background: #141414!important;}

tr {
  background: #313131;
  border: 1px solid #292929;
}
.pun tbody.statused span.status img {  margin-left: 7px !Important; margin-top: 25px !Important;}

.pun .main-content{background: #141414 !Important;}
.resizebox {background-color: transparent !Important;}
.resizebox .resize_border{border: none !Important;}
tr {
  background: #313131;
  border: 1px solid #292929;
}
.pun tbody.statused span.status img {  margin-left: 7px !Important; margin-top: 25px !Important;}

.cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }


.goog-te-gadget-simple .goog-te-menu-value span {color: black !Important;}

/*Destaque do mês*/
.destaque img.avatar_d {
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.destaque h4 {font-weight: normal;}
    .bs_badge {
    background: #7ba60d;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 8px;
    }
    .bs_badge_lightgrey {
    background: #b3b3b3;
    }
.bs_badge, .bs_badge a {color: #fff !important;}
.reset_cursor {
cursor: default;
}
.destaque .main-content table {
background: #F6F8FA;
border: 1px solid #DCE2EC;
width: 100%;
}

/****************************************************
**Template Adaptado por Mindlezz, de SkinsDev.com,
**Visitanos :D
*****************************************************/

#pun-head {
display: none;
}
#pun-visit.clearfix {
display: none!important;
}
#pun-intro {
display: none;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
img, .input_check, .input_radio {
vertical-align: middle;
}
body {
font: normal 13px helvetica,arial,sans-serif;

}

html, body {
background: #282828 url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
color: #5a5a5a;
}

#header_bar {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
border-bottom: 1px solid #000;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
padding: 0;
text-align: right;
position: relative;
}

.main_width {
margin: 0 auto;
width: 87% !important;
min-width: 960px;
}
.main_width {
width: 80% !important;
}
#admin_bar {
font-size: 11px;
line-height: 36px;
}

.left {
float: left;
}

ol, ul {
list-style: none;
}


.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
#admin_bar a {
color: #8a8a8a;
}
#admin_bar a:hover {
  color: white;
}
img, .input_check, .input_radio {
vertical-align: middle;
}

fieldset, img {
border: 0;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation a {
color: #fff;
font-size: 11px;
}
#user_navigation #register_link {
background: #C4411C;
color: #fff;
display: inline-block;
padding: 3px 8px;
border: 1px solid #BC3C18;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}




/*CSS IMPORTANTE PARA CAMBIAR LA IMAGEN DEL BRANDING*/

#branding {
  -moz-background-size: cover;
  -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg',sizingMethod='scale');
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg',sizingMethod='scale');
  min-height: 150px;
  background: url('http://i.imgur.com/p5pGhmV.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
#branding, #header_bar, #primary_nav {
  min-width: 980px;
}

/*END CSS IMPORTANTE PARA CAMBIAR LA IMAGEN DEL BRANDING*/
#logo {
display: inline;
}


.logo {
color: #fff;
font: 35pt "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
float: left;
margin-top: 1em;
text-shadow: 0px 0px 10px #000;
filter: dropshadow(color=#000000,offx=0,offy=0);
}
#logo a {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s linear;
text-shadow: 0px 0px 10px #000;
filter: dropshadow(color=#000000, offx=0, offy=0);
}

.logo span {
color: #c4411c;
margin-right: 0.2em;
}
.logo .sub {
font-size: 25pt;
margin-left: 0.5em;
color: #fff !important;
}
/*buscador*/
.search {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: opacity 1s linear;
margin-top: 33px;
}
.search:hover {
  opacity: 1;
}
.ipsBox, .ipsPad {
padding: 9px;
}

.ipsBox {
background: #313131;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #292929;
margin-bottom: 1em;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
.searchbox {
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.hide {
display: none;
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://demo.themetent.com/public/style_images/firebox/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 130px;
outline: 0;
line-height: 25px;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #eaeaea;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
.clickable {
cursor: pointer;
}
#search .submit_input {
background: #C4411C url(http://demo.themetent.com/public/style_images/firebox/search_icon.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #BC3C18;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
}

/*navbar*/
#primary_nav {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav.png) repeat-x bottom;
border-bottom: 1px solid #000;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
border-top: 1px solid #292929;
border-bottom: 1px solid #1a1919;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
#community_app_menu>li {
margin: 0px 3px 0 0;
position: relative;
}

#community_app_menu>li>a {
color: #939393;
display: block;
padding: 10px 15px 8px;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}

#quickNavLaunch span {
background: url(http://demo.themetent.com/public/style_images/firebox/icon_quicknav.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav_hover.png) repeat-x bottom;
color: #fff;
margin-top: 0;
text-shadow: none;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
#community_app_menu>li.active>a {
background: #414040 url(http://demo.themetent.com/public/style_images/firebox/gradient_nav_hover.png) repeat-x bottom;
color: #fff;
margin-top: 0;
text-shadow: none;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-left: 1px solid #292929;
border-right: 1px solid #292929;
}

#contenido {
width: 90% !important;
  margin: 0 auto;
}

#contenido {
padding: 10px 10px;
line-height: 120%;
}

/*index_box*/
.adent_ {
  background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.pun .adent_ table.table td {
background: none!important;
border: 0;
}
.main .main-foot, .main .main-head {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
color: #fff;
padding: 10px 10px 11px;
font-size: 14px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-width: 1px 1px 0 1px;
border-color: #292929;
border-style: solid;
margin: 0 0 0.5em 0;
}
.main .main-head .page-title {
  color: #fff;
  font-size: 14px;
font-weight: 400;
}
.col_c_stats {
text-align: right;
width: 15%;
}
.ipsType_small {
font-size: 12px;
}

/*topic_body*/

div.subtopic {
  border: 0;
background: #282828 url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.pun .post {
border: 0;
}
.post_block {
margin: 1px 1px 1px 1px;
background: #313131;
border-top: 1px solid #282828;
color: #fff;
font-size: 16px;
font-weight: 400;
height: 36px;
line-height: 36px;
padding: 0 1em;
}
.desc_post {
color: #777;
float: right;
font-size: 11px;
margin-right: 17px!important;
margin-top: -28px;
text-align: right;
}


.post_block span.creator a span {
color: #FFF!important;
font-weight: 400!important;
}
.post_block span.creator a span strong {
color: #FFF!important;
font-weight: 400!important;
}
.pun .posthead {
background: transparent;
border-bottom: 0;
color: #a4a4a4;
font-size: 12px!important;
font-weight: 400;
margin: 0 10px 0 0;
padding-top: 10px;
}
.pun .posthead h2 {
font-family: Arimo,sans-serif;
font-size: 12px;
}
.pun .postmain {
background-color: transparent;
border: 0;
margin-left: 15em;
}
.pun .post .user {
float: left;
margin-left: -174px;
margin-top: -1.8em;
position: relative;
font-size: 12px;
text-align: center;
width: 155px;
}

.postfoot {
border: 0;
clear: both;
margin-left: -15em;
padding: .5em 1em;
text-align: right;
opacity: 0;
transition: all 0.6s;
}
.pun .post:hover .postfoot {
  opacity: 1;
}
.pun .main .main-content.message {
background-color: transparent;
}
.pun .main-content {
border: 1px solid #1B1B1B;
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}
.pun .frm-form {
background: transparent;
border: none;
}
.main .frm-info #pun-visit, .main-box {
  background: #181818;
border: 1px solid #2D2D2D;
}
.main .frm-info {
border: 1px solid #662411;
background: #c4411c;
color: #fff;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
}
.pun .main .main-content p.message {
margin: 1.7em;
padding: 1em;
color: white;
background: #303030;
border: 1px solid #2D2D2D;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
}
.pun .topic {
  background: #313131;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #292929;
margin-bottom: 1em;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
padding: 9px;
}
#stats {
background-color: transparent;
line-height: 150%;
padding: .6em 1em;
color: white;
font-weight: normal!important;
font-size: 12px;
}
/*EditorNegroFA*/
#textarea_content {
    width: 100%!important;
    text-align: inherit!important;
}
#textarea_content .sceditor-container {
background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom!important;
border: none!important;
border-radius: 0!important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1)!important;
}
#textarea_content .sceditor-container .sceditor-toolbar {
    background: none!important;
    border: 0!important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1)!important;
}
#textarea_content .sceditor-group {
    background: #2B2B2B!important;
    border-radius: 3px!important;
    border: 0!important;
}
#textarea_content .sceditor-group a:hover, #textarea_content .sceditor-group a.active, #textarea_content .sceditor-group a.hover {
    background: #000!important;
    box-shadow: 0 1px 0 #424242!important;
}
#textarea_content iframe ,#textarea_content .sceditor-container textarea {
    width: 98%!important;
    border-radius: 2px!important;
    background: #292929!important; 
    border: 1px solid #2C2C2C!important; 
    box-shadow: inset rgba(0, 0, 0, 0.31) 0 2px 10px!important; 
    color: #B7B7B7!important;  cursor: text!important;    text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0!important;
    padding: 0 5px!important;
}
#message-box #textarea_content .sceditor-container {
width: 100%!important;
}
#pun-qpost .frm-buttons {
border: 0;
margin-bottom: -.7em;
margin-top: .5em;
padding: .7em 0 0 17.5em;
text-align: right;
}

.user-basic-info a img {
max-width: 90px;
max-height: 90px;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: 0;
padding: .6em 1.3em .3em;
}

.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
color: #777;
padding: 0px 0px!important;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 0 0.5em 0;
}
.pun-crumbs p a {
color: #777!important;
}
.pun .user .user-info {
color: #a4a4a4;
line-height: 1.8em;
font-size: 12px;
}

.pun a:hover {
color: #C4411C;
}
.pun a:visited {
color: #fff;
}
.pun a:link {
color: #fff;
}

.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: transparent;
}

.pun table.table td {
background-color: transparent;
border: 0;
}
.pun table.table th {
color: #fff;
padding: .5em 0;
background: #1a1a1a;
border-bottom: 1px solid #0f0f0f!important;
}

/*footer*/
#pun-about {
text-align: right;
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
height: 16px;
}
#pun-foot div.ipsBox {
line-height: 4px;
}
/*index_body*/
.statround {
  display: inline-block;
background: #c4411c;
color: #fff;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statround a {
  color: white!important;
}
div#my_nigga {
  background: #3c3c3c url(http://demo.themetent.com/public/style_images/firebox/gradient_dark.png) repeat-x bottom;
color: #fff;
padding: 10px 10px 11px;
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
border-width: 1px 1px 0 1px;
border-color: #292929;
border-style: solid;
margin: 0 0 0.5em 0;
}
span.ulet {
  margin-right: 20px;
}

#alertGuest {
background: #2c2c2c url(http://demo.themetent.com/public/style_images/firebox/background.png) repeat;
padding: 15px;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
ul#stat_links li a {
  margin-right: 4px; }

.desc, .desc.blend_links a, p.posted_info {
font-size: 12px;
color: #777;
}
.statistics_head {
font-size: 14px;
font-weight: bold;
}

/*este CSS si se desea lo eliminan*/
#pun-visit, .main-box {
display: none!important;
}
/*END este CSS si se desea lo eliminan*/

#pun-about span.left a {
  color: white!important;
}
.pun tbody.statused span.status img {
margin-left: -17px;
margin-top: 4px;
}
/*its all right? xD*/
.its_all_right {
 
  margin-left: 24px;
}
a.forumtitle {
  font-size: 15px;
font-weight: normal;
font-family: Arial;
color: white!important;
}
.mini_ava img {
  -moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
float: left;
height: 32px;
margin: 3px 10px;
padding: 1px;
width: 32px;
cursor: pointer;
}
.pun .posthead img, .pun table .tdtopics img {
vertical-align: middle;
margin: 0!important;
}

td.tcr span a:empty:before {
content: "No posts to view.";
cursor: default;
pointer-events: none;
text-align: center;
word-wrap: break-word;
margin: 1px 0px 4px 53px;
color: #a4a4a4;
font-style: italic;
}
td.tcr > span > strong > a > span > strong {
color: #fff!important;
font-weight: 400!important;
text-decoration: none;
}


/*logeado xD*/
#user_navigation .ipsList_inline li {
margin: 0;
}

#user_navigation.logged_in {
height: 26px;
padding: 6px 0 4px;
line-height: 25px;
}
#user_link_dd, .dropdownIndicator {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/header_dropdown.png) no-repeat right;
display: inline-block;
height: 5px;
margin: 1px 0 1px 1px;
width: 9px;
}
#inbox_link, #notify_link {
height: 15px;
padding: 11px 24px 8px 12px;
position: relative;
vertical-align: middle;
width: 18px;
}
#inbox_link {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/icon_inbox.png) no-repeat top;
}
#notify_link {
background: url(http://www.tibiaking.com/forum/public/style_images/gris/icon_notify.png) no-repeat top;
margin-right: 11px;
}
.ipsHasNotifications {
-moz-border-radius: 2px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
background: #cf2020;
border-radius: 2px;
box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
color: #fff!important;
font-size: 9px;
height: 12px;
left: -5px;
line-height: 12px;
padding: 0 4px;
position: absolute;
text-align: center;
top: 4px;
}
#user_link {
  margin-right: 15px;
}
#alertGuest h2 {
font-size: 14pt;
font-weight: 800;
margin-bottom: 1em;
}

/*tabs*/
#tabs ul li.activetab a {
background-color: #252524!important;
border: 1px solid #232222;
color: #FFFFFF;
text-decoration: none!important;
}
#tabs ul li a {
float: left;
font-size: 1.1em;
font-weight: 400;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
background: #353535!important;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
border: 1px solid #232222;
margin-bottom: -1px;
border-radius: 5px 5px 0 0;
}



/*buttons*/
.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
}

input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #2C2B2B url(http://i.imgur.com/1bDIL9v.png) repeat-x 0 0;
border: 1px solid #2C2C2C;
border-radius: 2px;
color: #EBEBEB;
height: 24px;
line-height: 24px;
margin-left: 4px;
padding: 0 10px;
text-decoration: none;
text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}
input[name="preview"] {
background: #646464 url('http://i.imgur.com/5IPGGOW.png') repeat-x 0 0;
border-color: #585858;
color: #fff;
text-shadow: #474747 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
}
/*hovers*/
input[name="preview"]:hover {
background-color: #6f6f6f;
color: #fff;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
color: #fff;
background-repeat: repeat-x;
background-position: top;
}
/*active*/
input:active[type="button"], input:active[type="reset"], input:active[type="submit"] {
position: relative;
top: 1px;
}
/*END BUttons*/
/*css widgets*/

#content-container div#right .module.main {
    background: url('http://demo.themetent.com/public/style_images/firebox/pattern_side.png') repeat scroll 0px 0px #3C3C3C;
    border: 1px solid #292929;
    border-radius: 5px;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset;
    margin-bottom: 1em !important;
    padding: 10px;
    margin-left: 10px !important;
}
#right .module.main .main-head {
  font: normal 14px helvetica, arial, sans-serif;
padding: 5px 10px;
background: #292929;
color: #fff;
border: 1px solid #232222;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
#right .module.main .main-content {
border-radius: 0;
background: transparent;
border: 0;
box-shadow: none;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como posicionar o retangulo

Mensagem por Vitor-Vicente em 14/04/15, 01:50 am

Ta joia , Sennior, vlw Party
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Como posicionar o retangulo

Mensagem por Sennior em 14/04/15, 01:21 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum