Você não está conectado. Conecte-se ou registre-se

Fundo personalizado para rank

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1Eliminado Fundo personalizado para rank em Qua Fev 03, 2016 7:58 pm

PrisoN

avatar
Membro
Minha questão:
Qual código de por no rank para que os fundos personalizados apareçam? e se tive o código, é possivel fornecer o menor? pois o código dos meus ranks são grandes, vejem:
¬ Moderador fixo do fórum
¬ Owner & Designer

Código:
<az><b><font color=#2768A1>¬ Moderador</font></az> <font color=#000000>fixo do fórum</font></b>

<c><b><font color=#D11790>¬ Owner</font> & <font color=#0FDB6E> Designer </c></b></font>


Endereço do meu fórum:
http://exercito-bp.forumeiros.com

Ver perfil do usuário

2Eliminado Re: Fundo personalizado para rank em Qua Fev 03, 2016 8:00 pm

Luiis_xD

avatar
Membro
Olá por favor leia este tutorial feito pela Fórum dos Fóruns

http://ajuda.forumeiros.com/t87274-tutorial-rank-em-estilo-css

Agrada?

Ver perfil do usuário

3Eliminado Re: Fundo personalizado para rank em Qua Fev 03, 2016 8:09 pm

PrisoN

avatar
Membro
Bom, não é bem isso que eu que eu quero, eu quero o código de coloca as cores de fundo quando algum adm posta, fica aquela cor azul no fundo do tópico, tipo a do harddm, eu preciso de um código daquele, poderem o menor possível, pois os códigos dos meus ranks são muito grande.

Ver perfil do usuário

4Eliminado Re: Fundo personalizado para rank em Qua Fev 03, 2016 8:15 pm

Luiis_xD

avatar
Membro
Desculpe-me leia este tutorial

http://ajuda.forumeiros.com/t61132-tutorial-imagem-nas-postagens

Isso que deseja?

Ver perfil do usuário

5Eliminado Re: Fundo personalizado para rank em Qua Fev 03, 2016 8:23 pm

PrisoN

avatar
Membro
Não tem nenhum jeito de adicionar pelo CSS, ou outra maneira sem ser pelos ranks? Os meus códigos são grandes e não está dando para coloca outros efeito, a não ser que você queira muda o tamanho deles mais que deixe o mesmo efeito, é possível?

Segue abaixo eles:

Código:
<vr><b><font color=#1C4F0E>¬ Membro</vr></font> <font color=#000000> do fórum</font></b>
<c><b><font color=#75A5A8>¬ Master</font></c> <font color=#000000>Owner</font></b>
<l><b><font color=#F55C25>¬ Honor </l></font> <font color=#000000>Member</font></b>
<c><b><font color=#0FDB6E>¬ Designer</c></font> <font color=#000000> do fórum</font></b>
<c><b><font color=#D11790>¬ Owner</font> & <font color=#0FDB6E> Designer </c></b></font>
<az><b><font color=#2768A1>¬ Moderador</font></az> <font color=#000000>fixo do fórum</font></b>
<rx><b><font color=#AD6B9>¬ Owner </font></rx> <font color=#000000>Temporário</font></b>
<r><b><font color=#D11790>¬ Owner </font></r> <font color=#000000>Fixo</font></b>
<m><b><font color=#899EB0>¬ Moderador</font></m> <font color=#000000> Temporário</font></b>
<am><b><font color=#fbff00>¬ Moderador</font></am> <font color=#000000> do mês</font></b>

Ver perfil do usuário

6Eliminado Re: Fundo personalizado para rank em Qua Fev 03, 2016 8:27 pm

Luiis_xD

avatar
Membro
Me passe sua folha de estilo css, vou tentar diminui-la.

Ver perfil do usuário

7Eliminado Re: Fundo personalizado para rank em Qua Fev 03, 2016 8:28 pm

PrisoN

avatar
Membro
Aqui está

Código:
div.user-info > div > img {
    float: left!important;
    margin-left: 55px!important;
    margin-right: -59px!important;
}
a.forumtitle {
    color: #006400!important;
}
.pun .entry-content {
    width: auto!important;
}

.codebox{
  border-radius: 5px;
  background: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 6px #006400;
}

.codebox dd{
  background: #fff;
}

.codebox dt{
  border-bottom: 1px solid #ddd;
    text-align: center;
    font-weight: 700;
      color: #000;
}

.codebox dd.cont_code{
  color: green;
}


az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
rp, roxop, pinkr, .r {text-shadow: 0px 0px 5px #AD6B9;color: #AD6B9;}

.module table[style="table-layout:auto;"] tbody tr td > table tbody tr td img {
    content: "";
}
.module table[style="table-layout:auto;"] tbody tr td[width="4px"] {
    width: 0px
}
.module table[style="table-layout:auto;"] tbody tr td > table tbody tr td[style="overflow:hidden;"] {
    background: url('http://i.imgur.com/gGg8bgb.png') no-repeat;
    background-position: -0px -54px;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(1) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -0px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(2) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -0px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(3) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -0px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(4) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -18px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(5) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -18px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(6) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -18px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(7) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -36px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(8) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -36px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(9) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -54px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(10) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -54px;
}

/* Membro */
.module .main-content table[style="table-layout:fixed"] {
    background: #fafafa;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .1)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1)50%, rgba(255, 255, 255, .1)75%, transparent 75%, transparent);
    background-size: 10px 10px;
    border: #e1e1e1 1px solid;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: inset 1px -1px 9px -1px rgba(181, 181, 181, 1);
    -moz-box-shadow: inset 1px -1px 9px -1px rgba(181, 181, 181, 1);
    box-shadow: inset 1px -1px 9px -1px rgba(181, 181, 181, 1);
}
/* fim */
body {
background: url('http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/bg_tile.gif') repeat scroll 0% 0% #FAFAFA;
font: 11px "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

html, body {
background: url('http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/bg_tile.gif') repeat scroll 0% 0% #FAFAFA;
color: #5A5A5A;
}

#pun-intro {
  display: none;
}

#pun-navlinks {
  display: none;
}

.pun .paged-foot, .pun .paged-head {
background: none;
border: none;
padding: 0;
}

#pun-about #qjump {
display: none;
}

#pun-about {
text-align: right;
font-size: 10px;
}

#pun-announcement {
border-style: 0 px solid;
border-width: 0px;
padding: 1em;
background: white;
}

.k1b4d58ea {
display: none!important;
background: none!important;
border: none!important;
}

.pun {
    margin-bottom: 10px;
    background: none repeat scroll 0% 0% #FFF;
    padding: 10px;
    line-height: 120%;
    border: 1px solid #DADADA;
    margin-top: 10px;
    width: 1178px;
    text-align: left!important;
}

.pun .main-content {
border: 1px solid #fff;
}

thead {
display: none;
}

fieldset {
-webkit-margin-start: 2px;
-webkit-margin-end: 2px;
-webkit-padding-before: 0.35em;
-webkit-padding-start: 0.75em;
-webkit-padding-end: 0.75em;
-webkit-padding-after: 0.625em;
border: 0px;
border-image: initial;
}

.main .main-foot, .paged-foot {
display: none;
}

#sc-container, .sc-width {
width: 1178px;
min-width: 960px;
margin: 0 auto;
}


/*help button*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
display:none;
}

/*logged_in - Logado!*/

#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;
}

/*color-picker*/

.custom_theme {
    border-radius: 3px 0px 0px 3px;
    background: url('http: //www.bslrpg.com/forum/public/style_images/animehaven_v3/color_picker/color_picker.png') no-repeat scroll 50% 50% rgba(0, 0, 0, 0.3);
    cursor: pointer;
    width: 29px;
    height: 38px;
    margin-left: 1px;
    float: right;
    margin-top: 36px;
}

.custom_theme #colorpicker {
    border: 0px none !important;
    background: none repeat scroll 0% 0% transparent !important;
    text-indent: -999px !important;
    height: 36px;
    font-size: 0px;
    width: 37px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    opacity: 0;
    display: block;
}

/*categoria*/
.main .main-head {
    background-image: url('http://i.imgur.com/zApQl3W.jpg');
}

.main .main-head {
    background: url('http://www.bslrpg.com/forum/public/style_images/animehaven_v3/advanced_search.png') repeat scroll center top #006400
    padding: 9px 12px;
    font-size: 12px;
    font-weight: 300;
    color: #FFF;
    box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    text-shadow: 0px 1px 2px #000;
    border-bottom: 3px solid #006400 ;
}

.pun tbody.statused span.status {
    position: absolute;
    display: none;
}

#main{
  margin-right: 10px;
}

.table .tc_icon {
    padding: 10px 5px !important;
    vertical-align: middle;
    width: 30px;
}

.pun table.table td.tc3 {
    text-align: right;
    width: 15%;
}

.main .main-content {
padding: 4px;
background: none repeat scroll 0px 0px #F3F3F3;
border: 1px solid #E6E6E6;
margin-bottom: 10px;
}

.pun tbody.statused td.tcl {
  background: white;
}

.pun tbody.statused td.tcr {
  background: white;
  border-left: 0px;
}

.pun table.table td {
background-color: #FFFFFF!important;
border-color: #ddd;
border-style: solid none none none;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}

.pun .main table td.tc2, .pun .main table td.tc3 {
  border-right: none;
  border-left: none;
}

.pun fieldset, .pun img {
vertical-align: middle;
}

.main .main-head .page-title {
    font-size: 12px;
    font-weight: 400;
    color: #fff !important;
}

.left{
float:left;
}

.clear{
clear: both;
}

#sc-container{
width: 1178px;
min-width: 960px;
margin: 0 auto;
}

/*userbar*/

#sc-topbar {
background: black;
padding: 0;
text-align: right;
height: 36px;
position: relative;
z-index: 999;
width: 100%;
top: 0;
left: 0;
box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 10px;
}

#sc-navigation {
display: inline;
height: 36px;
}

