Dúvida - cor barra do menu

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

Resolvido Dúvida - cor barra do menu

Mensagem por JuniorSelau em 20/03/14, 11:21 am

Qual é minha questão:
Gostaria de saber, se tem como eu fazer a mudança da cor da barra "azul florescente" que está no meu menu igual na print, eu queria mudar para vermelho se possivel, Gostei muito deste tema, só que o menu não está nas cores que eu preciso, se puderem me ajudar agradecido!



Caso de algum erro, veja a print:
http://imgur.com/W2F5Ls6

Minha folha de estilo CSS caso seje necessário:

Spoiler:

/*.tcr {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 10px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}*/
/*Votaçao*/
.vote {
float: right;
width: 32px;
margin-left: 32px;
}




/*CODES, QUOTES, SPOILERS
================================================================*/
dl.codebox {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 9px;
margin-right: 7px;
margin-top: 2px;
margin-bottom: 4px;
}




blockquote{
font-size: 0.9em;
font-style: italic;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 3px;
}




blockquote cite{
border-bottom: 1px solid #dbdcd4;
padding-bottom: 0px;
}




/*PASSWORD PROTECT
=================================================================*/
#pwd_good {
  background:url('http://img52.imageshack.us/img52/2378/strong.png');
  }
#pwd_middle {
  background:url('http://img262.imageshack.us/img262/9555/medium.png');
  }
#pwd_bad {
  background:url('http://img264.imageshack.us/img264/5695/weakg.png');
}




body {
    background:#E9E9E9;
    color: #5D5D5D;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: -1px;
    padding-bottom: 10px;
}




.pun {
    width: 1000px;
    background: #fff;
    border: 1px solid #878787;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    line-height: 1.6em;
    border-radius: 0 0 5px 5px;
    box-shadow:0px 0px 8px #707070;
    padding: 12px;
}




.pun a:link {
    color: #964e4e;
    text-decoration: none;
}




.pun a:visited {
    color: #964e4e;
    text-decoration: none;
}




.pun a:hover, a:active {
    color: #8a2f2f;
    text-decoration: underline;
}








.entry-content {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
}




.quick_login {
    background: #efefef;
    color: #993232;
    font-size: 11px;
    border: 1px solid #edcccc;
    padding: 4px;
}




#pun-legend {
    padding-bottom: 4px;
    padding-top: 10px;
}




#pun-title {
    display: none;
}




.pun table.table th {
    background-color: transparent;
    border-style: none;
    color: Black;
    padding: 0.5em 0px;
}




.conteneur-menu {
border: 1px solid rgb(196, 196, 196);
border-radius: 7px 7px 7px 7px;
padding: 5px;
}




.post_field {
    background:#fff none  ;
    color:#4d5153;
    border:1px solid #bcb6ad;
    padding:3px 3px 3px 10px;
    margin-top: 2px;
    text-align:left;
}




#pun-head #pun-navlinks {
background-color: #fff;
background-image: url("http://i.imgur.com/AOkgY.png");
background-repeat: repeat-x;
color: #fff;
font-size: 13px;
height: 37px;
margin-bottom: 10px;
margin-left: -12px;
width: 996px;
}




#pun-navlinks ul {
    list-style: none;
    text-align: center;
}




#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
}




#pun-navlinks li a {
    margin: 0 0.1em 0 0;
}




#pun-navlinks a, #pun-navlinks a:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
    padding-left: 10px;
    line-height: 26px;
}




#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
    text-decoration: none;
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}








    .postbody .user{
      margin-bottom:1em;
        overflow:visible;
    }
    .postbody .user .user-info span{display:table !important; float:left;}
    .postbody .user .user-info{
        width:350px;
        display:none;
            top: 20px;
            position: absolute;
            background: rgba(255, 255, 255, 0.9);
            padding: 5px;
    }




    .postbody .user:hover .user-info{
        z-index: 9;
            left: 100%;
        display:block;
    }
    .postbody .user .user-info span {
    color: #333;
    font-weight: bold;
    }




