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

Informações ao passar o mouse

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

1Resolvido Informações ao passar o mouse em Qui Jan 21, 2016 7:21 pm

PrisoN

avatar
Membro
Minha questão:

Como faço para adicionar esse sistema de quadro: http://imgur.com/R1VM45T

Quando você passa o mouse encima do nickname do usuário, esse quadro aparece, eu gostaria desse quadro ae, nenhum outro, se tiver um parecido pode posta aqui.


Endereço do meu fórum:
http://tatudm.forumeiros.com

Ver perfil do usuário

2Resolvido Re: Informações ao passar o mouse em Qui Jan 21, 2016 9:00 pm

IsmaelS.

avatar
Administrador
Olá!

Esse é diferente pois não pertence a comunidade Forumeiros, mas pelo que vi no seu fórum já tem algo parecido.



  • webGRAPHIC - Desenvolvimento Web e Gráfico

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

    3Resolvido Re: Informações ao passar o mouse em Qui Jan 21, 2016 9:04 pm

    PrisoN

    avatar
    Membro
    sim, tem como que o meu atual, fique da cor da categoria meio transparente?

    Ver perfil do usuário

    4Resolvido Re: Informações ao passar o mouse em Dom Jan 24, 2016 12:10 pm

    Undeath

    avatar
    Membro
    Saudações PrisoN,
    Especifique exatamente sua dúvida para que eu possa te ajudar
    PrisoN escreveu:sim, tem como que o meu atual, fique da cor da categoria meio transparente?

    Não pude entender a dúvida.

    Abraço Amigos

    Ver perfil do usuário http://www.heroisdoolimporpg.com

    5Resolvido Re: Informações ao passar o mouse em Dom Jan 24, 2016 4:10 pm

    PrisoN

    avatar
    Membro
    Eu gostaria que ficasse a categoria transparente, a imagem abaixo, irá explica um pouco do que eu quero fazer.

    http://imgur.com/62HPefy

    Ver perfil do usuário

    6Resolvido Re: Informações ao passar o mouse em Dom Jan 24, 2016 4:20 pm

    Undeath

    avatar
    Membro
    Saudações PrisoN,
    Olhe, na verdade já está um pouco transparente. É que pela cor ser preta, fica mais difícil de notar.
    De qualquer forma, se quiser mais transparente, faça o seguinte:
    Acesse Painel de controle Seta 1 Visualização Seta 1 Imagens e Cores Seta 1 Cores Seta 1 Folha de Estilo CSS

    No campo "Procurar no CSS" procure por:
    Código:
    .main .main-foot, .main .main-head

    Nele haverá uma linha "background" selecione e apague do começo de "background", até o ponto e vírgula na mesma linha e coloque esse:
    Código:

    background: transparent -moz-linear-gradient(center top , rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0% 0%;

    Caso não consiga, apenas copie todo o conteúdo da aba "Folha de Estilo CSS" e cole aqui para que eu altere.

    Outra coisa: da próxima vez que você tiver uma segunda dúvida em um tópico, crie um novo tópico referente a esta segunda dúvida.

    No aguardo...

    Ver perfil do usuário http://www.heroisdoolimporpg.com

    7Resolvido Re: Informações ao passar o mouse em Dom Jan 24, 2016 4:24 pm

    PrisoN

    avatar
    Membro
    Fiquei em dúvida em qual apagar, aqui está a minha CSS  Very Happy :

    Spoiler:
    Código:
    td.tcr span a:empty:before {content: initial!important;}

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



    .setPerfil p span{display:initial;}

    .pun .main .options { height: 50px; }

    .pun .post-entry {
      padding: 1em 7em 0;
    }
    .pun .post .user {
      margin-top: 5px;
      border: 1px dashed #eee;
      border-radius: 5px;
      text-align: left;
      background: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
      background-repeat: repeat;
      box-shadow: 0px 5px 5px #CCCCCC;
      width: 27%;
    }
    .pun .user-ident .username {width:180px;}
     
    #pun-announcement {
      display: none;
    }

    .pun .post .user { width: 23% }

    .pun .user-ident .username {width:140px;}
    #main_search {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        color: #fff;
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        outline: 0 none;
        padding: 0;
        vertical-align: top;
        width: 200px;
    }
    #search_wrap {
        -moz-border-radius: 3px 4px 4px 3px;
        -moz-box-shadow: inset rgba(0,0,0,0.6) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 4px;
        -webkit-box-shadow: inset rgba(0,0,0,0.6) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0;
        background: #1f1f1f;
        border-radius: 3px 4px 4px 3px;
        box-shadow: inset rgba(0,0,0,0.6) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0;
        display: block;
        height: 26px;
        line-height: 25px;
        min-width: 230px;
        padding: 0 26px 0 8px;
        position: relative;
    margin-left: 500px;
        margin-top: 0px;
    }
    #search .submit_input {
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        background: #141414 url(http://i56.servimg.com/u/f56/17/97/98/69/search17.png) no-repeat 50%;
        border: 0;
        border-radius: 0 3px 3px 0;
        bottom: 0;
        display: block;
        height: 26px;
        padding: 0;
        position: absolute;
        right: 0;
        text-indent: -3000em;
        top: 0;
        width: 26px;
    }
     
     
    .main .main-head.collapsed {
        opacity: 0.6;
    }
     
     
    #backgroundToggle span {
    display: none;
    }
     
     
    #primary_nav {
        position: absolute;
        right: 0;
        top: 100%;
        margin-top: 10px;
        text-transform: uppercase;
        font-family: "Lato";
        font-size: 12px;
    }
    #branding {
        background: rgba(20, 20, 20, 0.901961);
        border-bottom: 1px solid rgba(0, 0, 0, 0.498039);
        -webkit-box-shadow: rgba(0, 0, 0, 0.45098) 0px 1px 5px;
        box-shadow: rgba(0, 0, 0, 0.45098) 0px 1px 5px;
        height: 0px;
        left: 0px;
        right: 0px;
        z-index: 999;
    }
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 400;
      src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
    }
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 700;
      src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
    }
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 400;
      src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
    }
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 700;
      src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
    }
    .pun{
    margin: 0 auto;
    min-width: 980px;
    max-width: 1300px;
    width: 90%;
    padding:0;
    }
    body {
    background: #222;
    color: #5a5a5a;
    font: normal 11px tahoma,helvetica,arial,sans-serif;
    position: relative;
    padding-top: 120px;
    padding-bottom: 12px;
    }
    #pun-intro,#pun-head{display:none}
    ul#pun-legend, ul.pun-legend {
    display: none;
    }
    #pun-about #qjump {
    display: none;
    }
    /*branding*/
    #branding {
    background: url("http://i.imgur.com/y75XdvO.png") repeat;
    background: rgba(20,20,20,0.9);
    border-bottom: 1px solid #000;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    }
    #branding .wrapper {
    position: relative;
    height: 100%;
    z-index: 10;
    }
    #branding
    .brandingBackground {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.6);
        z-index: 1;
        opacity: 0;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out
    }
    .wrapper {
    margin: 0 auto;
    min-width: 980px;
    max-width: 1300px;
    width: 90%;
    }
    #logo {
    float: left;
    position: relative;
    height: 100%;
    z-index: 20;
    }
    .topic_buttons.important{
    background: none repeat scroll 0% 0% #8B1515;
    color: #FFF !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
    }
    #logo
    a.textLogo {
        color: #fff;
        line-height: 110px;
        padding: 0
        12px;
        font-size: 24px;
        font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
        display: block;
        text-decoration: none
    }
    a,.pun a,.pun a:visited,.pun a:link{
    color: #222;
    text-decoration: none;
    }
    a:hover,.pun a:hover{
    color: #111;
    text-decoration:none;
    }
    #logo img {
    max-height: 100%;
    vertical-align: top;
    }
    img, .input_check, .input_radio {
    vertical-align: middle;
    }
    fieldset, img {
    border: 0;
    }
    /*nav*/
    #primary_nav {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
    text-transform: uppercase;
    font-family: "Lato";
    font-size: 12px;
    padding-left: 200px;
    }
    #community_app_menu {
    float: right;
    }
    #community_app_menu>li {
    margin: 0 1px 0 0;
    position: relative;
    }
    #community_app_menu>li {
    margin: 0 1px 0 0;
    position: relative;
    }
    .ipsList_inline>li:first-child {
    margin-left: 0;
    }
    .ipsList_inline>li {
    display: inline-block;
    margin: 0 3px;
    }
    .left {
    float: left;
    }
    #community_app_menu>li>a {
    color: #eee;
    color: rgba(255,255,255,0.8);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    outline: none;
    padding: 0px 15px;
    line-height: 32px;
    height: 32px;
    }
    #community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
    background: url("http://i.imgur.com/y75XdvO.png") repeat;
    background: rgba(255,255,255,0.1);
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    color: #fff;
    }
    #primary_nav #nav_home a:before {
    content: "\f015";
    }
    #primary_nav #nav_app_forums a:before {
    content: "\f086";
    }
    #primary_nav #nav_app_members a:before {
    content: "\f007";
    }
    #primary_nav #nav_app_calendar a:before {
    content: "\f073";
    }
    #primary_nav #nav_app_downloads a:before {
    content: "\f019";
    }
    #primary_nav #nav_app_blog a:before {
    content: "\f02d";
    }
    #primary_nav #nav_app_nexus a:before {
    content: "\f07a";
    }
    #primary_nav a:before {
    content: "\f02b";
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 7px;
    font-size: 14px;
    }
    #community_app_menu>li.active>a {
    background: url("http://i.imgur.com/y75XdvO.png") repeat;
    background: rgba(255,255,255,0.2);
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    color: #fff;
    position: relative;
    }
    /*gradient*/
    #background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    }
    .animatedBackground #gradient {
    -webkit-animation: slideBackground 140s infinite alternate;
    -moz-animation: slideBackground 140s infinite alternate;
    -ms-animation: slideBackground 140s infinite alternate;
    -o-animation: slideBackground 140s infinite alternate;
    animation: slideBackground 140s infinite alternate;
    }
    #gradient.applied.greyscale {
        background: #303030;
        background: -moz-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(50%,#5f5f5f), color-stop(100%,#1b1b1b));
        background: -webkit-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
        background: -o-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
        background: -ms-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
        background: linear-gradient(to right, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
        background-size: 3800px auto
    }
    #background:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: url("http://i.imgur.com/4CSzngw.jpg") no-repeat 50% 0%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
    opacity: 0.15;
    content: "";
    }
    #gradient {
    background-repeat: repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 20000px;
    }
    @-webkit-keyframes slideBackground {
        0% {
            -webkit-transform: translateX(0)
        }
     
        100% {
            -webkit-transform: translateX(-100%);
            margin-left: 100%
        }
    }
     
    @-moz-keyframes slideBackground {
        0% {
            -moz-transform: translateX(0)
        }
     
        100% {
            -moz-transform: translateX(-100%);
            margin-left: 100%
        }
    }
     
    @-o-keyframes slideBackground {
        0% {
            -o-transform: translateX(0)
        }
     
        100% {
            -o-transform: translateX(-100%);
            margin-left: 100%
        }
    }
     
    @-ms-keyframes slideBackground {
        0% {
            -ms-transform: translateX(0)
        }
     
        100% {
            -ms-transform: translateX(-100%);
            margin-left: 100%
        }
    }
     
    @keyframes slideBackground {
        0% {
            transform: translateX(0)
        }
     
        100% {
            transform: translateX(-100%);
            margin-left: 100%
        }
    }
    /*cat*/
    .main .main-foot, .main .main-head {
    background: url("http://i.imgur.com/y75XdvO.png") repeat;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
    box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
    color: #fff;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    padding: 20px;
    font-size: 14px;
    font-weight: 300;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    }
    .main .main-head .page-title {
    font-size: 14px;
    font-weight: bold;
    }
    #pun-visit, .main-box {
    display: none;
    }
    table {
        width: 100%
    }
     
    td {
        padding: 3px
    }
    thead {
    display: none;
    }
    .pun table.table td {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.1)!important;
    border-top: 1px solid rgba(255,255,255,0.5)!important;
    border:none;
    padding:10px;
    }
    .pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #fff;
    }
    .pun .main-content {
    background-color: #FFF;
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    border-radius: 0 0 3px 3px;
    }
    .pun .main-content:after {
    display: block;
    content: "";
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    background: #fff;
    height: 3px;
    overflow: hidden;
    }
    /*widgets*/
    .module .main-head {
    text-shadow: rgba(255,255,255,1) 0px 1px 0px;
    background: url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/transw40.png") repeat;
    background: rgba(255, 255, 255, 1);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.2)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
    text-transform: uppercase;
    font-family: "Lato";
    font-weight: bold;
    font-size: 100%;
    color: #111;
    padding: 15px;
    }
    .module.main {
    margin: 5px auto!important;
    border-radius: 3px;
    -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
    -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
    box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
    }
    #content-container div#main {
    margin-right: 10px;
    }
    /*post*/
    .post h3 {
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
    background: rgb(20,20,20);
    background: rgba(20,20,20,0.9);
    padding: 4px 10px;
    height: 36px;
    line-height: 36px;
    font-weight: normal;
    font-size: 13px;
    overflow: hidden;
    }
    .pun .postmain {
    background: none;
    border-left: none;
    margin-left: 18em;
    }

    .user-basic-info a img:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
    -moz-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
    box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
    pointer-events: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    .pun .user-ident .user-basic-info div#Avatar_For_IPB a img {
        background: none repeat scroll 0% 0% #FDFAF7;
        border: 1px solid #D5D1C8;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        max-height: 150px;
        max-width: 200px;
        padding: 1px;
    }
     
    .pun .post {
    border: none;
    }
    .pun .paged-foot, .pun .paged-head {
    background: none;
    border: none;
    padding: 0 0 10px;
    }
    div.post_username {
    float: left;
    min-width: 177px;
    font-weight: bold;
    }
    img.i_icon_online {
    float: left;
    padding: 15px 5px 5px 0;
    }
    div.post_date {
    float: left;
    color: #999;
    float: left;
    font-size: 11px;
    font-weight: normal;
    }
    .pun .user .user-info {
    color: #7a7a7a;
    line-height: 1.8em;
    }
    .pun .user-ident .user-basic-info {
    font-weight: normal;
    }
     
    .postfoot {
    clear: both;
    margin-left: -18em;
    text-align: right;
    background: #f7f7f7;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
    border-top: 1px solid #e0e0e0;
    margin-top: 10px;
    clear: both;
    overflow: hidden;
    }
    .post_username span a span strong {
    color: #fff!important;
    }
    .pun .postfoot .user-contact {
    display: none;
    }
    .post_controls {
    border-left: 0;
    border-right: 1px solid #eaeaea;
    color: #555;
    border: 0;
    border-left: 1px solid #eaeaea;
    text-shadow: #fff 0px 1px 0px;
    height: 25px;
    line-height: 25px;
    padding: 0 12px;
    text-decoration: none;
    }
    .post-controls:hover {
    background-color: #fff;
    color: #333;
    }
    div.main-content.topic {
    border-radius: 0!important;
    }
    .topic_buttons {
    background: url("http://i.imgur.com/y75XdvO.png") repeat;
    background: rgba(255,255,255,0.85);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
    color: #222;
    text-shadow: #fff 0px 1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    line-height: 36px;
    height: 36px;
    padding: 0 20px;
    text-align: center;
    min-width: 70px;
    display: inline-block;
    cursor: pointer;
    margin-top: 10px;
    }
    .topic_buttons .important{
    background: #8b1515 !important;
    color: #fff !important;
    text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
    }
    .topic_buttons:hover {
    background-color: rgba(255,255,255,0.95);
    color: #111;
    }
    div.main-content.topic {
    border-radius: 0!important;
    border: none;
    background: #fff;
    }
    .border {
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    .border:after {
    display: block;
    content: "";
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    background: #fff;
    height: 3px;
    overflow: hidden;
    }
    input[type="submit"], input[type="reset"] {
    background: #323232 url('http://i.imgur.com/N2SwKgg.png') repeat-x 0 0;
    border-color: #2b2b2b;
    color: #fff;
    text-shadow: #2b2b2b 0px -1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
    -webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    padding: 4px 10px!important;
    cursor: pointer;
    border-radius: 2px;
    }
    #quick_reply .frm-buttons {
    padding-left: 0;
    border: none;
    }
    #quick_reply input {
    float: right;
    }
    input[type="text"] {
    padding: 6px;
    border: 1px solid #d4d4d4;
    background: #fcfcfc;
    color: #9f9f9f;
    text-shadow: #fff 0px 1px 0px;
    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
    box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
    }
    .main-content p.center {
    color: red;
    font-weight: bold;
    margin-top: 10px;
    }
    /*user*/
    #backgroundToggle span.show {
    display: block;
    }
    #backgroundToggle span {
    background: url("http://i.imgur.com/y75XdvO.png") repeat;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    border: 1px solid #111;
    border: 1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 36px;
    width: 36px;
    display: none;
    text-align: center;
    cursor: pointer;
    }
    #backgroundToggle span:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("http://i.imgur.com/jF7Wdfz.png") no-repeat 0 0;
    position: relative;
    top: 10px;
    }
    #backgroundToggle span#enableColour:after {
    background-position: 0 -16px;
    }
    #user_bar.withToggle {
    margin-left: 44px;
    }
    #user_bar {
    background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    border: 1px solid #111;
    border: 1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }
    #user_navigation .ipsList_inline li {
    margin: 0;
    padding: 0;
    float: left;
    }
    #user_navigation>ul>li {
    border-right: 1px solid rgba(255,255,255,0.1);
    }
    #user_navigation {
    float: left;
    color: #9f9f9f;
    font-size: 11px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    }
    #user_navigation a {
    color: #fff;
    float: left;
    padding: 0 12px;
    line-height: 36px;
    outline: none;
    height: 36px;
    }
    #user_navigation a:hover {
    background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
    background: rgba(0,0,0,0.3);
    }
    h4.forum_name {
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    }
    p.desc.forum_desc {
    font-size: 11px;
    color: #444;
    padding-top: 5px;
    margin-left: 10px;
    }
    .mod-text {
    font-weight: normal;
    margin-left: 10px;
    }
    ul.statsPers {
    text-align: center;
    list-style: none;
    text-align: center;
    color: #fff;
    text-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
    }
    .statHide {
    display: none;
    }
    .statsPers li {
    display: inline-block;
    margin-right: 20px;
    }
    .statHide {
    display: none!important;
    }
    .statsPers li > span {
    display: inline-block;
    background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
    color: #222;
    padding: 3px 7px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 3px;
    }
    .statistics {
    margin: 20px 0 0 0;
    padding: 8px;
    line-height: 1.3;
    overflow: hidden;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fafafa;
    }
    .statistics_head {
    font-size: 11px;
    font-weight: bold!Important;
    margin: -8px -8px 8px -8px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    text-shadow: rgba(255,255,255,1) 0px 1px 0px;
    background: rgba(255,255,255,0.4);
    font-family: "Lato";
    text-transform: uppercase;
    padding: 15px;
    color: #111;
    }
    p.statistics_brief.desc {
    font-size: 11px;
    color: #444;
    }
    #pun-about {
    background: none;
    border: none;
    padding: 10px;
    text-align: right;
    line-height: 0;
    margin-bottom: -20px;
    }
    #pun-about ul li a {
    font-weight: normal;
    color: #f0f0f0;
    }
    ul#stat_links {
    line-height: 30px;
    }
    /*big-foot*/
    #footer {
    background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    border: 1px solid #111;
    border: 1px solid rgba(0,0,0,0.5);
    color: #ddd;
    -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 90%;
    margin: auto;
    }
    .footerCol {
    width: 14.2%;
    font-size: 11px;
    min-width: 125px;
    float: left;
    min-height: 180px;
    vertical-align: top;
    line-height: 25px;
    padding: 15px 0 18px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    .footerCol h3 {
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    line-height: 30px;
    }
    .footerCol h3 a {
    color: #fff;
    display: block;
    }
    ol, ul {
    list-style: none;
    }
    .footerCol li a {
    color: rgba(255,255,255,0.8);
    display: block;
    }
    .footerCol li a:hover {
    color: #fff;
    }
    .clear {
    clear: both;
    height: auto;
    }
    .pun-crumbs {
    background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    line-height: 37px;
    padding: 10px;
    margin-bottom: 10px;
    }
    /*titlebox*/
    .sb_titlebox {
    background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 14px;
    overflow: hidden;
    }
    .ipsUserPhoto {
    width: 54px;
    height: 54px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
    }
    .ipsBox_withphoto {
    margin-left: 65px;
    }
    .ipsType_pagetitle, .ipsType_subtitle {
    font: 300 26px/1.4 Helvetica,Arial,sans-serif;
    color: #121212;
    }
    .ipbfs_titlebox .desc {
    padding: 3px 0;
    }
    .desc.lighter, .desc.lighter.blend_links a {
    color: #7a7a7a;
    }
    .desc, .desc.blend_links a, p.posted_info {
    font-size: 11px;
    color: #444;
    }
    /*quote*/
    blockquote cite {
    font-size: 12px;
    padding: 8px 10px;
    border: none;
    background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
    color: #535353;
    text-shadow: rgba(255,255,255,1) 0px 1px 0px;
    font-weight: bold;
    margin-top: 5px;
    overflow-x: auto;
    clear: right;
    margin: -5px -11px 5px!important;
    }
    .postmain blockquote {
    padding: .5em 1em;
    border: 1px solid #e3e3e3;
    background: #fcfcfc;
    color: #9f9f9f;
    }
    .codebox {
    background: none;
    border: none;
    margin: 1em;
    }
    .codebox dt {
    border: none;
    padding: .25em;
    }
    div.spoiler_content.hidden {
    background-color: #fcfcfc !important;
    color: #000;
    padding: 8px;
    border: 1px solid #e3e3e3;
    overflow: auto;
    font-size: 11px;
    line-height: 170%;
    font-family: arial !important;
    }
    .codebox.spoiler dd {
    background: none!important;
    border: none!important;
    padding: 0;
    }
    .codebox dd {
    background-color: #fcfcfc !important;
    color: #000;
    padding: 8px;
    border: 1px solid #e3e3e3;
    overflow: auto;
    font-size: 11px;
    line-height: 170%;
    font-family: monospace !important;
    }
    .codebox.spoiler dt {
    display: inline-block;
    font-size: 11px;
    padding: 5px 10px;
    border: none;
    background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
    color: #535353;
    text-shadow: rgba(255,255,255,1) 0px 1px 0px;
    font-weight: bold;
    margin-top: 5px;
    overflow-x: auto;
    clear: right;
    margin-bottom: 5px;
    border: 1px solid #e3e3e3;
    }
    #avatar img {
    width: 34px;
    height: 34px;
    border-radius: 3px;
    margin: 2px;
    }
    a#inbox_link.menu_active {
        background-position: bottom;
        background-color: #fff;
        color: #323232;
        text-shadow: none;
        position: relative;
        z-index: 10000
    }
     
    #notify_link,#inbox_link {
        vertical-align: middle;
        width: 20px;
        padding: 0px
        8px !important;
        position: relative
    }
    #inbox_link img, #notify_link img {
    margin-top: 9px;
    }
    .entry-content img{
    max-width: 100%;
    }
    .paging a{
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.85);
    color: #222;
    text-shadow: 0px 1px 0px #FFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    display: inline-block;
    padding: 3px 10px;
    text-transform: uppercase;
    font-size: 11px;
    display: inline-block;
    font-weight: normal;
    }
    .paging{margin: 10px;}
    .paging a:hover{
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95);
    }
    .paging b{
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
    color: #FFF;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
    padding: 3px 10px;
    cursor: default;
    padding: 3px 10px;
    display: inline-block;
    font-weight: normal;
    padding: 3px 10px;
    text-transform: lowercase;
    font-size: 11px;
    display: inline-block;
    font-weight: normal;
    }
    .topic_buttons.important{
    background: none repeat scroll 0% 0% #8B1515;
    color: #FFF !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
    }
    .pun .frm-form {
        background: transparent;
        border: none;
    }
    #tabs ul li a {
        float: left;
        text-decoration: none;
        background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0% 0% transparent;
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
        color: #FFF;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
        padding:4px 10px!important;
        border:none!important;
        font-size: 14px;
        font-weight: 300;
        border-radius: 4px 4px 0px 0px;
        overflow: hidden;
    }
    #tabs ul li.activetab a {
        color: #F4F9FD;
        text-decoration: none;
        background-color: black;
    }
    .main-content.center img{
    max-width: 250px;
    }
    /* 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 de imagem
    .imgt {
    width: 36px;
    height: 36px;
    }
    .tx {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #D11736;
    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;
    }
    .dono {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #2D5913;
    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;
    }
     
    .destaque {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #c29211;
    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: #a1a1a1;
    border-radius: 3px;
    color: #ffffff;
    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;
    }
    .edt{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #0fb4cc;
    border-radius: 3px;
    color: #ffffff;
    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: #ffffff;
    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;
    }  
    .master{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #CD00E0;
    border-radius: 3px;
    color: #ffffff;
    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;
    }  
    .helper{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #72bec1;
    border-radius: 3px;
    color: #2D5913;
    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;
    }
      .adm{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #1527ac;
    border-radius: 3px;
    color: #ffffff;
    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;
    }  
      .nv5{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #8B658B;
    border-radius: 3px;
    color: #ffffff;
    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;
    }
    .dona {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #BA7702;
    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;
    }
    .des{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #990000;
    border-radius: 3px;
    color: #ffffff;
    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;
    }
      .pref{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #AC82FF;
    border-radius: 3px;
    color: #ffffff;
    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;
    }  
      .nvl{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #76940C;
    border-radius: 3px;
    color: #ffffff;
    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"]{text-shadow:0 0 5px Blue}
     
    a[href="/u29"] {
    background-image: url("http://i.imgur.com/64TYyxd.gif");
    text-shadow : 0px 0px 10px #2D5913;
    }
    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="/u14"]{text-shadow:0 0 5px Blue}
     
    a[href="/u14"] {
    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 #2D5913;
    }

    .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://i68.servimg.com/u/f68/19/34/53/64/sem_ty10.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;
    }

    .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%;
    }
    #perfil_drop li a {
        color: #00569C;
        text-decoration: none;
    }
    .menu_active {
    background: #fff;
    border-radius: 5px 5px 0 0;
    color: #000!important;
    }

    ======tabela de registro==============
    .ipsSteps {
        background: #E9E9E9 none repeat scroll 0% 0%;
        height: 55px;
        border-radius: 3px;
      margin-bottom: 10px;
    }
    .ipsSteps li:first-child {
        border-radius: 3px 0px 0px 3px;
    }
    .ipsSteps_title {
        display: block;
        font-size: 14px;
        padding-bottom: 4px;
    }
    .ipsSteps .ipsSteps_active {
        background-position: 100% 0px;
        color: #FFF;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
        background-color: #097D09;
    }
    .ipsSteps ul li {
        float: left;
        padding: 11px 33px 5px 18px;
        color: #323232;
        background-repeat: no-repeat;
        background-position: 100% -56px;
        position: relative;
        height: 39px;
        text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
    }



    Última edição por Undeath em Dom Jan 24, 2016 4:30 pm, editado 1 vez(es) (Razão : Código muito grande, SPOILER adicionado.)

    Ver perfil do usuário

    8Resolvido Re: Informações ao passar o mouse em Dom Jan 24, 2016 4:28 pm

    Undeath

    avatar
    Membro
    Ai está:
    Spoiler:

    Código:

    td.tcr span a:empty:before {content: initial!important;}

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



    .setPerfil p span{display:initial;}

    .pun .main .options { height: 50px; }

    .pun .post-entry {
      padding: 1em 7em 0;
    }
    .pun .post .user {
      margin-top: 5px;
      border: 1px dashed #eee;
      border-radius: 5px;
      text-align: left;
      background: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
      background-repeat: repeat;
      box-shadow: 0px 5px 5px #CCCCCC;
      width: 27%;
    }
    .pun .user-ident .username {width:180px;}
     
    #pun-announcement {
      display: none;
    }

    .pun .post .user { width: 23% }

    .pun .user-ident .username {width:140px;}
    #main_search {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        color: #fff;
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        outline: 0 none;
        padding: 0;
        vertical-align: top;
        width: 200px;
    }
    #search_wrap {
        -moz-border-radius: 3px 4px 4px 3px;
        -moz-box-shadow: inset rgba(0,0,0,0.6) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 4px;
        -webkit-box-shadow: inset rgba(0,0,0,0.6) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0;
        background: #1f1f1f;
        border-radius: 3px 4px 4px 3px;
        box-shadow: inset rgba(0,0,0,0.6) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0;
        display: block;
        height: 26px;
        line-height: 25px;
        min-width: 230px;
        padding: 0 26px 0 8px;
        position: relative;
    margin-left: 500px;
        margin-top: 0px;
    }
    #search .submit_input {
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        background: #141414 url(http://i56.servimg.com/u/f56/17/97/98/69/search17.png) no-repeat 50%;
        border: 0;
        border-radius: 0 3px 3px 0;
        bottom: 0;
        display: block;
        height: 26px;
        padding: 0;
        position: absolute;
        right: 0;
        text-indent: -3000em;
        top: 0;
        width: 26px;
    }
     
     
    .main .main-head.collapsed {
        opacity: 0.6;
    }
     
     
    #backgroundToggle span {
    display: none;
    }
     
     
    #primary_nav {
        position: absolute;
        right: 0;
        top: 100%;
        margin-top: 10px;
        text-transform: uppercase;
        font-family: "Lato";
        font-size: 12px;
    }
    #branding {
        background: rgba(20, 20, 20, 0.901961);
        border-bottom: 1px solid rgba(0, 0, 0, 0.498039);
        -webkit-box-shadow: rgba(0, 0, 0, 0.45098) 0px 1px 5px;
        box-shadow: rgba(0, 0, 0, 0.45098) 0px 1px 5px;
        height: 0px;
        left: 0px;
        right: 0px;
        z-index: 999;
    }
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 400;
      src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
    }
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 700;
      src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
    }
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 400;
      src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
    }
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 700;
      src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
    }
    .pun{
    margin: 0 auto;
    min-width: 980px;
    max-width: 1300px;
    width: 90%;
    padding:0;
    }
    body {
    background: #222;
    color: #5a5a5a;
    font: normal 11px tahoma,helvetica,arial,sans-serif;
    position: relative;
    padding-top: 120px;
    padding-bottom: 12px;
    }
    #pun-intro,#pun-head{display:none}
    ul#pun-legend, ul.pun-legend {
    display: none;
    }
    #pun-about #qjump {
    display: none;
    }
    /*branding*/
    #branding {
    background: url("http://i.imgur.com/y75XdvO.png") repeat;
    background: rgba(20,20,20,0.9);
    border-bottom: 1px solid #000;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    }
    #branding .wrapper {
    position: relative;
    height: 100%;
    z-index: 10;
    }
    #branding
    .brandingBackground {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.6);
        z-index: 1;
        opacity: 0;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out
    }
    .wrapper {
    margin: 0 auto;
    min-width: 980px;
    max-width: 1300px;
    width: 90%;
    }
    #logo {
    float: left;
    position: relative;
    height: 100%;
    z-index: 20;
    }
    .topic_buttons.important{
    background: none repeat scroll 0% 0% #8B1515;
    color: #FFF !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
    }
    #logo
    a.textLogo {
        color: #fff;
        line-height: 110px;
        padding: 0
        12px;
        font-size: 24px;
        font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
        display: block;
        text-decoration: none
    }
    a,.pun a,.pun a:visited,.pun a:link{
    color: #222;
    text-decoration: none;
    }
    a:hover,.pun a:hover{
    color: #111;
    text-decoration:none;
    }
    #logo img {
    max-height: 100%;
    vertical-align: top;
    }
    img, .input_check, .input_radio {
    vertical-align: middle;
    }
    fieldset, img {
    border: 0;
    }
    /*nav*/
    #primary_nav {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
    text-transform: uppercase;
    font-family: "Lato";
    font-size: 12px;
    padding-left: 200px;
    }
    #community_app_menu {
    float: right;
    }
    #community_app_menu>li {
    margin: 0 1px 0 0;
    position: relative;
    }
    #community_app_menu>li {
    margin: 0 1px 0 0;
    position: relative;
    }
    .ipsList_inline>li:first-child {
    margin-left: 0;
    }
    .ipsList_inline>li {
    display: inline-block;
    margin: 0 3px;
    }
    .left {
    float: left;
    }
    #community_app_menu>li>a {
    color: #eee;
    color: rgba(255,255,255,0.8);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    outline: none;
    padding: 0px 15px;
    line-height: 32px;
    height: 32px;
    }
    #community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
    background: url("http://i.imgur.com/y75XdvO.png") repeat;
    background: rgba(255,255,255,0.1);
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    color: #fff;
    }
    #primary_nav #nav_home a:before {
    content: "\f015";
    }
    #primary_nav #nav_app_forums a:before {
    content: "\f086";
    }
    #primary_nav #nav_app_members a:before {
    content: "\f007";
    }
    #primary_nav #nav_app_calendar a:before {
    content: "\f073";
    }
    #primary_nav #nav_app_downloads a:before {
    content: "\f019";
    }
    #primary_nav #nav_app_blog a:before {
    content: "\f02d";
    }
    #primary_nav #nav_app_nexus a:before {
    content: "\f07a";
    }
    #primary_nav a:before {
    content: "\f02b";
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 7px;
    font-size: 14px;
    }
    #community_app_menu>li.active>a {
    background: url("http://i.imgur.com/y75XdvO.png") repeat;
    background: rgba(255,255,255,0.2);
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    color: #fff;
    position: relative;
    }
    /*gradient*/
    #background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    }
    .animatedBackground #gradient {
    -webkit-animation: slideBackground 140s infinite alternate;
    -moz-animation: slideBackground 140s infinite alternate;
    -ms-animation: slideBackground 140s infinite alternate;
    -o-animation: slideBackground 140s infinite alternate;
    animation: slideBackground 140s infinite alternate;
    }
    #gradient.applied.greyscale {
        background: #303030;
        background: -moz-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(50%,#5f5f5f), color-stop(100%,#1b1b1b));
        background: -webkit-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
        background: -o-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
        background: -ms-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
        background: linear-gradient(to right, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
        background-size: 3800px auto
    }
    #background:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: url("http://i.imgur.com/4CSzngw.jpg") no-repeat 50% 0%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
    opacity: 0.15;
    content: "";
    }
    #gradient {
    background-repeat: repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 20000px;
    }
    @-webkit-keyframes slideBackground {
        0% {
            -webkit-transform: translateX(0)
        }
     
        100% {
            -webkit-transform: translateX(-100%);
            margin-left: 100%
        }
    }
     
    @-moz-keyframes slideBackground {
        0% {
            -moz-transform: translateX(0)
        }
     
        100% {
            -moz-transform: translateX(-100%);
            margin-left: 100%
        }
    }
     
    @-o-keyframes slideBackground {
        0% {
            -o-transform: translateX(0)
        }
     
        100% {
            -o-transform: translateX(-100%);
            margin-left: 100%
        }
    }
     
    @-ms-keyframes slideBackground {
        0% {
            -ms-transform: translateX(0)
        }
     
        100% {
            -ms-transform: translateX(-100%);
            margin-left: 100%
        }
    }
     
    @keyframes slideBackground {
        0% {
            transform: translateX(0)
        }
     
        100% {
            transform: translateX(-100%);
            margin-left: 100%
        }
    }
    /*cat*/
    .main .main-foot, .main .main-head {
    background: transparent -moz-linear-gradient(center top , rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0% 0%;
    box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
    color: #fff;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    padding: 20px;
    font-size: 14px;
    font-weight: 300;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    }
    .main .main-head .page-title {
    font-size: 14px;
    font-weight: bold;
    }
    #pun-visit, .main-box {
    display: none;
    }
    table {
        width: 100%
    }
     
    td {
        padding: 3px
    }
    thead {
    display: none;
    }
    .pun table.table td {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.1)!important;
    border-top: 1px solid rgba(255,255,255,0.5)!important;
    border:none;
    padding:10px;
    }
    .pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #fff;
    }
    .pun .main-content {
    background-color: #FFF;
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    border-radius: 0 0 3px 3px;
    }
    .pun .main-content:after {
    display: block;
    content: "";
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    background: #fff;
    height: 3px;
    overflow: hidden;
    }
    /*widgets*/
    .module .main-head {
    text-shadow: rgba(255,255,255,1) 0px 1px 0px;
    background: url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/transw40.png") repeat;
    background: rgba(255, 255, 255, 1);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.2)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
    text-transform: uppercase;
    font-family: "Lato";
    font-weight: bold;
    font-size: 100%;
    color: #111;
    padding: 15px;
    }
    .module.main {
    margin: 5px auto!important;
    border-radius: 3px;
    -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
    -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
    box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
    }
    #content-container div#main {
    margin-right: 10px;
    }
    /*post*/
    .post h3 {
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
    background: rgb(20,20,20);
    background: rgba(20,20,20,0.9);
    padding: 4px 10px;
    height: 36px;
    line-height: 36px;
    font-weight: normal;
    font-size: 13px;
    overflow: hidden;
    }
    .pun .postmain {
    background: none;
    border-left: none;
    margin-left: 18em;
    }

    .user-basic-info a img:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
    -moz-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
    box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
    pointer-events: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    .pun .user-ident .user-basic-info div#Avatar_For_IPB a img {
        background: none repeat scroll 0% 0% #FDFAF7;
        border: 1px solid #D5D1C8;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        max-height: 150px;
        max-width: 200px;
        padding: 1px;
    }
     
    .pun .post {
    border: none;
    }
    .pun .paged-foot, .pun .paged-head {
    background: none;
    border: none;
    padding: 0 0 10px;
    }
    div.post_username {
    float: left;
    min-width: 177px;
    font-weight: bold;
    }
    img.i_icon_online {
    float: left;
    padding: 15px 5px 5px 0;
    }
    div.post_date {
    float: left;
    color: #999;
    float: left;
    font-size: 11px;
    font-weight: normal;
    }
    .pun .user .user-info {
    color: #7a7a7a;
    line-height: 1.8em;
    }
    .pun .user-ident .user-basic-info {
    font-weight: normal;
    }
     
    .postfoot {
    clear: both;
    margin-left: -18em;
    text-align: right;
    background: #f7f7f7;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
    border-top: 1px solid #e0e0e0;
    margin-top: 10px;
    clear: both;
    overflow: hidden;
    }
    .post_username span a span strong {
    color: #fff!important;
    }
    .pun .postfoot .user-contact {
    display: none;
    }
    .post_controls {
    border-left: 0;
    border-right: 1px solid #eaeaea;
    color: #555;
    border: 0;
    border-left: 1px solid #eaeaea;
    text-shadow: #fff 0px 1px 0px;
    height: 25px;
    line-height: 25px;
    padding: 0 12px;
    text-decoration: none;
    }
    .post-controls:hover {
    background-color: #fff;
    color: #333;
    }
    div.main-content.topic {
    border-radius: 0!important;
    }
    .topic_buttons {
    background: url("http://i.imgur.com/y75XdvO.png") repeat;
    background: rgba(255,255,255,0.85);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
    color: #222;
    text-shadow: #fff 0px 1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    line-height: 36px;
    height: 36px;
    padding: 0 20px;
    text-align: center;
    min-width: 70px;
    display: inline-block;
    cursor: pointer;
    margin-top: 10px;
    }
    .topic_buttons .important{
    background: #8b1515 !important;
    color: #fff !important;
    text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
    }
    .topic_buttons:hover {
    background-color: rgba(255,255,255,0.95);
    color: #111;
    }
    div.main-content.topic {
    border-radius: 0!important;
    border: none;
    background: #fff;
    }
    .border {
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    .border:after {
    display: block;
    content: "";
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    background: #fff;
    height: 3px;
    overflow: hidden;
    }
    input[type="submit"], input[type="reset"] {
    background: #323232 url('http://i.imgur.com/N2SwKgg.png') repeat-x 0 0;
    border-color: #2b2b2b;
    color: #fff;
    text-shadow: #2b2b2b 0px -1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
    -webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    padding: 4px 10px!important;
    cursor: pointer;
    border-radius: 2px;
    }
    #quick_reply .frm-buttons {
    padding-left: 0;
    border: none;
    }
    #quick_reply input {
    float: right;
    }
    input[type="text"] {
    padding: 6px;
    border: 1px solid #d4d4d4;
    background: #fcfcfc;
    color: #9f9f9f;
    text-shadow: #fff 0px 1px 0px;
    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
    box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
    }
    .main-content p.center {
    color: red;
    font-weight: bold;
    margin-top: 10px;
    }
    /*user*/
    #backgroundToggle span.show {
    display: block;
    }
    #backgroundToggle span {
    background: url("http://i.imgur.com/y75XdvO.png") repeat;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    border: 1px solid #111;
    border: 1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 36px;
    width: 36px;
    display: none;
    text-align: center;
    cursor: pointer;
    }
    #backgroundToggle span:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("http://i.imgur.com/jF7Wdfz.png") no-repeat 0 0;
    position: relative;
    top: 10px;
    }
    #backgroundToggle span#enableColour:after {
    background-position: 0 -16px;
    }
    #user_bar.withToggle {
    margin-left: 44px;
    }
    #user_bar {
    background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    border: 1px solid #111;
    border: 1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }
    #user_navigation .ipsList_inline li {
    margin: 0;
    padding: 0;
    float: left;
    }
    #user_navigation>ul>li {
    border-right: 1px solid rgba(255,255,255,0.1);
    }
    #user_navigation {
    float: left;
    color: #9f9f9f;
    font-size: 11px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    }
    #user_navigation a {
    color: #fff;
    float: left;
    padding: 0 12px;
    line-height: 36px;
    outline: none;
    height: 36px;
    }
    #user_navigation a:hover {
    background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
    background: rgba(0,0,0,0.3);
    }
    h4.forum_name {
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    }
    p.desc.forum_desc {
    font-size: 11px;
    color: #444;
    padding-top: 5px;
    margin-left: 10px;
    }
    .mod-text {
    font-weight: normal;
    margin-left: 10px;
    }
    ul.statsPers {
    text-align: center;
    list-style: none;
    text-align: center;
    color: #fff;
    text-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
    }
    .statHide {
    display: none;
    }
    .statsPers li {
    display: inline-block;
    margin-right: 20px;
    }
    .statHide {
    display: none!important;
    }
    .statsPers li > span {
    display: inline-block;
    background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
    color: #222;
    padding: 3px 7px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 3px;
    }
    .statistics {
    margin: 20px 0 0 0;
    padding: 8px;
    line-height: 1.3;
    overflow: hidden;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fafafa;
    }
    .statistics_head {
    font-size: 11px;
    font-weight: bold!Important;
    margin: -8px -8px 8px -8px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    text-shadow: rgba(255,255,255,1) 0px 1px 0px;
    background: rgba(255,255,255,0.4);
    font-family: "Lato";
    text-transform: uppercase;
    padding: 15px;
    color: #111;
    }
    p.statistics_brief.desc {
    font-size: 11px;
    color: #444;
    }
    #pun-about {
    background: none;
    border: none;
    padding: 10px;
    text-align: right;
    line-height: 0;
    margin-bottom: -20px;
    }
    #pun-about ul li a {
    font-weight: normal;
    color: #f0f0f0;
    }
    ul#stat_links {
    line-height: 30px;
    }
    /*big-foot*/
    #footer {
    background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
    border: 1px solid #111;
    border: 1px solid rgba(0,0,0,0.5);
    color: #ddd;
    -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 90%;
    margin: auto;
    }
    .footerCol {
    width: 14.2%;
    font-size: 11px;
    min-width: 125px;
    float: left;
    min-height: 180px;
    vertical-align: top;
    line-height: 25px;
    padding: 15px 0 18px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    .footerCol h3 {
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    line-height: 30px;
    }
    .footerCol h3 a {
    color: #fff;
    display: block;
    }
    ol, ul {
    list-style: none;
    }
    .footerCol li a {
    color: rgba(255,255,255,0.8);
    display: block;
    }
    .footerCol li a:hover {
    color: #fff;
    }
    .clear {
    clear: both;
    height: auto;
    }
    .pun-crumbs {
    background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    line-height: 37px;
    padding: 10px;
    margin-bottom: 10px;
    }
    /*titlebox*/
    .sb_titlebox {
    background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 14px;
    overflow: hidden;
    }
    .ipsUserPhoto {
    width: 54px;
    height: 54px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
    }
    .ipsBox_withphoto {
    margin-left: 65px;
    }
    .ipsType_pagetitle, .ipsType_subtitle {
    font: 300 26px/1.4 Helvetica,Arial,sans-serif;
    color: #121212;
    }
    .ipbfs_titlebox .desc {
    padding: 3px 0;
    }
    .desc.lighter, .desc.lighter.blend_links a {
    color: #7a7a7a;
    }
    .desc, .desc.blend_links a, p.posted_info {
    font-size: 11px;
    color: #444;
    }
    /*quote*/
    blockquote cite {
    font-size: 12px;
    padding: 8px 10px;
    border: none;
    background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
    color: #535353;
    text-shadow: rgba(255,255,255,1) 0px 1px 0px;
    font-weight: bold;
    margin-top: 5px;
    overflow-x: auto;
    clear: right;
    margin: -5px -11px 5px!important;
    }
    .postmain blockquote {
    padding: .5em 1em;
    border: 1px solid #e3e3e3;
    background: #fcfcfc;
    color: #9f9f9f;
    }
    .codebox {
    background: none;
    border: none;
    margin: 1em;
    }
    .codebox dt {
    border: none;
    padding: .25em;
    }
    div.spoiler_content.hidden {
    background-color: #fcfcfc !important;
    color: #000;
    padding: 8px;
    border: 1px solid #e3e3e3;
    overflow: auto;
    font-size: 11px;
    line-height: 170%;
    font-family: arial !important;
    }
    .codebox.spoiler dd {
    background: none!important;
    border: none!important;
    padding: 0;
    }
    .codebox dd {
    background-color: #fcfcfc !important;
    color: #000;
    padding: 8px;
    border: 1px solid #e3e3e3;
    overflow: auto;
    font-size: 11px;
    line-height: 170%;
    font-family: monospace !important;
    }
    .codebox.spoiler dt {
    display: inline-block;
    font-size: 11px;
    padding: 5px 10px;
    border: none;
    background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
    color: #535353;
    text-shadow: rgba(255,255,255,1) 0px 1px 0px;
    font-weight: bold;
    margin-top: 5px;
    overflow-x: auto;
    clear: right;
    margin-bottom: 5px;
    border: 1px solid #e3e3e3;
    }
    #avatar img {
    width: 34px;
    height: 34px;
    border-radius: 3px;
    margin: 2px;
    }
    a#inbox_link.menu_active {
        background-position: bottom;
        background-color: #fff;
        color: #323232;
        text-shadow: none;
        position: relative;
        z-index: 10000
    }
     
    #notify_link,#inbox_link {
        vertical-align: middle;
        width: 20px;
        padding: 0px
        8px !important;
        position: relative
    }
    #inbox_link img, #notify_link img {
    margin-top: 9px;
    }
    .entry-content img{
    max-width: 100%;
    }
    .paging a{
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.85);
    color: #222;
    text-shadow: 0px 1px 0px #FFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    display: inline-block;
    padding: 3px 10px;
    text-transform: uppercase;
    font-size: 11px;
    display: inline-block;
    font-weight: normal;
    }
    .paging{margin: 10px;}
    .paging a:hover{
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95);
    }
    .paging b{
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
    color: #FFF;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
    padding: 3px 10px;
    cursor: default;
    padding: 3px 10px;
    display: inline-block;
    font-weight: normal;
    padding: 3px 10px;
    text-transform: lowercase;
    font-size: 11px;
    display: inline-block;
    font-weight: normal;
    }
    .topic_buttons.important{
    background: none repeat scroll 0% 0% #8B1515;
    color: #FFF !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
    }
    .pun .frm-form {
        background: transparent;
        border: none;
    }
    #tabs ul li a {
        float: left;
        text-decoration: none;
        background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0% 0% transparent;
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
        color: #FFF;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
        padding:4px 10px!important;
        border:none!important;
        font-size: 14px;
        font-weight: 300;
        border-radius: 4px 4px 0px 0px;
        overflow: hidden;
    }
    #tabs ul li.activetab a {
        color: #F4F9FD;
        text-decoration: none;
        background-color: black;
    }
    .main-content.center img{
    max-width: 250px;
    }
    /* 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 de imagem
    .imgt {
    width: 36px;
    height: 36px;
    }
    .tx {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #D11736;
    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;
    }
    .dono {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #2D5913;
    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;
    }
     
    .destaque {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #c29211;
    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: #a1a1a1;
    border-radius: 3px;
    color: #ffffff;
    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;
    }
    .edt{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #0fb4cc;
    border-radius: 3px;
    color: #ffffff;
    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: #ffffff;
    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;
    }  
    .master{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #CD00E0;
    border-radius: 3px;
    color: #ffffff;
    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;
    }  
    .helper{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #72bec1;
    border-radius: 3px;
    color: #2D5913;
    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;
    }
      .adm{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #1527ac;
    border-radius: 3px;
    color: #ffffff;
    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;
    }  
      .nv5{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #8B658B;
    border-radius: 3px;
    color: #ffffff;
    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;
    }
    .dona {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #BA7702;
    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;
    }
    .des{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #990000;
    border-radius: 3px;
    color: #ffffff;
    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;
    }
      .pref{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #AC82FF;
    border-radius: 3px;
    color: #ffffff;
    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;
    }  
      .nvl{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #76940C;
    border-radius: 3px;
    color: #ffffff;
    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"]{text-shadow:0 0 5px Blue}
     
    a[href="/u29"] {
    background-image: url("http://i.imgur.com/64TYyxd.gif");
    text-shadow : 0px 0px 10px #2D5913;
    }
    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="/u14"]{text-shadow:0 0 5px Blue}
     
    a[href="/u14"] {
    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 #2D5913;
    }

    .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://i68.servimg.com/u/f68/19/34/53/64/sem_ty10.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;
    }

    .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%;
    }
    #perfil_drop li a {
        color: #00569C;
        text-decoration: none;
    }
    .menu_active {
    background: #fff;
    border-radius: 5px 5px 0 0;
    color: #000!important;
    }

    ======tabela de registro==============
    .ipsSteps {
        background: #E9E9E9 none repeat scroll 0% 0%;
        height: 55px;
        border-radius: 3px;
      margin-bottom: 10px;
    }
    .ipsSteps li:first-child {
        border-radius: 3px 0px 0px 3px;
    }
    .ipsSteps_title {
        display: block;
        font-size: 14px;
        padding-bottom: 4px;
    }
    .ipsSteps .ipsSteps_active {
        background-position: 100% 0px;
        color: #FFF;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
        background-color: #097D09;
    }
    .ipsSteps ul li {
        float: left;
        padding: 11px 33px 5px 18px;
        color: #323232;
        background-repeat: no-repeat;
        background-position: 100% -56px;
        position: relative;
        height: 39px;
        text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
    }

    Certinho? Abraço Amigos

    Ver perfil do usuário http://www.heroisdoolimporpg.com

    9Resolvido Re: Informações ao passar o mouse em Dom Jan 24, 2016 4:35 pm

    PrisoN

    avatar
    Membro
    Não resulto, a categoria ficou azul, e eu não quero isto, eu quero que o bangui de ver informações do usuario fica da cor da barra da categoria, e fica aquele nome rank: e a segunda descrição do rank.

    Ver perfil do usuário

    10Resolvido Re: Informações ao passar o mouse em Dom Jan 24, 2016 4:55 pm

    Undeath

    avatar
    Membro
    Eu tentei aqui mas o máximo que vai ficar é um degrade cinza feio... O da categoria tem haver com a imagem de fundo. A mesma não é fica acessível para a aba que aparece quando se passa o mouse.
    Mais algo?

    Ver perfil do usuário http://www.heroisdoolimporpg.com

    11Resolvido Re: Informações ao passar o mouse em Dom Jan 24, 2016 8:32 pm

    PrisoN

    avatar
    Membro
    Não, só isso mesmo, pode fecha então.

    Ver perfil do usuário

    12Resolvido Re: Informações ao passar o mouse em Dom Jan 24, 2016 10:53 pm

    MateusR

    avatar
    Membro
    PrisoN escreveu:Não, só isso mesmo, pode fecha então.

    Tópico Resolvido!
    Questão marcada como Resolvida pelo Autor.



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

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

    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.