#community_app_menu>li {
margin: 0;
position:relative;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}

.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}

#logo {
display: inline;
}

ol, ul {
list-style: none;
}

#logo a.textLogo {
color: #fff;
height: 36px;
line-height: 32px;
padding: 0 0;
font-weight: bold;
font-size: 16px;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
text-decoration: none;
display: block;
text-transform: uppercase;
padding-left: 6px;
padding-right: 6px;
}

#logo a:hover {
color: #C42323;
}


#community_app_menu>li.active>a{
margin-top: 0;
text-shadow: none;
border-bottom: 3px solid #006400;
}

#community_app_menu>li>a {
color: #006400;
background: transparent;
display: block;
padding: 0px 14px 0px;
height: 33px;
line-height: 36px;
font-size: 11px;
font-weight: bold;
font-family: "proxima-nova",sans-serif;
text-transform: uppercase;
}

#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
line-height: 25px;
}

#user_navigation {
color: #9f9f9f;
font-size: 11px;
line-height: 30px;
}

#user_navigation .ipsList_inline li {
margin: 0;
}

#user_navigation a {
color: #006400;
font-weight: bold;
}

#user_navigation #register_link {
background: white;
padding: 0px 8px;
height: 30px;
}
.pun a,.pun a:visited {
color: #225985;
text-decoration: none;
}

.pun a:hover{
  color: #C42323;
}

/*branding*/

#sc-branding {
      background: url(http://i.imgur.com/mXBNNNZ.png);
  background-size: 100% 100%;
    border-bottom: 1px solid #343434;
    min-height: 201px;
    box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.5) inset;
}

#sc-bottombar {
    background: none repeat scroll 0% 0% #000;
    padding: 0px;
    text-align: right;
    height: 36px;
    width: 100%;
}

#sc-sec-navigation {
    background: none repeat scroll 0% 0% #FFF;
    border-bottom: 1px solid #DADADA;
    overflow: hidden;
    line-height: 37px;
    clear: both;
}

.breadcrumb {
    color: #777;
    font-size: 11px;
}

.breadcrumb li:first-child {
    margin-left: 0px;
}

#sc-sec-navigation #breadcrumb li:first-of-type a {
    margin-left: 0px;
    background: none repeat scroll 0% 0% transparent;
    padding-left: 0px;
}
#sc-sec-navigation #breadcrumb li a {
    padding-left: 12px;
    margin-left: -15px;
    outline: medium none;
    text-decoration: none;
}
#sc-sec-navigation a {
    color: #757575;
    line-height: 37px;
    height: 37px;
}
.breadcrumb a {
    color: #777;
}

#sc-sec-navigation #breadcrumb li:first-of-type a span {
    padding-left: 12px;
    border-radius: 3px 0px 0px 3px;
}

#sc-sec-navigation-icons li {
    padding: 0px 4px;
}

.ipsList_inline > li:first-child {
    margin-left: 0px;
}
.ipsList_inline > li {
    display: inline-block;
    margin: 0px 3px;
}

#sc-sec-navigation-icons li img {
    width: 16px;
    height: 16px;
}

#search {
background: rgba(0, 0, 0, 0.3);
margin: 36px 0;
padding: 5px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-top-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

fieldset, img {
border: 0;
}

.hide {
display: none;
}

label {
cursor: default;
}

#adv_search {
width: 16px;
height: 16px;
background: url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/advanced_search.png") no-repeat right 50%;
text-indent: -3000em;
display: none;
margin: 6px 0 4px 4px;
}

#search_wrap {
position: relative;
background: rgba(0, 0, 0, 0.40);
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
border-radius: 2px 2px 2px 2px;
-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);
border: 1px solid rgba(0,0,0,0.13);
width: 230px;
}

#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 150px;
outline: 0;
color: #006400;
font-style: italic;
line-height: 26px;
}

#search_options {
font-size: 10px;
height: 28px;
line-height: 25px;
margin: 0px -2px 3px 0;
padding: 0 6px;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
text-align: right;
}

.clickable {
cursor: pointer;
}

.ipbmenu_content, .ipb_autocomplete {
font-size: 12px;
min-width: 85px;
z-index: 999;
}

#search_options_menucontent {
min-width: 100px;
white-space: nowrap;
text-align: left;
}

#search_options_menucontent li {
border-bottom: 0;
}

.ipbmenu_content li:first-child {
padding-top: 0px;
}

#search_options_menucontent input {
margin-right: 10px;
}

img, .input_check, .input_radio {
vertical-align: middle;
}

.custom_theme {
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 0px 0px 3px;
background: rgba(0, 0, 0, 0.30) url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/color_picker/color_picker.png") no-repeat 50% 50%;
cursor: pointer;
width: 29px;
height: 38px;
margin-left: 1px;
float: right;
margin-top: 36px;
}

.custom_theme #colorpicker {
border: 0 !important;
background: none transparent!important;
text-indent: -999px!important;
height: 36px;
font-size: 0;
width: 37px;
padding: 0;
margin: 0;
cursor: pointer;
opacity: 0;
display: block;
}


.submit_input, .clickable {
background: #006400 url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/search_icon.png") no-repeat 50%!important;
text-indent: -3000em!important;
padding: 0!important;
border: 0!important;
display: block!important;
width: 26px!important;
height: 26px!important;
position: absolute!important;
right: 0!important;
top: 0!important;
bottom: 0!important;
-moz-border-radius: 0 2px 2px 0!important;
-webkit-border-top-right-radius: 2px!important;
-webkit-border-bottom-right-radius: 2px!important;
border-radius: 0 2px 2px 0!important;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2)!important;
-moz-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2)!important;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2)!important;
}


.right {
float: right;
}

/*Link*/
a {
  text-decoration:none;
}
ul{
  list-style:none;
}

.right {
float: right;
}



/*lastpost*/
#avatar-lastpost img {
height: 30px;
width: 30px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
margin-top:13px;
margin-right:11px;
}

#avatar-lastpost img:hover{
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

td.tcr span a:empty:before {
content: "Sem Post's Para Visualizar";
cursor: default;
pointer-events: none;
text-align: center;
word-wrap: break-word;
margin: 1px 0px 4px 53px;
color: #a4a4a4;
font-style: italic;
}
/*rodape*/

#pun-about {
font-size: 10px;
text-align: left;
padding: 2px 10px;
background: rgb(236, 236, 236);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.33);
border-radius: 5px;
float: left;
}

#onlinelist {
background-color: #F3F3F3;
padding: 10px;
color: rgb(155, 155, 155);
border: 1px solid rgb(214, 214, 214);
}

#onlinechat {
display: none;
}

#sc-footer {
float: left;
margin: 10px 0px 0px 0px;
width: 100%;
background: #FFF url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/brand_1.png");
border-top: 1px solid #DADADA;
}

.sc-footer-col {
width: 13.5%;
font-size: 11px;
min-width: 125px;
display: inline-block;
vertical-align: top;
line-height: 22px;
padding: 15px 0 18px 0;
}

#sc-footer a {
color: #5A5A5A;
}

#footer_utilities {
font-size: 11px;
width: 100%;
padding: 30px 0px 39px 0px;
border-top: #DADADA solid 1px;
background: #FAFAFA url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/brand_1.png");
}

#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}

#copyright {
color: #848484;
text-align: right;
}

#backtotop:hover {
color: #fff;
opacity: 1;
}

#backtotop {
width: 24px;
height: 24px;
line-height: 20px!important;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}

/*user*/
.pun .user-ident .username {
display: block;
font-size: 1.3em;
font-weight: 400!important;
margin-top: 5px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}

/*post*/
.post h3 {
background: #F8F8F8;
border-bottom: 1px solid #E6E6E6;
border-top: 1px solid #E6E6E6;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 15px;
margin-top: -3px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {
  display: inline-block;
}
.pun .post .user{
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {
  background: white;
}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
box-shadow:0px 5px 5px #CCCCCC;
width: 250px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -160px;
margin-top: -0.6em;
 background-image:url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
  background-repeat: repeat;
}

.pun .post-entry {
font-size: 12px;
line-height: 1.6;
padding: 20px;
word-wrap: break-word;
}

.pun .user .user-ident .user-basic-info {
font-size: 11px;
color: #a4a4a4;
text-align: center;
font-weight: normal;
}

.postfoot {
border-top: 0px;
margin-left: -14em;
}

.sig-content {
clear: right;
color: #a4a4a4;
font-size: 0.9em;
border-top: 1px dashed #e4e4e4;
padding: 10px 0;
margin: 6px 0 4px;
position: relative;
}

.user-basic-info a img {
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
max-height: 300px;
padding: 1px;
max-width: 165px;
margin-left: 10px;
}

.exthelp{
  display:none;
}
/*botoes*/

input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
background: #353535 url(http://i57.servimg.com/u/f57/18/12/37/46/highli10.png) repeat-x top;
border: 1px solid #2b2b2b;
border-radius: 2px;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
color: #fff;
cursor: pointer;
font-family: helvetica,arial,sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
outline: none;
padding: 4px 10px!important;
}


/*box*/
.titlebox {
background: #F9F9F9;
border: 1px solid #E9EDEE;
color: #768089;
text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #B3BAC1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #B3BAC1 0px 1px 3px;
padding: 10px;
overflow: hidden;
}
.titlebox dd {display: block;}
.titlebox dava {float: left;}
.ipsBox_withphoto {float: left; margin-left: 10px;}
.ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 650px;}
.ipsType_pagetitle a {font-size: 23px; z-index: 999;}
.desc.lighter.blend_links {color: #777; float: left; font-size: 11px;}
.socialetopic {float: right; position: relative;}
.titlebox dava a img {-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); background: white; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); float: left; height: 50px!important; padding: 1px; width: 50px!important;}
.titlebox dava a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