.pun .paged-head, .pun .paged-foot {
    border: 0px solid #dddddd;
    background-color: #fff;
    padding: 0.6em 1.3em 0.3em 1.3em;
}




#pun-visit, .main-box {
      border-radius: 5px 5px 7px 7px;
    background-color: black !important;
    border: 1px solid black !important;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-left: 8px;
}




.user-info span {
    color: #000000;
    font-size: 11px;
}
.pun .user .user-info {
    color: #666666;
    font-size: 11px;
    line-height: 1.5;
}




#pun-about {
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    text-align: center;
    line-height: 0%;
    padding: 0.6em 1em;
}
#pun-about ul li a {
    font-size: 10px;
    font-weight: normal;
}
#pun-about #qjump {
    display: none;
}




.postmain blockquote {
    padding: 0.5em 1em;
    background-color: #EFEFEF;
    border: 1px solid #c48181;
}




.postmain cite {
    display: block;
    margin: 0 0 1em 0;
    font-weight: bold;
    font-style: normal;
}




.codebox {
    margin: 1em;
    background-color: #F5F5F5;
    border: 1px solid #8f1010;
}




.codebox dt {
    padding: 0.25em;
    border-bottom: 1px dashed #c48181;
}




.codebox dd {
    margin: 0.5em;
    padding: 0.5em;
    background-color: #F5F5F5;
}




.main .main-head {
  border-radius: 7px 7px 7px 7px;
background-color: black !important;
border: 1px solid black !important;
      background-color: #f70505;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    border: 1px solid #ba0f0f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 15px;
    padding-left: 8px;
}




.page-title h2, .page-title span {
    font-weight: bold !important;
}




.main .main-head .page-title {
    color: #fff;
    font-size: 14px;
    font-weight: bold !important;
    font-family: tahoma,arial,verdana,sans-serif;
    text-shadow: 0 -1px 0 #613633;
}




.main .main-foot {
    padding: 0.7em 1.3em;
    font-weight: normal;
    color: #660000;
    background-color: transparent;
}




.pun .postmain {
    background-color: #fbfbfb;
    border-left: 1px solid #DADADA;
    margin-left: 17em;
}




.postfoot {
    border-top-color: #DADADA;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    clear: both;
    margin-left: 0em;
    text-align: center;
    padding: 0.5em 1em;
    border-top: none;
}








.frm-buttons {
    border-top-color: #DDDDDD;
    border-top-style: double;
    border-top-width: 0px;
    margin-bottom: 0;
    margin-top: 0.5em;
    padding-bottom: 0;
    padding-left: 17.5em;
    padding-right: 0;
    padding-top: 0.7em;
}




#tabs ul {
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    white-space: nowrap;
}




#tabs ul li {
    float: left;
    margin: 0;
    padding: 0 4px 0 0;
    padding-bottom: 3px;
}




#tabs ul li.activetab a {
    background-color: #fff;
    border: #8f1010;
    border-width: 3px;
    color: #666666;
  text-decoration:none;
}




#tabs ul li.activetab a:hover {
    background-color: #F5F5F5;
}




#tabs ul li a {
    border-radius: 5px 5px 7px 7px;
    background-color: black !important;
    border: 1px solid black !important;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-left: 8px;
    float: left;
    padding: 0 1em;
    border-width: 3px;
    font-size:1.1em;
    font-weight:normal;
    line-height: 2em;
    text-decoration:none;
}




#tabs ul li a:hover {
    background-color: #F5F5F5;
}




.pun .frm .frm-form table {
    border: 1px solid #c48181;
    padding-left: 4px;
}




.pun table.table td {
    padding: 0.6em 0 0.7em;
    line-height: 130%;
    background-color: #FFFFFF;
    border-color: #ccb7b7;
    border-width: 1px;
    border-style: dashed none none none;
}




.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #FFFFFF;
}




.pun table.table td {padding: 0.6em 0px 0.7em;border-color: transparent !important;border-width: 1px;border-style: dashed none none;}




.user-contact a {
    background-color: #964e4e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}




.trow_sep {
    color: #FFFFFF;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 14px;
    font-weight: bold !important;
    text-shadow: 0 -1px 0 #613333;
}




.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/help10.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}




#forum_statistics {
    background-color: #F3F3F3;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}




#board-stats span {
    background-color: #E2E2E2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4A4A4A;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
}




#board-stats {
    border-left-color: #DEDEDE;
    border-left-style: solid;
    border-left-width: 0px;
    float: right;
    padding-left: 20px;
    width: 38%;
}
#board-stats dl {
    margin-top: 10px;
}
#board-stats dt, #board-stats dd {
    border-top-color: #DEDEDE;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    font-size: 0.85em;
    padding-bottom: 6px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 6px;
    width: 45%;
}
#board-stats dt {
    clear: both;
    font-weight: bold;
}




#board-stats h2 {
    clear: both;
    font-weight: bold;
}




#chatbox_header.main-head {
    background-color: #964e4e;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    color: #dedede;
    padding-bottom: 0;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0;
}




#onlinechat {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: #f4f4f4;
}




#chatbox_members {
    position: absolute;
    top: 30px;
    bottom: 30px;
    width: 180px;
    overflow: auto;
    border-right: 1px dashed #ccb7b7;
}




#chatbox_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px dashed #ccb7b7;
}




#onlinelist {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: rgb(244, 244, 244);
}




    .post:hover .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: .5;
    }
    .post .post-options:hover {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 1!important;
    }
    .post .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 0;
    }








adm {text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);font-size: 1.5em;
}
adm img {
margin-top: 6px;
display: block;
}




    .user-basic-info:last-child {
    text-align: center;
    }
    .user-id {
    text-align: center;
    }
    .user-avatar {
    text-align: center;
    }
    .pun .user-ident .username {
    color: #00569C;
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    top: 0;
    text-align: center;
    }




#main #main-content .main, .phpbb3 .forabg {
    background: url("") repeat-x scroll center top white;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 7px 7px 7px 7px;
    padding: 5px;
}




div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
  border-radius: 5px 5px 7px 7px;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}




    #pun-intro{background-color:transparent;border-bottom:0px}




body #pun-head #pun-navlinks {
    top: 0px;
    width: 1005px;
    z-index: 999 !important;
    }
.mainmenu:hover {
    opacity: 0.08;
    }
#pun-head #pun-navlinks {
    background-color: #333;
    border-color: #CCC;
    padding: .5em 1.1em .6em;
    }
#pun-navlinks {
    background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
    background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
    background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
    }
#pun-navlinks {
    border-top: 5px solid #21C8FF!important;
    height: 43px;
    overflow: visible!important;
    padding: 1px 10px!important;
    }
#pun-navlinks li:hover {
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
    }
#pun-navlinks ul[class="clearfix"] {
    border: 0!important;
    padding-top: 4px;
    width: 100%;
    }
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
    }
#pun-navlinks li a {
    color: #EDEDED;
    font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    }
#pun-navlinks li a {
    background: url() repeat-y center right;
    color: white;
    font-family: Arial,Helvetica,sans-serif!important;
    font-size: 14px!important;
    font-weight: 700;
    margin: 0!important;
    padding: 14px 7px 14px 0;
    text-decoration: none!important;
    }
#pun-navlinks li {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
    padding-top: 14px;
    position: relative;
    transition: all .2s linear;
    }
#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
    }




/* Imagem Flutante
================================================================*/
#flutuante {
display: scroll;
position: fixed;
top: 10px;
left: 5px;
}




#content #pun-legend li{display:none}




td.tcl img[alt][style] {
padding-right: 10px;
}




#pun-visit, .main-box.clearfix {
display: none;
}