/*quick avatar*/
#quick-avatar {
    float: left;
    padding: 11px;
}
#quick-avatar img {
margin-top: 50px;
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
#quick-avatar img:hover {
  border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.mini_ava img {
width: 30px;
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
height: 30px;
}

.widgets{
background: #262626;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset black 0px 1px 3px;
-moz-box-shadow: inset #000 0px 1px 3px;
box-shadow: inset black 0px 1px 3px;
font-size: 11px;
font-weight: bold;
padding: 8px;
}

#fontwidget{
color: white;
font-size: 11px;
font-weight: bold;
tahoma,helvetica,arial,sans-serif;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
margin-left:18px;
}

#pun-visit, .main-box {
display: none;
border: none;
font-size: 10px;
margin: 0 0 1em;
padding: .6em 1em;
}

/*widget*/

.module .main-head {
    border: 1px solid #CFCFCF;
    padding: 10px;
    background: none repeat scroll 0px 0px #FFF;
    font: 11px arial,sans-serif;
    color: #757575;
    padding: 9px 10px;
    background: none repeat scroll 0% 0% #ECECEC;
    text-shadow: 0px 1px 0px #FFF;
    box-shadow: 0px 1px 0px #F9F9F9 inset;
    border-bottom: 3px solid #006400;
background-image: url('http://i.imgur.com/zApQl3W.jpg');
}
.module .main-content{
  background:#fff
}

.module.main {
    margin: 0px;
    margin-bottom: 10px !important;
}