/* Alerta de MP com efeito lightbox
================================================================*/
    /* Fancybox by Baivong */
    .fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
    .fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
    .fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
    .fancybox-opened{z-index:1003}
    .fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
    .fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
    .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
    .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
    .fancybox-image{max-width:100%;max-height:100%}
    #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
    .fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
    .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
    .fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
    #fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
    .fancybox-title{display:none}
    .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
    .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.Estilo cool;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
    .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
    .fancybox-title-inside-wrap{margin-top:10px}
    .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.Estilo cool;padding:10px}




.pun .main-content {
      background-color: rgb(251, 251, 251);
    border: none;
}




.pun .main table.table td.td-title {
  background-color: none;
}




.pun .frm .frm-form table {
border: none;
}




.postbody .user .user-info {
width: 400px;
display: none;
top: 20px;
position: absolute;
background: white repeat scroll 100% 100% rgba(255, 255, 255, 0.9);
padding: 5px;
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
border-right: 1px solid #dadada;
margin-left: 10px;
}








.pun .posthead {
    background: none repeat scroll 0% 0% transparent;
    border-bottom: none;
    padding: 0.5em 1.3em 0.5em 1em;
}




    form span.tgcounter {float: right;color: #000;}
    form p.tgcounter {font-size: 11px;float: left;color: #000;}
    form p.tgcounter> span {color: #000;}




.pun .post {
    border-style: dashed none none none;;
}




ul#pun-legend, ul.pun-legend {
  display: none;
}




.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:150px;height:250px}












.pun tbody.statused span.status {
  position:inherit !important;
}




.a .forumtitle {
  position:inherit !important;
}




a.forumtitle{
padding-left: 45px;
}




/*=================================================
                 Shopping Efeitos
==================================================*/
a[href="/u20"] {
background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif)
}
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/groups"] { display : none; }


Endereço do meu fórum:
http://gtaonline-brasil.forumeiros.com

Versão do fórum:
PUNBB


Última edição por JuniorSelau em 20/03/14, 11:37 am, editado 1 vez(es)
avatar

JuniorSelau
Nível 2

Masculino
Inscrito dia : 13/03/2014
Mensagens : 9
Pontos Ativos : 19

Ver perfil do usuário http://gtaonline-brasil.forumeiros.com/

Resolvido Re: Dúvida - cor barra do menu

Mensagem por Alex Habilidade em 20/03/14, 11:32 am

Olá,

Troque o CSS por este:

Código:

/*.tcr {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 10px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}*/
/*Votaçao*/
.vote {
float: right;
width: 32px;
margin-left: 32px;
}




/*CODES, QUOTES, SPOILERS
================================================================*/
dl.codebox {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 9px;
margin-right: 7px;
margin-top: 2px;
margin-bottom: 4px;
}




blockquote{
font-size: 0.9em;
font-style: italic;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 3px;
}




blockquote cite{
border-bottom: 1px solid #dbdcd4;
padding-bottom: 0px;
}




/*PASSWORD PROTECT
=================================================================*/
#pwd_good {
  background:url('http://img52.imageshack.us/img52/2378/strong.png');
  }
#pwd_middle {
  background:url('http://img262.imageshack.us/img262/9555/medium.png');
  }
#pwd_bad {
  background:url('http://img264.imageshack.us/img264/5695/weakg.png');
}




body {
    background:#E9E9E9;
    color: #5D5D5D;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: -1px;
    padding-bottom: 10px;
}




.pun {
    width: 1000px;
    background: #fff;
    border: 1px solid #878787;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    line-height: 1.6em;
    border-radius: 0 0 5px 5px;
    box-shadow:0px 0px 8px #707070;
    padding: 12px;
}




.pun a:link {
    color: #964e4e;
    text-decoration: none;
}




.pun a:visited {
    color: #964e4e;
    text-decoration: none;
}




.pun a:hover, a:active {
    color: #8a2f2f;
    text-decoration: underline;
}








.entry-content {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
}




.quick_login {
    background: #efefef;
    color: #993232;
    font-size: 11px;
    border: 1px solid #edcccc;
    padding: 4px;
}




#pun-legend {
    padding-bottom: 4px;
    padding-top: 10px;
}




#pun-title {
    display: none;
}




.pun table.table th {
    background-color: transparent;
    border-style: none;
    color: Black;
    padding: 0.5em 0px;
}




.conteneur-menu {
border: 1px solid rgb(196, 196, 196);
border-radius: 7px 7px 7px 7px;
padding: 5px;
}




.post_field {
    background:#fff none  ;
    color:#4d5153;
    border:1px solid #bcb6ad;
    padding:3px 3px 3px 10px;
    margin-top: 2px;
    text-align:left;
}




#pun-head #pun-navlinks {
background-color: #fff;
background-image: url("http://i.imgur.com/AOkgY.png");
background-repeat: repeat-x;
color: #fff;
font-size: 13px;
height: 37px;
margin-bottom: 10px;
margin-left: -12px;
width: 996px;
}




#pun-navlinks ul {
    list-style: none;
    text-align: center;
}




#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
}




#pun-navlinks li a {
    margin: 0 0.1em 0 0;
}




#pun-navlinks a, #pun-navlinks a:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
    padding-left: 10px;
    line-height: 26px;
}




#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
    text-decoration: none;
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}








    .postbody .user{
      margin-bottom:1em;
        overflow:visible;
    }
    .postbody .user .user-info span{display:table !important; float:left;}
    .postbody .user .user-info{
        width:350px;
        display:none;
            top: 20px;
            position: absolute;
            background: rgba(255, 255, 255, 0.9);
            padding: 5px;
    }




    .postbody .user:hover .user-info{
        z-index: 9;
            left: 100%;
        display:block;
    }
    .postbody .user .user-info span {
    color: #333;
    font-weight: bold;
    }




.pun .paged-head, .pun .paged-foot {
    border: 0px solid #dddddd;
    background-color: #fff;
    padding: 0.6em 1.3em 0.3em 1.3em;
}




#pun-visit, .main-box {
      border-radius: 5px 5px 7px 7px;
    background-color: black !important;
    border: 1px solid black !important;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-left: 8px;
}




.user-info span {
    color: #000000;
    font-size: 11px;
}
.pun .user .user-info {
    color: #666666;
    font-size: 11px;
    line-height: 1.5;
}




#pun-about {
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    text-align: center;
    line-height: 0%;
    padding: 0.6em 1em;
}
#pun-about ul li a {
    font-size: 10px;
    font-weight: normal;
}
#pun-about #qjump {
    display: none;
}




.postmain blockquote {
    padding: 0.5em 1em;
    background-color: #EFEFEF;
    border: 1px solid #c48181;
}




.postmain cite {
    display: block;
    margin: 0 0 1em 0;
    font-weight: bold;
    font-style: normal;
}




.codebox {
    margin: 1em;
    background-color: #F5F5F5;
    border: 1px solid #8f1010;
}




.codebox dt {
    padding: 0.25em;
    border-bottom: 1px dashed #c48181;
}




.codebox dd {
    margin: 0.5em;
    padding: 0.5em;
    background-color: #F5F5F5;
}




.main .main-head {
  border-radius: 7px 7px 7px 7px;
background-color: black !important;
border: 1px solid black !important;
      background-color: #f70505;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    border: 1px solid #ba0f0f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 15px;
    padding-left: 8px;
}




.page-title h2, .page-title span {
    font-weight: bold !important;
}




.main .main-head .page-title {
    color: #fff;
    font-size: 14px;
    font-weight: bold !important;
    font-family: tahoma,arial,verdana,sans-serif;
    text-shadow: 0 -1px 0 #613633;
}




.main .main-foot {
    padding: 0.7em 1.3em;
    font-weight: normal;
    color: #660000;
    background-color: transparent;
}




.pun .postmain {
    background-color: #fbfbfb;
    border-left: 1px solid #DADADA;
    margin-left: 17em;
}