#ajax_loading {
    background: -moz-linear-gradient(center top , #95C715 0%, #7BA60D 100%) repeat scroll 0% 0% transparent;
    border: 1px solid #7BA60D;
    color: #FFF;
    text-align: center;
    padding: 5px 0px 8px;
    width: 8%;
    top: 0px;
    left: 46%;
    border-radius: 0px 0px 5px 5px;
    z-index: 999;
    position: fixed;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.2) inset;
}
/* End Animate CSS on Header */
/* Ajax Mito */
#ajax_loading {background: #00c7e3;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 37px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
/*Font Awesome */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
src: local('FontAwesome'), local('FontAwesome'), url(http://asusgames.esy.es/fonts/fontawesome-webfont.woff) format('woff');
}
/* ranks */
.rank{
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.1)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.1)),color-stop(0.75,rgba(255,255,255,.1)),color-stop(0.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-size: 10px 10px;
padding: 3px;
width: 130px;
margin: 5px;
text-align: center;
text-shadow: #000 1px 1px 0;
color: #fff;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5), rgba(0,0,0,.3) 0 1px 1px;
font: 13px 'Open Sans', Arial, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: default;
}
.stars{
height: 16px;
width: 31px;
margin: 5px 0 0 3px;
background: url('https://cdn1.iconfinder.com/data/icons/fatcow/16/star.png') repeat-x;
background-size: 10px;
float: left;
}
.admin{
background-color: #c70000;
}
.admin:before {
content: "\f000";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.mod{
background-color: #009;
}
.co-admin{
background-color: #a2712b;
}
.co-admin .stars{
width: 20px;
}
.mod .stars{
width: 10px;
}

/* Efeito no título dos ranks */

.om {
color: #EE00EE;
}
.nvl5 {
color: #8B658B;
}
/* Fim */
.ti {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6600;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

/* Teste img */
.imgt {
width: 36px;
height: 36px;
}
.mo {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #75A5A8;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.owt {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #AD6B96;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.ow {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #D11790;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.dis {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0FDB6E;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.modt {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #899EB0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.mod {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2768A1;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.modm {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2768A1;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.modt {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2768A1;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.hm {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F55C25;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.memb {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #1C4F0E;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}


a[href="/u2828"]{text-shadow:0 0 5px #0055aa}
a[href="/u194"]{text-shadow:0 0 5px #0055aa}

a[href="/u29"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #13BAB8;
}
a[href="/u24"] {
background-image: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
text-shadow:2px 2px 6px #2D5913!important;
}
a[href="/u24"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #2D5913;
}
a[href="/u1"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #13BAB8;
}
a[href="/g21-owners"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #D11790;
}
a[href="/g14-moderadores"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #2768A1;
}
a[href="/g23-honor-member"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #F55C25;
}
a[href="/g24-oficiais"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #E01616;
}
a[href="/g25-pracas"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #1C4F0E;
}
a[href="/g16-f-a-b"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #9954D1;
}
a[href="/g17-a-d-e"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #D43333;
}
a[href="/g19-g-t-r"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #009179;
}
a[href="/g20-master-owner"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #13BAB8;
}



.sucesso, .alerta, .aviso, .infos {
padding: 8px 8px 8px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.sucesso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
}
.alerta {
background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
}
.aviso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
}
.infos {
background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
border: 1px solid #4d8fcb;
color: #00529B;
}
/* Ícones no formulário de login */

.user_login_form input[type="password"], .user_login_form input[type="text"] {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
}
.user_login_form input[type="text"] {
background: url(http://i.imgur.com/3CBLHUK.png)no-repeat left center;
padding-left: 20px;
}
.user_login_form input[type="password"] {
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}
#username {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
padding-left: 20px;
background: white url(http://i.imgur.com/3CBLHUK.png)no-repeat;
}
#password {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}

.sceditor-container iframe, .sceditor-container textarea {
background: transparent url("http://i.imgur.com/Wl0MqEW.png") no-repeat 50% !important;
}


/*Menu-DropDown*/
#perfil_drop {
background: linear-gradient(#FFF, #EDEDED) repeat scroll 0px 0px transparent;
border: 0px none !important;
border-radius: 0px 0px 6px 6px;
box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);
color: #225985;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 400;
overflow: hidden;
position: absolute;
right: 65.2%;
text-align: left;
top: 157px;
width: 360px;
z-index: 999;
}
.nav_c{
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)!important;
}
.post_username {
    padding: 7px 5px;
}
.user-basic-info .i_icon_online {
    background: transparent none repeat scroll 0% 0% !important;
    border: 0px none !important;
    box-shadow: none !important;
}
h2.nometopico {
    font-size: 17px;
    display: inline-block;
}
.avat img {
background: none repeat scroll 0px 0px #FFF;
border: 1px solid #D5D5D5;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
height: 50px;
margin: 10px;
padding: 1px;
width: 50px;
}
#perfil_drop li {
float: right;
line-height: 22px;
white-space: nowrap;
  width: 38%;
}

Ver perfil do usuário

8Eliminado Re: Fundo personalizado para rank em Qua Fev 03, 2016 8:45 pm

Luiis_xD

avatar
Membro
Troque por esta e faça conforme o tutorial

Código:
div.user-info > div > img {
    float: left!important;
    margin-left: 55px!important;
    margin-right: -59px!important;
}
a.forumtitle {
    color: #006400!important;
}
.pun .entry-content {
    width: auto!important;
}

.codebox{
  border-radius: 5px;
  background: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 6px #006400;
}

.codebox dd{
  background: #fff;
}

.codebox dt{
  border-bottom: 1px solid #ddd;
    text-align: center;
    font-weight: 700;
      color: #000;
}

.codebox dd.cont_code{
  color: green;
}


az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
rp, roxop, pinkr, .r {text-shadow: 0px 0px 5px #AD6B9;color: #AD6B9;}

.module table[style="table-layout:auto;"] tbody tr td > table tbody tr td img {
    content: "";
}
.module table[style="table-layout:auto;"] tbody tr td[width="4px"] {
    width: 0px
}
.module table[style="table-layout:auto;"] tbody tr td > table tbody tr td[style="overflow:hidden;"] {
    background: url('http://i.imgur.com/gGg8bgb.png') no-repeat;
    background-position: -0px -54px;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(1) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -0px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(2) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -0px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(3) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -0px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(4) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -18px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(5) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -18px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(6) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -18px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(7) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -36px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(8) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -36px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(9) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -54px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(10) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -54px;
}

/* Membro */
.module .main-content table[style="table-layout:fixed"] {
    background: #fafafa;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .1)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1)50%, rgba(255, 255, 255, .1)75%, transparent 75%, transparent);
    background-size: 10px 10px;
    border: #e1e1e1 1px solid;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: inset 1px -1px 9px -1px rgba(181, 181, 181, 1);
    -moz-box-shadow: inset 1px -1px 9px -1px rgba(181, 181, 181, 1);
    box-shadow: inset 1px -1px 9px -1px rgba(181, 181, 181, 1);
}
/* fim */
body {
background: url('http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/bg_tile.gif') repeat scroll 0% 0% #FAFAFA;
font: 11px "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

html, body {
background: url('http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/bg_tile.gif') repeat scroll 0% 0% #FAFAFA;
color: #5A5A5A;
}

#pun-intro {
  display: none;
}

#pun-navlinks {display: none;}

.pun .paged-foot, .pun .paged-head {background: none;border: none;padding: 0;}

#pun-about #qjump {display: none;}

#pun-about {text-align: right;font-size: 10px;}

#pun-announcement {border-style: 0 px solid;border-width: 0px;padding: 1em;background: white;}

.k1b4d58ea {display: none!important;background: none!important;border: none!important;}

.pun {margin-bottom: 10px;background: none repeat scroll 0% 0% #FFF;padding: 10px;line-height: 120%;border: 1px solid #DADADA;margin-top: 10px;width: 1178px;text-align: left!important;}

.pun .main-content {border: 1px solid #fff;}

thead {display: none;}

fieldset {-webkit-margin-start: 2px;-webkit-margin-end: 2px;-webkit-padding-before: 0.35em;-webkit-padding-start: 0.75em;-webkit-padding-end: 0.75em;-webkit-padding-after: 0.625em;border: 0px;border-image: initial;}

.main .main-foot, .paged-foot {display: none;}

#sc-container, .sc-width {width: 1178px;min-width: 960px;margin: 0 auto;}


/*help button*/.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {display:none;}

/*logged_in - Logado!*/

#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;}

/*color-picker*/

.custom_theme {
    border-radius: 3px 0px 0px 3px;
    background: url('http: //www.bslrpg.com/forum/public/style_images/animehaven_v3/color_picker/color_picker.png') no-repeat scroll 50% 50% rgba(0, 0, 0, 0.3);
    cursor: pointer;
    width: 29px;
    height: 38px;
    margin-left: 1px;
    float: right;
    margin-top: 36px;
}

.custom_theme #colorpicker {border: 0px none !important;background: none repeat scroll 0% 0% transparent !important;text-indent: -999px !important;height: 36px;font-size: 0px;width: 37px;padding: 0px;margin: 0px;cursor: pointer;opacity: 0;display: block;}

/*categoria*/
.main .main-head {background-image: url('http://i.imgur.com/zApQl3W.jpg');}

.main .main-head {
    background: url('http://www.bslrpg.com/forum/public/style_images/animehaven_v3/advanced_search.png') repeat scroll center top #006400;  padding: 9px 12px;font-size: 12px; font-weight: 300;color: #FFF;box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;text-shadow: 0px 1px 2px #000;border-bottom: 3px solid #006400 ;}

.pun tbody.statused span.status {
    position: absolute;
    display: none;
}

#main{
  margin-right: 10px;
}

.table .tc_icon {
    padding: 10px 5px !important;
    vertical-align: middle;
    width: 30px;
}

.pun table.table td.tc3 {
    text-align: right;
    width: 15%;
}

.main .main-content {
padding: 4px;
background: none repeat scroll 0px 0px #F3F3F3;
border: 1px solid #E6E6E6;
margin-bottom: 10px;
}

.pun tbody.statused td.tcl {
  background: white;
}

.pun tbody.statused td.tcr {
  background: white;
  border-left: 0px;
}

.pun table.table td {background-color: #FFFFFF!important;border-color: #ddd;border-style: solid none none none;border-width: 1px;line-height: 130%;padding: .6em 0 .7em;}

.pun .main table td.tc2, .pun .main table td.tc3 {
  border-right: none;
  border-left: none;
}

.pun fieldset, .pun img {vertical-align: middle;}

.main .main-head .page-title {font-size: 12px;font-weight: 400;color: #fff !important;}

.left{float:left;}

.clear{clear: both;}

#sc-container{width: 1178px;min-width: 960px;margin: 0 auto;}

/*userbar*/

#sc-topbar {background: black;padding: 0;text-align: right;height: 36px;position: relative;z-index: 999;width: 100%;top: 0;left: 0;box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 10px;}

#sc-navigation {display: inline;height: 36px;}

#community_app_menu>li {margin: 0;position:relative;}
.ipsList_inline>li:first-child {margin-left: 0;}

.ipsList_inline>li {display: inline-block;margin: 0 3px;}

#logo {display: inline;}

ol, ul {list-style: none;}

#logo a.textLogo {color: #fff;height: 36px;line-height: 32px;padding: 0 0;font-weight: bold;font-size: 16px;font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;text-decoration: none;display: block;text-transform: uppercase;padding-left: 6px;padding-right: 6px;}

#logo a:hover {color: #C42323;}


#community_app_menu>li.active>a{margin-top: 0;text-shadow: none;border-bottom: 3px solid #006400;}

#community_app_menu>li>a {color: #006400;background: transparent;display: block;padding: 0px 14px 0px;height: 33px;line-height: 36px;font-size: 11px;font-weight: bold;font-family: "proxima-nova",sans-serif;text-transform: uppercase;}

#user_navigation.not_logged_in {height: 26px;padding: 6px 0 4px;line-height: 25px;}

#user_navigation {color: #9f9f9f;font-size: 11px;line-height: 30px;}

#user_navigation .ipsList_inline li {margin: 0;}

#user_navigation a {color: #006400;font-weight: bold;}

#user_navigation #register_link {background: white;padding: 0px 8px;height: 30px;}
.pun a,.pun a:visited {color: #225985;text-decoration: none;}

.pun a:hover{color: #C42323;}

/*branding*/

#sc-branding {background: url(http://i.imgur.com/mXBNNNZ.png);background-size: 100% 100%;border-bottom: 1px solid #343434;min-height: 201px;box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.5) inset;}

#sc-bottombar {background: none repeat scroll 0% 0% #000;padding: 0px;text-align: right;height: 36px;width: 100%;}

#sc-sec-navigation {background: none repeat scroll 0% 0% #FFF;border-bottom: 1px solid #DADADA;overflow: hidden;line-height: 37px;clear: both;}

.breadcrumb {color: #777;font-size: 11px;}

.breadcrumb li:first-child {margin-left: 0px;}

#sc-sec-navigation #breadcrumb li:first-of-type a {margin-left: 0px;background: none repeat scroll 0% 0% transparent;padding-left: 0px;}
#sc-sec-navigation #breadcrumb li a {padding-left: 12px;margin-left: -15px;outline: medium none;text-decoration: none;}
#sc-sec-navigation a {color: #757575;line-height: 37px;height: 37px;}
.breadcrumb a {color: #777;}

#sc-sec-navigation #breadcrumb li:first-of-type a span {
    padding-left: 12px;
    border-radius: 3px 0px 0px 3px;
}

#sc-sec-navigation-icons li {
    padding: 0px 4px;
}

.ipsList_inline > li:first-child {
    margin-left: 0px;
}
.ipsList_inline > li {
    display: inline-block;
    margin: 0px 3px;
}

#sc-sec-navigation-icons li img {
    width: 16px;
    height: 16px;
}

#search {background: rgba(0, 0, 0, 0.3);margin: 36px 0;padding: 5px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-top-right-radius: 3px;-moz-border-bottom-right-radius: 3px;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

fieldset, img {
border: 0;
}

.hide {
display: none;
}

label {
cursor: default;
}

#adv_search {width: 16px;height: 16px;background: url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/advanced_search.png") no-repeat right 50%;text-indent: -3000em;display: none;margin: 6px 0 4px 4px;}

#search_wrap {position: relative;background: rgba(0, 0, 0, 0.40);display: block;padding: 0 26px 0 4px;height: 26px;line-height: 25px;-moz-border-radius: 2px 2px 2px 2px;-webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-webkit-border-bottom-right-radius: 2px;-webkit-border-bottom-left-radius: 2px;border-radius: 2px 2px 2px 2px;-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);border: 1px solid rgba(0,0,0,0.13);width: 230px;}
#main_search {font-size: 12px;border: 0;padding: 0;background: transparent;width: 150px;outline: 0;color: #006400;font-style: italic;line-height: 26px;}

#search_options {font-size: 10px;height: 28px;line-height: 25px;margin: 0px -2px 3px 0;padding: 0 6px;display: inline-block;float: right;max-width: 80px;text-overflow: ellipsis;overflow: hidden;text-align: right;}

.clickable {cursor: pointer;}

.ipbmenu_content, .ipb_autocomplete {font-size: 12px;min-width: 85px;z-index: 999;}

#search_options_menucontent {min-width: 100px;white-space: nowrap;text-align: left;}

#search_options_menucontent li {border-bottom: 0;}

.ipbmenu_content li:first-child {padding-top: 0px;}

#search_options_menucontent input {margin-right: 10px;}

img, .input_check, .input_radio {vertical-align: middle;}

.custom_theme {-moz-border-radius: 0px 3px 3px 0px;-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;border-radius: 3px 0px 0px 3px;background: rgba(0, 0, 0, 0.30) url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/color_picker/color_picker.png") no-repeat 50% 50%;cursor: pointer;width: 29px;height: 38px;margin-left: 1px;float: right;margin-top: 36px;}

.custom_theme #colorpicker {border: 0 !important;background: none transparent!important;text-indent: -999px!important;height: 36px;font-size: 0;width: 37px;padding: 0;margin: 0;cursor: pointer;opacity: 0;display: block;}

.submit_input, .clickable {background: #006400 url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/search_icon.png") no-repeat 50%!important;text-indent: -3000em!important;padding: 0!important;border: 0!important;display: block!important;width: 26px!important;height: 26px!important;position: absolute!important;right: 0!important;top: 0!important;bottom: 0!important;-moz-border-radius: 0 2px 2px 0!important;-webkit-border-top-right-radius: 2px!important;-webkit-border-bottom-right-radius: 2px!important;border-radius: 0 2px 2px 0!important;-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2)!important;-moz-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2)!important;box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2)!important;}

.right {
float: right;
}

/*Link*/
a {
  text-decoration:none;
}
ul{
  list-style:none;
}

.right {
float: right;
}



/*lastpost*/
#avatar-lastpost img {height: 30px;width: 30px;padding: 1px;border: 1px solid #D5D5D5;background: white;-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);margin-top:13px;margin-right:11px;}

#avatar-lastpost img:hover{
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

td.tcr span a:empty:before {content: "Sem Post's Para Visualizar";cursor: default;pointer-events: none;text-align: center;word-wrap: break-word;margin: 1px 0px 4px 53px;color: #a4a4a4;font-style: italic;}
/*rodape*/

#pun-about {font-size: 10px;text-align: left;padding: 2px 10px;background: rgb(236, 236, 236);box-shadow: 0 0 5px rgba(0, 0, 0, 0.33);border-radius: 5px;float: left;}

#onlinelist {background-color: #F3F3F3;padding: 10px;color: rgb(155, 155, 155);border: 1px solid rgb(214, 214, 214);}

#onlinechat {
display: none;
}

#sc-footer {float: left;margin: 10px 0px 0px 0px;width: 100%;background: #FFF url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/brand_1.png");border-top: 1px solid #DADADA;}

.sc-footer-col {width: 13.5%;font-size: 11px;min-width: 125px;display: inline-block;vertical-align: top;line-height: 22px;padding: 15px 0 18px 0;}

#sc-footer a {color: #5A5A5A;}

#footer_utilities {font-size: 11px;width: 100%;padding: 30px 0px 39px 0px;border-top: #DADADA solid 1px;background: #FAFAFA url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/brand_1.png");}

#footer_utilities .ipsList_inline>li>a {margin-right: 0px;padding: 4px 10px;}

#copyright {
color: #848484;
text-align: right;
}

#backtotop:hover {color: #fff;opacity: 1;}

#backtotop {width: 24px;height: 24px;line-height: 20px!important;left: 50%;margin-left: -12px;position: absolute;display: inline-block;background: #bdbdbd;text-align: center;-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px;opacity: 0.4;outline: 0;}
/*user*/
.pun .user-ident .username {display: block;font-size: 1.3em;font-weight: 400!important;margin-top: 5px;padding: 8px!important;position: relative;text-align: center;text-decoration: none;}

/*post*/
.post h3 {background: #F8F8F8;border-bottom: 1px solid #E6E6E6;border-top: 1px solid #E6E6E6;padding: 0 10px;height: 36px;line-height: 36px;font-weight: normal;font-size: 15px;margin-top: -3px;}
span.post_id {margin-left: 4px;}
.post_date {padding: 0 0 10px 0;font-size: 12px;color: #a4a4a4;}
.desc.blend_links a {font: normal 12px helvetica, arial, sans-serif;color: #777777;}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {
  display: inline-block;
}
.pun .post .user{
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {
  background: white;
}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {box-shadow:0px 5px 5px #CCCCCC;width: 250px;font-size: 12px;text-align: center;line-height: 150%;margin-left: -160px;margin-top: -0.6em;background-image:url("http://hitskin.com/themes/13/92/59/i_list_bg.png");background-repeat: repeat;}

.pun .post-entry {font-size: 12px;line-height: 1.6;padding: 20px;word-wrap: break-word;}

.pun .user .user-ident .user-basic-info {font-size: 11px;color: #a4a4a4;text-align: center;font-weight: normal;}
.postfoot {
border-top: 0px;
margin-left: -14em;
}

.sig-content {
clear: right;
color: #a4a4a4;
font-size: 0.9em;
border-top: 1px dashed #e4e4e4;
padding: 10px 0;
margin: 6px 0 4px;
position: relative;
}

.user-basic-info a img {
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
max-height: 300px;
padding: 1px;
max-width: 165px;
margin-left: 10px;
}

.exthelp{
  display:none;
}
/*botoes*/

input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
background: #353535 url(http://i57.servimg.com/u/f57/18/12/37/46/highli10.png) repeat-x top;
border: 1px solid #2b2b2b;
border-radius: 2px;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
color: #fff;
cursor: pointer;
font-family: helvetica,arial,sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
outline: none;
padding: 4px 10px!important;
}


/*box*/
.titlebox {
background: #F9F9F9;
border: 1px solid #E9EDEE;
color: #768089;
text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #B3BAC1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #B3BAC1 0px 1px 3px;
padding: 10px;
overflow: hidden;
}
.titlebox dd {display: block;}
.titlebox dava {float: left;}
.ipsBox_withphoto {float: left; margin-left: 10px;}
.ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 650px;}
.ipsType_pagetitle a {font-size: 23px; z-index: 999;}
.desc.lighter.blend_links {color: #777; float: left; font-size: 11px;}
.socialetopic {float: right; position: relative;}
.titlebox dava a img {-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); background: white; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); float: left; height: 50px!important; padding: 1px; width: 50px!important;}
.titlebox dava a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

/*quick avatar*/
#quick-avatar {
    float: left;
    padding: 11px;
}
#quick-avatar img {
margin-top: 50px;
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
#quick-avatar img:hover {
  border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.mini_ava img {
width: 30px;
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
height: 30px;
}

.widgets{background: #262626;text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: inset black 0px 1px 3px;-moz-box-shadow: inset #000 0px 1px 3px;box-shadow: inset black 0px 1px 3px;font-size: 11px;font-weight: bold;padding: 8px;}

#fontwidget{
color: white;font-size: 11px;font-weight: bold;tahoma,helvetica,arial,sans-serif;text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;margin-left:18px;}

#pun-visit, .main-box {display: none;border: none;font-size: 10pxmargin: 0 0 1em;padding: .6em 1em;}

/*widget*/

.module .main-head {border: 1px solid #CFCFCF;padding: 10px;background: none repeat scroll 0px 0px #FFF;font: 11px arial,sans-serif;color: #757575;padding: 9px 10px;background: none repeat scroll 0% 0% #ECECEC;text-shadow: 0px 1px 0px #FFF;box-shadow: 0px 1px 0px #F9F9F9 inset;border-bottom: 3px solid #006400;background-image: url('http://i.imgur.com/zApQl3W.jpg');}
.module .main-content{background:#fff}

.module.main {
    margin: 0px;
    margin-bottom: 10px !important;
}

#ajax_loading {background: -moz-linear-gradient(center top , #95C715 0%, #7BA60D 100%) repeat scroll 0% 0% transparent;border: 1px solid #7BA60D;color: #FFF;text-align: center;padding: 5px 0px 8px;width: 8%;top: 0px;left: 46%;border-radius: 0px 0px 5px 5px;z-index: 999;position: fixed;box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.2) inset;}
/* End Animate CSS on Header */
/* Ajax Mito */
#ajax_loading {background: #00c7e3;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 37px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
/*Font Awesome */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
src: local('FontAwesome'), local('FontAwesome'), url(http://asusgames.esy.es/fonts/fontawesome-webfont.woff) format('woff');
}
/* ranks */
.rank{background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.1)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.1)),color-stop(0.75,rgba(255,255,255,.1)),color-stop(0.75,transparent),to(transparent));background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);background-size: 10px 10px;padding: 3px;width: 130px;margin: 5px;text-align: center;text-shadow: #000 1px 1px 0;color: #fff;border-radius: 3px;box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5), rgba(0,0,0,.3) 0 1px 1px;font: 13px 'Open Sans', Arial, sans-serif;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none; cursor: default;}
.stars{
height: 16px;
width: 31px;
margin: 5px 0 0 3px;
background: url('https://cdn1.iconfinder.com/data/icons/fatcow/16/star.png') repeat-x;
background-size: 10px;
float: left;
}
.admin{
background-color: #c70000;
}
.admin:before {
content: "\f000";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.mod{
background-color: #009;
}
.co-admin{
background-color: #a2712b;
}
.co-admin .stars{
width: 20px;
}
.mod .stars{
width: 10px;
}

/* Efeito no título dos ranks */

.om {
color: #EE00EE;
}
.nvl5 {
color: #8B658B;
}
/* Fim */
.ti {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6600;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

/* Teste img */
.imgt {
width: 36px;
height: 36px;
}
.mo {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #75A5A8;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.owt {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #AD6B96;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.ow {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #D11790;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.dis {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0FDB6E;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.modt {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #899EB0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.mod {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2768A1;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.modm {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2768A1;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.modt {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2768A1;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.hm {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F55C25;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.memb {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #1C4F0E;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}


a[href="/u2828"]{text-shadow:0 0 5px #0055aa}
a[href="/u194"]{text-shadow:0 0 5px #0055aa}

a[href="/u29"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #13BAB8;
}
a[href="/u24"] {
background-image: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
text-shadow:2px 2px 6px #2D5913!important;
}
a[href="/u24"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #2D5913;
}
a[href="/u1"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #13BAB8;
}
a[href="/g21-owners"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #D11790;
}
a[href="/g14-moderadores"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #2768A1;
}
a[href="/g23-honor-member"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #F55C25;
}
a[href="/g24-oficiais"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #E01616;
}
a[href="/g25-pracas"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #1C4F0E;
}
a[href="/g16-f-a-b"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #9954D1;
}
a[href="/g17-a-d-e"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #D43333;
}
a[href="/g19-g-t-r"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #009179;
}
a[href="/g20-master-owner"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #13BAB8;
}



.sucesso, .alerta, .aviso, .infos {
padding: 8px 8px 8px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.sucesso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
}
.alerta {
background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
}
.aviso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
}
.infos {
background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
border: 1px solid #4d8fcb;
color: #00529B;
}
/* Ícones no formulário de login */

.user_login_form input[type="password"], .user_login_form input[type="text"] {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
}
.user_login_form input[type="text"] {
background: url(http://i.imgur.com/3CBLHUK.png)no-repeat left center;
padding-left: 20px;
}
.user_login_form input[type="password"] {
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}
#username {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
padding-left: 20px;
background: white url(http://i.imgur.com/3CBLHUK.png)no-repeat;
}
#password {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}

.sceditor-container iframe, .sceditor-container textarea {
background: transparent url("http://i.imgur.com/Wl0MqEW.png") no-repeat 50% !important;
}


/*Menu-DropDown*/
#perfil_drop {background: linear-gradient(#FFF, #EDEDED) repeat scroll 0px 0px transparent;border: 0px none !important;border-radius: 0px 0px 6px 6px;box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);color: #225985;font-family: helvetica,arial,sans-serif;font-size: 12px;font-style: normal;font-variant: normal;font-weight: 400;overflow: hidden;position: absolute;right: 65.2%;text-align: left;top: 157px;width: 360px;z-index: 999;}
.nav_c{
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)!important;
}
.post_username {
    padding: 7px 5px;
}
.user-basic-info .i_icon_online {
    background: transparent none repeat scroll 0% 0% !important;
    border: 0px none !important;
    box-shadow: none !important;
}
h2.nometopico {
    font-size: 17px;
    display: inline-block;
}
.avat img {
background: none repeat scroll 0px 0px #FFF;
border: 1px solid #D5D5D5;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
height: 50px;
margin: 10px;
padding: 1px;
width: 50px;
}
#perfil_drop li {
float: right;
line-height: 22px;
white-space: nowrap;
  width: 38%;
}

Ver perfil do usuário

9Eliminado Re: Fundo personalizado para rank em Qua Fev 03, 2016 8:57 pm

PrisoN

avatar
Membro
Tem um problema, não é o meu CSS que está grande, e sim estes códigos que é o da descrição dos meus ranks, por exemplo '' Master Owner ''
'' Owner do fórum ''

Código:
<vr><b><font color=#1C4F0E>¬ Membro</vr></font> <font color=#000000> do fórum</font></b>
<c><b><font color=#75A5A8>¬ Master</font></c> <font color=#000000>Owner</font></b>
<l><b><font color=#F55C25>¬ Honor </l></font> <font color=#000000>Member</font></b>
<c><b><font color=#0FDB6E>¬ Designer</c></font> <font color=#000000> do fórum</font></b>
<c><b><font color=#D11790>¬ Owner</font> & <font color=#0FDB6E> Designer </c></b></font>
<az><b><font color=#2768A1>¬ Moderador</font></az> <font color=#000000>fixo do fórum</font></b>
<rx><b><font color=#AD6B9>¬ Owner </font></rx> <font color=#000000>Temporário</font></b>
<r><b><font color=#D11790>¬ Owner </font></r> <font color=#000000>Fixo</font></b>
<m><b><font color=#899EB0>¬ Moderador</font></m> <font color=#000000> Temporário</font></b>
<am><b><font color=#fbff00>¬ Moderador</font></am> <font color=#000000> do mês</font></b>

O código dele são muito extenso para que eu possa digita no campo de ranks para acrescenta o código dos fundos.

Ver perfil do usuário

10Eliminado Re: Fundo personalizado para rank em Qua Fev 03, 2016 11:01 pm

Luiis_xD

avatar
Membro
Cara não estou conseguindo entender o que você quer dizer Confuso poderia ser mais especifico..

Ver perfil do usuário

11Eliminado Re: Fundo personalizado para rank em Qua Fev 03, 2016 11:38 pm

PrisoN

avatar
Membro
Tipo, este código ae você coloca pra descrição do rank, pra da a cor, no caso a SS abaixo explica tudo, bom este código ae ta muito grande para poder por na descrição do rank ''Nomear o rank''
mais é eles que da o efeito de neon e coloca a cor no rank:

Print: http://i.imgur.com/IEpXQ9a.png

Ver perfil do usuário

12Eliminado Re: Fundo personalizado para rank em Qui Fev 04, 2016 12:39 am

Luiis_xD

avatar
Membro
Em vez de você colocar este código todo coloque este

Código:

<span class="nomedorank">Título do rank</span>

Em nomedorank exemplo adm

Em sua css para personalizar este rank você vai usar..

Código:

.adm{

}

Entendeu? Não precisa colocar este codigo todo apenas o que eu mencionei acima.

Ver perfil do usuário

13Eliminado Re: Fundo personalizado para rank em Qui Fev 04, 2016 11:49 am

PrisoN

avatar
Membro
Você poderia me ajuda a personalizar os ranks? Não sei bem mexer com CSS, e eu gostaria dos mesmos efeito que estão atualmente.

Minha CSS:

Código:
div.user-info > div > img {
    float: left!important;
    margin-left: 55px!important;
    margin-right: -59px!important;
}
a.forumtitle {
    color: #006400!important;
}
.pun .entry-content {
    width: auto!important;
}

.codebox{
  border-radius: 5px;
  background: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 6px #006400;
}

.codebox dd{
  background: #fff;
}

.codebox dt{
  border-bottom: 1px solid #ddd;
    text-align: center;
    font-weight: 700;
      color: #000;
}

.codebox dd.cont_code{
  color: green;
}


az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
rp, roxop, pinkr, .r {text-shadow: 0px 0px 5px #AD6B9;color: #AD6B9;}

.module table[style="table-layout:auto;"] tbody tr td > table tbody tr td img {
    content: "";
}
.module table[style="table-layout:auto;"] tbody tr td[width="4px"] {
    width: 0px
}
.module table[style="table-layout:auto;"] tbody tr td > table tbody tr td[style="overflow:hidden;"] {
    background: url('http://i.imgur.com/gGg8bgb.png') no-repeat;
    background-position: -0px -54px;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(1) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -0px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(2) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -0px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(3) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -0px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(4) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -18px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(5) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -18px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(6) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -18px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(7) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -36px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(8) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -36px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(9) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -54px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(10) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -54px;
}

/* Membro */
.module .main-content table[style="table-layout:fixed"] {
    background: #fafafa;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .1)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1)50%, rgba(255, 255, 255, .1)75%, transparent 75%, transparent);
    background-size: 10px 10px;
    border: #e1e1e1 1px solid;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: inset 1px -1px 9px -1px rgba(181, 181, 181, 1);
    -moz-box-shadow: inset 1px -1px 9px -1px rgba(181, 181, 181, 1);
    box-shadow: inset 1px -1px 9px -1px rgba(181, 181, 181, 1);
}
/* fim */
body {
background: url('http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/bg_tile.gif') repeat scroll 0% 0% #FAFAFA;
font: 11px "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

html, body {
background: url('http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/bg_tile.gif') repeat scroll 0% 0% #FAFAFA;
color: #5A5A5A;
}

#pun-intro {
  display: none;
}

#pun-navlinks {
  display: none;
}

.pun .paged-foot, .pun .paged-head {
background: none;
border: none;
padding: 0;
}

#pun-about #qjump {
display: none;
}

#pun-about {
text-align: right;
font-size: 10px;
}

#pun-announcement {
border-style: 0 px solid;
border-width: 0px;
padding: 1em;
background: white;
}

.k1b4d58ea {
display: none!important;
background: none!important;
border: none!important;
}

.pun {
    margin-bottom: 10px;
    background: none repeat scroll 0% 0% #FFF;
    padding: 10px;
    line-height: 120%;
    border: 1px solid #DADADA;
    margin-top: 10px;
    width: 1178px;
    text-align: left!important;
}

.pun .main-content {
border: 1px solid #fff;
}

thead {
display: none;
}

fieldset {
-webkit-margin-start: 2px;
-webkit-margin-end: 2px;
-webkit-padding-before: 0.35em;
-webkit-padding-start: 0.75em;
-webkit-padding-end: 0.75em;
-webkit-padding-after: 0.625em;
border: 0px;
border-image: initial;
}

.main .main-foot, .paged-foot {
display: none;
}

#sc-container, .sc-width {
width: 1178px;
min-width: 960px;
margin: 0 auto;
}


/*help button*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
display:none;
}

/*logged_in - Logado!*/

#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;
}

/*color-picker*/

.custom_theme {
    border-radius: 3px 0px 0px 3px;
    background: url('http: //www.bslrpg.com/forum/public/style_images/animehaven_v3/color_picker/color_picker.png') no-repeat scroll 50% 50% rgba(0, 0, 0, 0.3);
    cursor: pointer;
    width: 29px;
    height: 38px;
    margin-left: 1px;
    float: right;
    margin-top: 36px;
}

.custom_theme #colorpicker {
    border: 0px none !important;
    background: none repeat scroll 0% 0% transparent !important;
    text-indent: -999px !important;
    height: 36px;
    font-size: 0px;
    width: 37px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    opacity: 0;
    display: block;
}

/*categoria*/
.main .main-head {
    background-image: url('http://i.imgur.com/zApQl3W.jpg');
}

.main .main-head {
    background: url('http://www.bslrpg.com/forum/public/style_images/animehaven_v3/advanced_search.png') repeat scroll center top #006400
    padding: 9px 12px;
    font-size: 12px;
    font-weight: 300;
    color: #FFF;
    box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    text-shadow: 0px 1px 2px #000;
    border-bottom: 3px solid #006400 ;
}

.pun tbody.statused span.status {
    position: absolute;
    display: none;
}

#main{
  margin-right: 10px;
}

.table .tc_icon {
    padding: 10px 5px !important;
    vertical-align: middle;
    width: 30px;
}

.pun table.table td.tc3 {
    text-align: right;
    width: 15%;
}

.main .main-content {
padding: 4px;
background: none repeat scroll 0px 0px #F3F3F3;
border: 1px solid #E6E6E6;
margin-bottom: 10px;
}

.pun tbody.statused td.tcl {
  background: white;
}

.pun tbody.statused td.tcr {
  background: white;
  border-left: 0px;
}

.pun table.table td {
background-color: #FFFFFF!important;
border-color: #ddd;
border-style: solid none none none;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}

.pun .main table td.tc2, .pun .main table td.tc3 {
  border-right: none;
  border-left: none;
}

.pun fieldset, .pun img {
vertical-align: middle;
}

.main .main-head .page-title {
    font-size: 12px;
    font-weight: 400;
    color: #fff !important;
}

.left{
float:left;
}

.clear{
clear: both;
}

#sc-container{
width: 1178px;
min-width: 960px;
margin: 0 auto;
}

/*userbar*/

#sc-topbar {
background: black;
padding: 0;
text-align: right;
height: 36px;
position: relative;
z-index: 999;
width: 100%;
top: 0;
left: 0;
box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 10px;
}

#sc-navigation {
display: inline;
height: 36px;
}

#community_app_menu>li {
margin: 0;
position:relative;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}