.postfoot {
    border-top-color: #DADADA;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    clear: both;
    margin-left: 0em;
    text-align: center;
    padding: 0.5em 1em;
    border-top: none;
}








.frm-buttons {
    border-top-color: #DDDDDD;
    border-top-style: double;
    border-top-width: 0px;
    margin-bottom: 0;
    margin-top: 0.5em;
    padding-bottom: 0;
    padding-left: 17.5em;
    padding-right: 0;
    padding-top: 0.7em;
}




#tabs ul {
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    white-space: nowrap;
}




#tabs ul li {
    float: left;
    margin: 0;
    padding: 0 4px 0 0;
    padding-bottom: 3px;
}




#tabs ul li.activetab a {
    background-color: #fff;
    border: #8f1010;
    border-width: 3px;
    color: #666666;
  text-decoration:none;
}




#tabs ul li.activetab a:hover {
    background-color: #F5F5F5;
}




#tabs ul li a {
    border-radius: 5px 5px 7px 7px;
    background-color: black !important;
    border: 1px solid black !important;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-left: 8px;
    float: left;
    padding: 0 1em;
    border-width: 3px;
    font-size:1.1em;
    font-weight:normal;
    line-height: 2em;
    text-decoration:none;
}




#tabs ul li a:hover {
    background-color: #F5F5F5;
}




.pun .frm .frm-form table {
    border: 1px solid #c48181;
    padding-left: 4px;
}




.pun table.table td {
    padding: 0.6em 0 0.7em;
    line-height: 130%;
    background-color: #FFFFFF;
    border-color: #ccb7b7;
    border-width: 1px;
    border-style: dashed none none none;
}




.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #FFFFFF;
}




.pun table.table td {padding: 0.6em 0px 0.7em;border-color: transparent !important;border-width: 1px;border-style: dashed none none;}




.user-contact a {
    background-color: #964e4e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}




.trow_sep {
    color: #FFFFFF;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 14px;
    font-weight: bold !important;
    text-shadow: 0 -1px 0 #613333;
}




.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/help10.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}




#forum_statistics {
    background-color: #F3F3F3;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}




#board-stats span {
    background-color: #E2E2E2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4A4A4A;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
}




#board-stats {
    border-left-color: #DEDEDE;
    border-left-style: solid;
    border-left-width: 0px;
    float: right;
    padding-left: 20px;
    width: 38%;
}
#board-stats dl {
    margin-top: 10px;
}
#board-stats dt, #board-stats dd {
    border-top-color: #DEDEDE;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    font-size: 0.85em;
    padding-bottom: 6px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 6px;
    width: 45%;
}
#board-stats dt {
    clear: both;
    font-weight: bold;
}




#board-stats h2 {
    clear: both;
    font-weight: bold;
}




#chatbox_header.main-head {
    background-color: #964e4e;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    color: #dedede;
    padding-bottom: 0;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0;
}




#onlinechat {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: #f4f4f4;
}




#chatbox_members {
    position: absolute;
    top: 30px;
    bottom: 30px;
    width: 180px;
    overflow: auto;
    border-right: 1px dashed #ccb7b7;
}




#chatbox_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px dashed #ccb7b7;
}




#onlinelist {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: rgb(244, 244, 244);
}




    .post:hover .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: .5;
    }
    .post .post-options:hover {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 1!important;
    }
    .post .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 0;
    }








adm {text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);font-size: 1.5em;
}
adm img {
margin-top: 6px;
display: block;
}




    .user-basic-info:last-child {
    text-align: center;
    }
    .user-id {
    text-align: center;
    }
    .user-avatar {
    text-align: center;
    }
    .pun .user-ident .username {
    color: #00569C;
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    top: 0;
    text-align: center;
    }




#main #main-content .main, .phpbb3 .forabg {
    background: url("") repeat-x scroll center top white;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 7px 7px 7px 7px;
    padding: 5px;
}




div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
  border-radius: 5px 5px 7px 7px;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}




    #pun-intro{background-color:transparent;border-bottom:0px}




body #pun-head #pun-navlinks {
    top: 0px;
    width: 1005px;
    z-index: 999 !important;
    }
.mainmenu:hover {
    opacity: 0.08;
    }
#pun-head #pun-navlinks {
    background-color: #333;
    border-color: #CCC;
    padding: .5em 1.1em .6em;
    }
#pun-navlinks {
    background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
    background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
    background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
    }
#pun-navlinks {
    border-top: 5px solid #FF0000!important;
    height: 43px;
    overflow: visible!important;
    padding: 1px 10px!important;
    }
#pun-navlinks li:hover {
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
    }
#pun-navlinks ul[class="clearfix"] {
    border: 0!important;
    padding-top: 4px;
    width: 100%;
    }
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
    }
#pun-navlinks li a {
    color: #EDEDED;
    font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    }
#pun-navlinks li a {
    background: url() repeat-y center right;
    color: white;
    font-family: Arial,Helvetica,sans-serif!important;
    font-size: 14px!important;
    font-weight: 700;
    margin: 0!important;
    padding: 14px 7px 14px 0;
    text-decoration: none!important;
    }
#pun-navlinks li {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
    padding-top: 14px;
    position: relative;
    transition: all .2s linear;
    }
#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
    }




/* Imagem Flutante
================================================================*/
#flutuante {
display: scroll;
position: fixed;
top: 10px;
left: 5px;
}




#content #pun-legend li{display:none}




td.tcl img[alt][style] {
padding-right: 10px;
}




#pun-visit, .main-box.clearfix {
display: none;
}




/* Alerta de MP com efeito lightbox
================================================================*/
    /* Fancybox by Baivong */
    .fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
    .fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
    .fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
    .fancybox-opened{z-index:1003}
    .fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
    .fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
    .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
    .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
    .fancybox-image{max-width:100%;max-height:100%}
    #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
    .fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
    .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
    .fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
    #fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
    .fancybox-title{display:none}
    .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
    .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.Estilo cool;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
    .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
    .fancybox-title-inside-wrap{margin-top:10px}
    .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.Estilo cool;padding:10px}




.pun .main-content {
      background-color: rgb(251, 251, 251);
    border: none;
}




.pun .main table.table td.td-title {
  background-color: none;
}




.pun .frm .frm-form table {
border: none;
}




.postbody .user .user-info {
width: 400px;
display: none;
top: 20px;
position: absolute;
background: white repeat scroll 100% 100% rgba(255, 255, 255, 0.9);
padding: 5px;
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
border-right: 1px solid #dadada;
margin-left: 10px;
}








.pun .posthead {
    background: none repeat scroll 0% 0% transparent;
    border-bottom: none;
    padding: 0.5em 1.3em 0.5em 1em;
}




    form span.tgcounter {float: right;color: #000;}
    form p.tgcounter {font-size: 11px;float: left;color: #000;}
    form p.tgcounter> span {color: #000;}




.pun .post {
    border-style: dashed none none none;;
}




ul#pun-legend, ul.pun-legend {
  display: none;
}




.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:150px;height:250px}












.pun tbody.statused span.status {
  position:inherit !important;
}




.a .forumtitle {
  position:inherit !important;
}




a.forumtitle{
padding-left: 45px;
}




/*=================================================
                Shopping Efeitos
==================================================*/
a[href="/u20"] {
background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif)
}
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/groups"] { display : none; }

avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Dúvida - cor barra do menu

Mensagem por JuniorSelau em 20/03/14, 11:36 am

Ficou muito bom, valeu mano!
avatar

JuniorSelau
Nível 2

Masculino
Inscrito dia : 13/03/2014
Mensagens : 9
Pontos Ativos : 19

Ver perfil do usuário http://gtaonline-brasil.forumeiros.com/

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

- Tópicos similares

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