.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}

#logo {
display: inline;
}

ol, ul {
list-style: none;
}

#logo a.textLogo {
color: #fff;
height: 36px;
line-height: 32px;
padding: 0 0;
font-weight: bold;
font-size: 16px;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
text-decoration: none;
display: block;
text-transform: uppercase;
padding-left: 6px;
padding-right: 6px;
}

#logo a:hover {
color: #C42323;
}


#community_app_menu>li.active>a{
margin-top: 0;
text-shadow: none;
border-bottom: 3px solid #006400;
}

#community_app_menu>li>a {
color: #006400;
background: transparent;
display: block;
padding: 0px 14px 0px;
height: 33px;
line-height: 36px;
font-size: 11px;
font-weight: bold;
font-family: "proxima-nova",sans-serif;
text-transform: uppercase;
}

#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
line-height: 25px;
}

#user_navigation {
color: #9f9f9f;
font-size: 11px;
line-height: 30px;
}

#user_navigation .ipsList_inline li {
margin: 0;
}

#user_navigation a {
color: #006400;
font-weight: bold;
}

#user_navigation #register_link {
background: white;
padding: 0px 8px;
height: 30px;
}
.pun a,.pun a:visited {
color: #225985;
text-decoration: none;
}

.pun a:hover{
  color: #C42323;
}

/*branding*/

#sc-branding {
      background: url(http://i.imgur.com/mXBNNNZ.png);
  background-size: 100% 100%;
    border-bottom: 1px solid #343434;
    min-height: 201px;
    box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.5) inset;
}

#sc-bottombar {
    background: none repeat scroll 0% 0% #000;
    padding: 0px;
    text-align: right;
    height: 36px;
    width: 100%;
}

#sc-sec-navigation {
    background: none repeat scroll 0% 0% #FFF;
    border-bottom: 1px solid #DADADA;
    overflow: hidden;
    line-height: 37px;
    clear: both;
}

.breadcrumb {
    color: #777;
    font-size: 11px;
}

.breadcrumb li:first-child {
    margin-left: 0px;
}

#sc-sec-navigation #breadcrumb li:first-of-type a {
    margin-left: 0px;
    background: none repeat scroll 0% 0% transparent;
    padding-left: 0px;
}
#sc-sec-navigation #breadcrumb li a {
    padding-left: 12px;
    margin-left: -15px;
    outline: medium none;
    text-decoration: none;
}
#sc-sec-navigation a {
    color: #757575;
    line-height: 37px;
    height: 37px;
}
.breadcrumb a {
    color: #777;
}

#sc-sec-navigation #breadcrumb li:first-of-type a span {
    padding-left: 12px;
    border-radius: 3px 0px 0px 3px;
}

#sc-sec-navigation-icons li {
    padding: 0px 4px;
}

.ipsList_inline > li:first-child {
    margin-left: 0px;
}
.ipsList_inline > li {
    display: inline-block;
    margin: 0px 3px;
}

#sc-sec-navigation-icons li img {
    width: 16px;
    height: 16px;
}

#search {
background: rgba(0, 0, 0, 0.3);
margin: 36px 0;
padding: 5px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-top-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

fieldset, img {
border: 0;
}

.hide {
display: none;
}

label {
cursor: default;
}

#adv_search {
width: 16px;
height: 16px;
background: url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/advanced_search.png") no-repeat right 50%;
text-indent: -3000em;
display: none;
margin: 6px 0 4px 4px;
}

#search_wrap {
position: relative;
background: rgba(0, 0, 0, 0.40);
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
border-radius: 2px 2px 2px 2px;
-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);
border: 1px solid rgba(0,0,0,0.13);
width: 230px;
}

#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 150px;
outline: 0;
color: #006400;
font-style: italic;
line-height: 26px;
}

#search_options {
font-size: 10px;
height: 28px;
line-height: 25px;
margin: 0px -2px 3px 0;
padding: 0 6px;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
text-align: right;
}

.clickable {
cursor: pointer;
}

.ipbmenu_content, .ipb_autocomplete {
font-size: 12px;
min-width: 85px;
z-index: 999;
}

#search_options_menucontent {
min-width: 100px;
white-space: nowrap;
text-align: left;
}

#search_options_menucontent li {
border-bottom: 0;
}

.ipbmenu_content li:first-child {
padding-top: 0px;
}

#search_options_menucontent input {
margin-right: 10px;
}

img, .input_check, .input_radio {
vertical-align: middle;
}

.custom_theme {
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 0px 0px 3px;
background: rgba(0, 0, 0, 0.30) url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/color_picker/color_picker.png") no-repeat 50% 50%;
cursor: pointer;
width: 29px;
height: 38px;
margin-left: 1px;
float: right;
margin-top: 36px;
}

.custom_theme #colorpicker {
border: 0 !important;
background: none transparent!important;
text-indent: -999px!important;
height: 36px;
font-size: 0;
width: 37px;
padding: 0;
margin: 0;
cursor: pointer;
opacity: 0;
display: block;
}


.submit_input, .clickable {
background: #006400 url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/search_icon.png") no-repeat 50%!important;
text-indent: -3000em!important;
padding: 0!important;
border: 0!important;
display: block!important;
width: 26px!important;
height: 26px!important;
position: absolute!important;
right: 0!important;
top: 0!important;
bottom: 0!important;
-moz-border-radius: 0 2px 2px 0!important;
-webkit-border-top-right-radius: 2px!important;
-webkit-border-bottom-right-radius: 2px!important;
border-radius: 0 2px 2px 0!important;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2)!important;
-moz-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2)!important;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2)!important;
}


.right {
float: right;
}

/*Link*/
a {
  text-decoration:none;
}
ul{
  list-style:none;
}

.right {
float: right;
}



/*lastpost*/
#avatar-lastpost img {
height: 30px;
width: 30px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
margin-top:13px;
margin-right:11px;
}

#avatar-lastpost img:hover{
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

td.tcr span a:empty:before {
content: "Sem Post's Para Visualizar";
cursor: default;
pointer-events: none;
text-align: center;
word-wrap: break-word;
margin: 1px 0px 4px 53px;
color: #a4a4a4;
font-style: italic;
}
/*rodape*/

#pun-about {
font-size: 10px;
text-align: left;
padding: 2px 10px;
background: rgb(236, 236, 236);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.33);
border-radius: 5px;
float: left;
}

#onlinelist {
background-color: #F3F3F3;
padding: 10px;
color: rgb(155, 155, 155);
border: 1px solid rgb(214, 214, 214);
}

#onlinechat {
display: none;
}

#sc-footer {
float: left;
margin: 10px 0px 0px 0px;
width: 100%;
background: #FFF url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/brand_1.png");
border-top: 1px solid #DADADA;
}

.sc-footer-col {
width: 13.5%;
font-size: 11px;
min-width: 125px;
display: inline-block;
vertical-align: top;
line-height: 22px;
padding: 15px 0 18px 0;
}

#sc-footer a {
color: #5A5A5A;
}

#footer_utilities {
font-size: 11px;
width: 100%;
padding: 30px 0px 39px 0px;
border-top: #DADADA solid 1px;
background: #FAFAFA url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/brand_1.png");
}

#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}

#copyright {
color: #848484;
text-align: right;
}

#backtotop:hover {
color: #fff;
opacity: 1;
}

#backtotop {
width: 24px;
height: 24px;
line-height: 20px!important;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}

/*user*/
.pun .user-ident .username {
display: block;
font-size: 1.3em;
font-weight: 400!important;
margin-top: 5px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}

/*post*/
.post h3 {
background: #F8F8F8;
border-bottom: 1px solid #E6E6E6;
border-top: 1px solid #E6E6E6;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 15px;
margin-top: -3px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {
  display: inline-block;
}
.pun .post .user{
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {
  background: white;
}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
box-shadow:0px 5px 5px #CCCCCC;
width: 250px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -160px;
margin-top: -0.6em;
 background-image:url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
  background-repeat: repeat;
}

.pun .post-entry {
font-size: 12px;
line-height: 1.6;
padding: 20px;
word-wrap: break-word;
}

.pun .user .user-ident .user-basic-info {
font-size: 11px;
color: #a4a4a4;
text-align: center;
font-weight: normal;
}

.postfoot {
border-top: 0px;
margin-left: -14em;
}

.sig-content {
clear: right;
color: #a4a4a4;
font-size: 0.9em;
border-top: 1px dashed #e4e4e4;
padding: 10px 0;
margin: 6px 0 4px;
position: relative;
}

.user-basic-info a img {
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
max-height: 300px;
padding: 1px;
max-width: 165px;
margin-left: 10px;
}

.exthelp{
  display:none;
}
/*botoes*/

input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
background: #353535 url(http://i57.servimg.com/u/f57/18/12/37/46/highli10.png) repeat-x top;
border: 1px solid #2b2b2b;
border-radius: 2px;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
color: #fff;
cursor: pointer;
font-family: helvetica,arial,sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
outline: none;
padding: 4px 10px!important;
}


/*box*/
.titlebox {
background: #F9F9F9;
border: 1px solid #E9EDEE;
color: #768089;
text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #B3BAC1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #B3BAC1 0px 1px 3px;
padding: 10px;
overflow: hidden;
}
.titlebox dd {display: block;}
.titlebox dava {float: left;}
.ipsBox_withphoto {float: left; margin-left: 10px;}
.ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 650px;}
.ipsType_pagetitle a {font-size: 23px; z-index: 999;}
.desc.lighter.blend_links {color: #777; float: left; font-size: 11px;}
.socialetopic {float: right; position: relative;}
.titlebox dava a img {-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); background: white; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); float: left; height: 50px!important; padding: 1px; width: 50px!important;}
.titlebox dava a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

/*quick avatar*/
#quick-avatar {
    float: left;
    padding: 11px;
}
#quick-avatar img {
margin-top: 50px;
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
#quick-avatar img:hover {
  border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.mini_ava img {
width: 30px;
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
height: 30px;
}

.widgets{
background: #262626;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset black 0px 1px 3px;
-moz-box-shadow: inset #000 0px 1px 3px;
box-shadow: inset black 0px 1px 3px;
font-size: 11px;
font-weight: bold;
padding: 8px;
}

#fontwidget{
color: white;
font-size: 11px;
font-weight: bold;
tahoma,helvetica,arial,sans-serif;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
margin-left:18px;
}

#pun-visit, .main-box {
display: none;
border: none;
font-size: 10px;
margin: 0 0 1em;
padding: .6em 1em;
}

/*widget*/

.module .main-head {
    border: 1px solid #CFCFCF;
    padding: 10px;
    background: none repeat scroll 0px 0px #FFF;
    font: 11px arial,sans-serif;
    color: #757575;
    padding: 9px 10px;
    background: none repeat scroll 0% 0% #ECECEC;
    text-shadow: 0px 1px 0px #FFF;
    box-shadow: 0px 1px 0px #F9F9F9 inset;
    border-bottom: 3px solid #006400;
background-image: url('http://i.imgur.com/zApQl3W.jpg');
}
.module .main-content{
  background:#fff
}

.module.main {
    margin: 0px;
    margin-bottom: 10px !important;
}

#ajax_loading {
    background: -moz-linear-gradient(center top , #95C715 0%, #7BA60D 100%) repeat scroll 0% 0% transparent;
    border: 1px solid #7BA60D;
    color: #FFF;
    text-align: center;
    padding: 5px 0px 8px;
    width: 8%;
    top: 0px;
    left: 46%;
    border-radius: 0px 0px 5px 5px;
    z-index: 999;
    position: fixed;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.2) inset;
}
/* End Animate CSS on Header */
/* Ajax Mito */
#ajax_loading {background: #00c7e3;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 37px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
/*Font Awesome */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
src: local('FontAwesome'), local('FontAwesome'), url(http://asusgames.esy.es/fonts/fontawesome-webfont.woff) format('woff');
}
/* ranks */
.rank{
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.1)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.1)),color-stop(0.75,rgba(255,255,255,.1)),color-stop(0.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-size: 10px 10px;
padding: 3px;
width: 130px;
margin: 5px;
text-align: center;
text-shadow: #000 1px 1px 0;
color: #fff;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5), rgba(0,0,0,.3) 0 1px 1px;
font: 13px 'Open Sans', Arial, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: default;
}
.stars{
height: 16px;
width: 31px;
margin: 5px 0 0 3px;
background: url('https://cdn1.iconfinder.com/data/icons/fatcow/16/star.png') repeat-x;
background-size: 10px;
float: left;
}
.admin{
background-color: #c70000;
}
.admin:before {
content: "\f000";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.mod{
background-color: #009;
}
.co-admin{
background-color: #a2712b;
}
.co-admin .stars{
width: 20px;
}
.mod .stars{
width: 10px;
}

/* Efeito no título dos ranks */

.om {
color: #EE00EE;
}
.nvl5 {
color: #8B658B;
}
/* Fim */
.ti {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6600;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

/* Teste img */
.imgt {
width: 36px;
height: 36px;
}
.mo {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #75A5A8;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.owt {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #AD6B96;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.ow {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #D11790;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.dis {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0FDB6E;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.modt {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #899EB0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.mod {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2768A1;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.modm {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2768A1;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.modt {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2768A1;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.hm {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F55C25;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.memb {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #1C4F0E;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}


a[href="/u2828"]{text-shadow:0 0 5px #0055aa}
a[href="/u194"]{text-shadow:0 0 5px #0055aa}

a[href="/u29"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #13BAB8;
}
a[href="/u24"] {
background-image: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
text-shadow:2px 2px 6px #2D5913!important;
}
a[href="/u24"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #2D5913;
}
a[href="/u1"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #13BAB8;
}
a[href="/g21-owners"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #D11790;
}
a[href="/g14-moderadores"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #2768A1;
}
a[href="/g23-honor-member"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #F55C25;
}
a[href="/g24-oficiais"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #E01616;
}
a[href="/g25-pracas"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #1C4F0E;
}
a[href="/g16-f-a-b"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #9954D1;
}
a[href="/g17-a-d-e"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #D43333;
}
a[href="/g19-g-t-r"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #009179;
}
a[href="/g20-master-owner"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #13BAB8;
}



.sucesso, .alerta, .aviso, .infos {
padding: 8px 8px 8px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.sucesso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
}
.alerta {
background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
}
.aviso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
}
.infos {
background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
border: 1px solid #4d8fcb;
color: #00529B;
}
/* Ícones no formulário de login */

.user_login_form input[type="password"], .user_login_form input[type="text"] {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
}
.user_login_form input[type="text"] {
background: url(http://i.imgur.com/3CBLHUK.png)no-repeat left center;
padding-left: 20px;
}
.user_login_form input[type="password"] {
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}
#username {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
padding-left: 20px;
background: white url(http://i.imgur.com/3CBLHUK.png)no-repeat;
}
#password {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}

.sceditor-container iframe, .sceditor-container textarea {
background: transparent url("http://i.imgur.com/Wl0MqEW.png") no-repeat 50% !important;
}


/*Menu-DropDown*/
#perfil_drop {
background: linear-gradient(#FFF, #EDEDED) repeat scroll 0px 0px transparent;
border: 0px none !important;
border-radius: 0px 0px 6px 6px;
box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);
color: #225985;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 400;
overflow: hidden;
position: absolute;
right: 65.2%;
text-align: left;
top: 157px;
width: 360px;
z-index: 999;
}
.nav_c{
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)!important;
}
.post_username {
    padding: 7px 5px;
}
.user-basic-info .i_icon_online {
    background: transparent none repeat scroll 0% 0% !important;
    border: 0px none !important;
    box-shadow: none !important;
}
h2.nometopico {
    font-size: 17px;
    display: inline-block;
}
.avat img {
background: none repeat scroll 0px 0px #FFF;
border: 1px solid #D5D5D5;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
height: 50px;
margin: 10px;
padding: 1px;
width: 50px;
}
#perfil_drop li {
float: right;
line-height: 22px;
white-space: nowrap;
  width: 38%;
}

Ver perfil do usuário

14Eliminado Re: Fundo personalizado para rank em Qui Fev 04, 2016 12:56 pm

Luiis_xD

avatar
Membro
Leia este tutorial Da Forumeiros

http://ajuda.forumeiros.com/t57331-tutorial-personalizar-titulo-dos-ranks

Isso que deseja?

Ver perfil do usuário

15Eliminado Re: Fundo personalizado para rank em Qui Fev 04, 2016 1:10 pm

PrisoN

avatar
Membro
Bom, os meus títulos de rank já estão personalizados, no caso este código.
Código:
<vr><b><font color=#1C4F0E>¬ Membro</vr></font> <font color=#000000> do fórum</font></b>
<c><b><font color=#75A5A8>¬ Master</font></c> <font color=#000000>Owner</font></b>
<l><b><font color=#F55C25>¬ Honor </l></font> <font color=#000000>Member</font></b>
<c><b><font color=#0FDB6E>¬ Designer</c></font> <font color=#000000> do fórum</font></b>
<c><b><font color=#D11790>¬ Owner</font> & <font color=#0FDB6E> Designer </c></b></font>
<az><b><font color=#2768A1>¬ Moderador</font></az> <font color=#000000>fixo do fórum</font></b>
<rx><b><font color=#AD6B9>¬ Owner </font></rx> <font color=#000000>Temporário</font></b>
<r><b><font color=#D11790>¬ Owner </font></r> <font color=#000000>Fixo</font></b>
<m><b><font color=#899EB0>¬ Moderador</font></m> <font color=#000000> Temporário</font></b>
<am><b><font color=#fbff00>¬ Moderador</font></am> <font color=#000000> do mês</font></b>
Porém eu preciso adicionar mais um código no titulo do rank, mais está sendo possível, pois o titulo é muito grande, entendeu agora??

Ver perfil do usuário

16Eliminado Re: Fundo personalizado para rank em Qui Fev 04, 2016 1:54 pm

Luiis_xD

avatar
Membro
Amigo não precisa colocar todo esses código em um rank só

Exemplo cria um rank Membro você so vai adicionar apenas o code

Código:

<vr><b><font color=#1C4F0E>¬ Membro</vr></font> <font color=#000000> do fórum</font></b>

Master Owner

Código:

<c><b><font color=#75A5A8>¬ Master</font></c> <font color=#000000>Owner</font></b>

Tendeu?

Até mais.

Ver perfil do usuário

17Eliminado Re: Fundo personalizado para rank em Sex Fev 05, 2016 6:55 pm

PrisoN

avatar
Membro
Poderia me ajuda nessa questão? Só um exemplo de código que vou ter que usa na CSS?

Como vou ter que usa, se dê para ajuda, faça com esse código aqui:
Código:
<c><b><font color=#75A5A8>¬ Master</font></c> <font color=#000000>Owner</font></b>

Que eu vou seguir o exempla colocando na CSS.

Ver perfil do usuário

18Eliminado Re: Fundo personalizado para rank em Sab Fev 06, 2016 12:22 pm

PrisoN

avatar
Membro
#UP, pode ajuda?

Ver perfil do usuário

19Eliminado Re: Fundo personalizado para rank em Sab Fev 06, 2016 10:58 pm

MateusR

avatar
Membro
Por gentileza @PrisoN, espere 24hrs para dar UPs.



Eu apenas vou aonde minha guitarra me leva
"Angus Young"

Ver perfil do usuário http://webgraphic.forumeiro.com/

20Eliminado Re: Fundo personalizado para rank em Seg Fev 08, 2016 12:52 am

MateusR

avatar
Membro
[aviso="Tópico Movido!"]Tópico movido para a área correta![/aviso]



Eu apenas vou aonde minha guitarra me leva
"Angus Young"

Ver perfil do usuário http://webgraphic.forumeiro.com/

21Eliminado Re: Fundo personalizado para rank em Qua Fev 10, 2016 1:52 am

Luiis_xD

avatar
Membro
Se passaram 3 dias sem resposta.
Ultima resposta do autor: Sab 6 Fev 2016 - 9:22
Hoje é dia: 09.02.2016


[alerta="Tópico Abandonado"]Tópico fechado por abandono pelo autor.[/alerta]

Ver perfil do usuário

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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

 

© WEBGRAPHIC - Todos os Direitos Reservados
Este tema foi construído pelo WEBGRAPHIC com a utilização de alguns utilitários
do fórum WASD a cópia total ou parcial de qualquer conteúdo do fórum é proíbida.