Mudar cor de fundo Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Mudar cor de fundo

2 participantes

Ir para baixo

Tópico resolvido Mudar cor de fundo

Mensagem por HelixMendix 24.03.13 15:31

Qual é minha questão:
Olá!

Eu queria mudar a cor do que está a branco na imagem a baixo, esse fundo branco vai até ao final do fórum e eu não econtro onde mudar isso, eu acho que está no CSS, que tambem deixo mais a baixo.

Mudar cor de fundo P5HfGxQ


Código:
#pun-navlinks {display: none;}


#alertMp{
padding:18px;
border:1px solid #adadad;
background:white;
 background-image: url(IMAGEM DE FUNDO);
box-shadow:0px 0px 19px grey;
position:fixed;
z-index: 999;
white-space: nowrap;
}


margin-left: 10px;

/*tópico e post*/




.pun .post .user {
margin-left: -16em;
margin-top: 0em;
position: relative;
text-align: center;
}

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

.post_field {
background: white none;
color: #414141;
border: 1px solid #B9C4CD;
padding: 2px;
padding-left: 5px;
margin-right: 11px;
margin-top: 1px;
margin-bottom: 3px;
font-size: 11px;
text-align: left;
}

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

.pun .post {
  background: #EDF0F4;
  border: 1px solid #D0D5D9;
}

.postfoot {
background: #EDF0F2;
border-top: 1px solid #D0D5D9;
margin-top: 10px;
}

.main .main-foot {
  color: #333;
  background: transparent;
  border-top: 2px solid #00A5B6;
}

#smiley-box iframe{height: 150px;}
#textarea_content dt {display:none}
#textarea_content dd {margin-left: 0!important}
input[type="submit"],input[type="reset"]{float: none !important}
#smilies_categ{padding: 0px 0}
#smiley-box{border:1px solid #DDD;width:99%;margin:10px 0!important;padding:5px}
div.posting-block{border:1px solid #DDD;float:left;width:100%;margin:0;padding:0}
div.posting-block #text_editor_iframe,div.posting-block #text_editor_textarea{height:255px;width:100%;!important}
#text_editor_controls {margin:0 !important;width: 100% !important}
#quick_reply .frm-buttons {text-align: center;}
#quick_reply #text_editor_controls {
border-radius: 5px 5px 0 0;
width: 100%;
border: 1px solid solid 1px #CCC;
}
#pun-qpost .dd-textarea {
margin: 0px!important;
}
.pun .frm .frm-buttons input {
background-image: url(http://i.imgur.com/Qt4G6.png);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
border-image: initial;
border-radius: 4px;
box-shadow: 0 1px 2px #ccc;
color: #333;
cursor: pointer;
margin: 0 2px 16px;
padding: 7px 22px;
}

#quick_reply fieldset.frm-set dl dd {
background: white;
border: solid 1px #CCC;
margin: 0 auto;
}
#quick_reply .frm-buttons {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background-color: #EEE;
border: solid 1px #CCC;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 0;
margin: 0 auto;
padding: 5px;
text-align: center;
}

textarea:focus {
  outline: none;
}
button.button2:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #0D67AB;
color: #0D67AB;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 0 1px #fff;
-moz-transition: all .218s;
-ms-box-shadow: inset 0 0 1px #fff;
-ms-transition: all .218s;
-o-box-shadow: inset 0 0 1px #fff;
-o-transtion: all .218s;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px white;
-webkit-transition: all .218s;
background-image: linear-gradient(top,white0%,#E0E0E0100%);
border: 1px solid #CCC;
border-bottom-color: #AAA;
border-radius: 3px;
box-shadow: inset 0 0 1px white;
color: #555;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#e0e0e0);
font-size: 11px;
font-weight: 700;
height: 2.35em;
padding: 0 .91em;
text-shadow: 0 1px 0 white;
transition: all .218s;
}
button.button2, input.button2 {
background-color: #FAFAFA;
background-image: url(http://2img.net/i/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
margin-top: 5px;
}
.main .main-content.frm {
background-color: lightGrey;
}
blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:15px;-moz-box-shadow:0 0 20px #CDE9ED;-webkit-border-radius:15px;-webkit-box-shadow:0 0 20px #CDE9ED;background-color:#FFF;border:1px solid #D0ECF0}


blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}


/*Botão Ultimos assuntos*/

    #atlua:hover{
        background: #7FBDF0
        }
        #atlua{
        z-index:999;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        position:relative;
        cursor:pointer;
        font-weight:bold;
        border: 1px solid darkblue;
        border-radius:6px;
        background:#BAD9F2;
        padding: 5px 10px;
        }

    /*Fim botão Ultimos assuntos*/




#rsrbspo:hover {background-color: rgba(0, 0, 0, 0.2);position: relative;top: 1px;padding: 12px 5px;color: #fff;text-shadow: 0px 0px 1px #00BFFF;}#rsrbspo {position: relative;top: 1px;padding: 12px 5px;color: #00BFFF;}#linkshow {border-left: 1px solid rgba(255, 255, 255, 0.1);padding: 0px 5px;height: 15px !important;}#logcrear {text-align: right;margin-top: -18px;}#navbarflout {position: absolute;top: 200px;left: 100px;right: 400px;background-color: rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 16px rgb(0, 0, 0) inset;padding: 14px 20px;font-size: 11px;border-radius: 4px;}

.messagead {
background: #FFF1C9;
border: 1px solid #E4C567;
color: #CD8A2A;
line-height: 160%;
margin-bottom: 5px;
padding: 10px;
text-shadow: #fff 0 1px 0;
}





body {
background: #DFE5E9 url(http://i15.servimg.com/u/f15/18/08/53/97/pagebg10.gif) repeat-x left top;
width: auto;
min-width: 990px;
max-width: auto;
margin: 0;
text-align: left;
}

#pun-intro, #pun-visit, #pun-about form {display:none}

#pun-about {
  background: transparent;
  border: 0px;
  font-size: 0.8em;
}

a:link {text-decoration:none}
li {list-style-type:none}

.skinWrap, .footerWrap {
margin: 0px 50px 0px 50px;
width: auto;
padding: 0;
}

.above_body {
background: none;
}
.above_body {
padding: 0;
margin: 0;
}
.above_body {
background: #555 url(http://i15.servimg.com/u/f15/18/08/53/97/hd10.png) repeat-x;
margin: 0px 0px 10px 0px;
padding: 0 0 0 0;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.pun {
  width: 91%;
  border-radius: 18px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
  -moz-box-shadow: rgba(0,0,0,0.12) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
  background: white url() repeat-x top left;
  margin-bottom: 30px;
}
/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.above_body {
   background:none;

}
.doc_header {
   background:url(http://i15.servimg.com/u/f15/18/08/53/97/header10.png) no-repeat top left;
   height:222px;
   position:relative;
}
#headerMain {
   height:222px;
}
#logo {
   position:absolute;
   top:0;
   left:0;
}
#loginBox {
   position:absolute;
   top:130px;
   left:15px;
}
.topWelcome {

   padding:0 0 13px 15px;

   color:#8a93a2;
   font-size:15px;
   font-weight:400;
}
.topWelcome strong {
   color:#fff;
}
.topWelcome a:link, .topWelcome a:visited {
   color:#ffe88b;
}
.topWelcome a:hover {
   color:#838B8B;
}
.memberBox {
   background:url(http://i15.servimg.com/u/f15/18/08/53/97/member10.gif) repeat-x top left;
   height:44px;
   line-height:44px;
}
.memberBoxLeft {
   background:url(http://i15.servimg.com/u/f15/18/08/53/97/member11.gif) no-repeat top left;
   height:44px;
}
.memberBoxRight {
   background:url(http://i15.servimg.com/u/f15/18/08/53/97/member12.gif) no-repeat top right;
   height:44px;
   padding:0 10px;
}
.memberBox .toplinks ul.isuser .popupbody li {
   color:#3a3a3a;
}
.memberBox ul {
   list-style:none;
   padding:0;
   margin:0;
}
.memberBox li {
   float:left;
   margin:0;   
   padding:0 3px;   
}

.cb_cookieuser_navbar{
   position: relative;
   top: 2px;
}
.inputPad .loginBoxInput {
   margin-top:8px;
}
.inputPad {
   padding:0 4px;   
}
.submitPad input {
   margin:8px 0 0 0;
   padding:0;
}
.loginTxt {
   padding-left:5px;
   color:#fff;
   font-weight:700;
}
.loginLeft {
float:left;
}
.searchBox {
   background:url(http://i15.servimg.com/u/f15/18/08/53/97/search11.gif) no-repeat top left;
   width:250px;
   height:109px;
   position:absolute;
   top:116px;
   right:21px;
   padding:0 15px;
}
.searchBox h3 {
   background:url(http://i15.servimg.com/u/f15/18/08/53/97/iconse10.gif) no-repeat left;
   padding-left:28px;
   margin:0;
   font-size:15px;
   font-weight:400;
   color:#f7f7f7;
   height:44px;
   line-height:44px;
   text-align:left
}
.searchBoxInput {
   background: url(http://i15.servimg.com/u/f15/18/08/53/97/search12.gif) no-repeat top left;
   width:197px;
   height:30px;
   float:left;
}
.searchinput {
   border:0;
   background:transparent;
   color: #959595;
   width:187px;
   height:30px;
   line-height:30px;
   font-size:12px;
   margin:0;
   padding:0 5px;
}
.searchButton {
   float:right;
}
.searchBox .searchBox_advanced_search {
   position:absolute;
   top:83px;
   right:15px;
}
.searchBox .searchBox_advanced_search a:link, .searchBox .searchBox_advanced_search a:visited {
   color:#e1d59c;
   color:#e1d59c;
   font-weight:700;
   font-size:12px;
}
.searchBox .searchBox_advanced_search a:hover {
   color:#fff;
}

/*navigation*/
.cvb_facebook {
   position:absolute;
   top:17px;
   right:20px;
   z-index: 999;
}

#navigation {
   height:72px;

   padding:0 4px 0 299px

}
.navbar {
   background: url(http://i15.servimg.com/u/f15/18/08/53/97/navbg10.gif) repeat-x left top;
   position:relative;
   height:72px;
   font:  12px arial, helvetica, sans-serif;
   color:#fff;
   width:100%;
   padding:0;
   margin:0;
}
.navLeft {
   background:url(http://i15.servimg.com/u/f15/18/08/53/97/navlef10.gif) no-repeat top left;
   height:72px;
}
.navRight {
   background:url(http://i15.servimg.com/u/f15/18/08/53/97/navrig10.gif) no-repeat top right;
   height:72px;
   padding:0 12px;
}
#navtabs li.selected ul.floatcontainer {
   margin-top:3px;
}
#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
   line-height:27px;
   height:27px;
}
.navbar a { color:#fff; }
.navbar a:hover { color:#ffdb43; }

.navtabs ul li:first-child {

}
.navtabs {
   padding-left:0;
}
.navtabs ul {
   position:absolute;
   top:58px;
   left:0px;
   width:100%;
/* This is to fix RTL menu issue under Opera */
        direction:ltr;
}
.navtabs li {
   float:left;
   padding-right:2px;
   background:url(http://i15.servimg.com/u/f15/18/08/53/97/navspl10.gif) no-repeat top right;
}
.navtabs li li {
   background:none;
}

.navtabs ul li {
   border-right: 0;
   position: relative;
}
.navtabs li a {
   height:58px;
   line-height:58px;
}
.navtabs li a.navtab {
   display:block;
   min-width:60px;
   width:auto !important;
   width:60px;
   _min-width:75px;
   _width:auto !important;
   _width:75px;
   text-align:center;
   color:#fff;
   font:  bold 14px arial, helvetica, sans-serif;
   text-decoration:none;
   line-height:58px;
   height:58px;
   padding:0 10px;
}
.navtabs li a.navtab:hover {
   background:#191d22 url(http://i15.servimg.com/u/f15/18/08/53/97/navbg11.gif) repeat center top;
   color:#ffdb43;
}
.navtabs li.selected {
   color:#ffdb43;
   height:58px;
}
.navtabs li.selected a.navtab {
   color:#ffdb43;
   position:relative;
   top:-px;
   padding-top:px;
   z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
   text-decoration:none;
   font:  12px arial, helvetica, sans-serif;
   line-height:27px;
}
.navtabs li.selected li {
   padding:0 5px;
}
.navtabs li.selected li li {
   padding:0 2px;
}
.navtabs li.selected li a {
   color:#fff;
   font-weight:400;
   padding:2px 5px;
}

.navbar_advanced_search li {
   height:27px;
   display:block;
   clear:both;
}

.navbar_advanced_search li a {
   color:#fff;
}

.navbar_advanced_search li a:hover {
   color:#ffdb43;
   text-decoration:none;
}

.navtabs li.selected li a:hover {
   color:#ffde00;
   text-decoration:none;
}

.navtabs li.selected .popupbody li > a {
   padding:0pxpx 10px;
   text-indent: 0;
   color: ;
}

.navtabs li.selected li a.popupctrl {
   -moz-border-radius:3px;
   -webkit-border-radius:3px;   
   border:solid px transparent;
   _border: none;
   background:transparent url(http://i15.servimg.com/u/f15/18/08/53/97/arrow10.png) no-repeat right center;
   padding-right:15px;
        _background-image:url('http://i15.servimg.com/u/f15/18/08/53/97/arrow10.gif');
   color:#fff;
}

.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active,
.navtabs li.selected li a:hover.popupctrl {
   color:#fff;
}
/*pun-navlinks*/
#pun-head #pun-navlinks {
margin: -10px;
margin-left: 10px;
background-color: transparent;
border: 0px;
padding: .5em 1.1em .6em;
}
#pun-navlinks a {
  color: #fff;
  font: arial;
  font-size: 12px;
  padding: 3px;
}
#pun-navlinks a:hover {
  color: #FFDE00;
  border-color: #393F4B;
  background-color: #191D22;
  padding: 3px;
  text-decoration: none;
  border-radius: 5px;
}

/*table*/
.main .main-head {
  background: #333 url(http://2img.net/i/fa/subsilver/back_title.gif) repeat-x left top;
  border: 1px solid #dce7e8;
  border-bottom: 0px;
  color: #22272E;
  height: 27px;
  border-radius: 18px 18px 0 0;
  margin-top: 8px;
}



.pun table.table td {
color: #4E4E4E;
background: url(http://i15.servimg.com/u/f15/18/08/53/97/grey-u10.png) repeat-x left bottom;
background-color: white;
min-height: 52px;
border-bottom: 1px solid #D0D5D9;
border-left: 0px;
border-right: 0px;
}



.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table th.tcl {
padding-left: 55px;
}
.hierarchy, .desc {
  margin-left: 21px;
}
/*footer*/
.footer_select {
float: left;
text-align: left;
margin-left: 10px;
margin-top: 0;
}
.textbox, select {
font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
color: black;
background: white none;
border: 1px solid #ABB7C0;
padding: 4px;
outline: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#footerMain {
background: #181C20 url(http://i15.servimg.com/u/f15/18/08/53/97/footer10.gif) repeat-x top left;
padding-top: 32px;
clear: both;
}
.footerWrap {
background: url(http://i15.servimg.com/u/f15/18/08/53/97/footer11.gif) no-repeat top right;
position: relative;
}
#footerNav {
   font-size:14px;
   line-height:54px;
   font-weight:700;
   padding:0;
   float:left;
}
.footerNavBox {
   background:url(http://i15.servimg.com/u/f15/18/08/53/97/footer12.gif) repeat-x top left;
   height:54px;
}
.footerNavLeft {
   background:url(http://i15.servimg.com/u/f15/18/08/53/97/footer13.gif) no-repeat top left;
   height:54px;
}
.footerNavRight {
   background:url(http://i15.servimg.com/u/f15/18/08/53/97/footer14.gif) no-repeat top right;
   height:54px;
}
#footerNav ul {
   list-style:none;
   padding:0;
   margin:0;
}
#footerNav li {
   background:url(http://i15.servimg.com/u/f15/18/08/53/97/footer15.gif) no-repeat top right;
   float:left;
   padding:0 20px;   
}
#footerNav .nobg {
   background:none;
}
#footerNav a:link, #footerNav a:visited {
   color:#fdfeff;
}
#footerNav a:hover {
   color:#ffdb43;
}
#footerLogo {
   position:absolute;
   top:0;
   right:23px;
}
.copyright {
   line-height:18px;
   font-weight:400;
   color:#d1d7db;
        padding:17px 0 17px 15px;
        text-align:left;
}
.copyright a:link, .copyright a:visited {
   color:#ffdb43;
   font-weight:700;

}
.copyright a:hover {
   color:rgb(255, 255, 255);
}





 /*Perfis em Toolpit*/


    .perfilInfo {
        background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
        float: left;
        height: 14em;
        left: -38em;
        padding: 16px 0px 38px 5px;
        top: 13px;
        width: 510px;
        z-index: 999;
        }
        .linkPrf {
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        background: #F6F6F6;
        border: 1px solid #DBDBDB;
        border-radius: 0 0 4px 4px;
        bottom: -14px;
        border-top:none;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
        color: #616161;
        float: left;
        height: 14px;
        left: 13.8em;
        margin: 2px;
        padding: 5px;
        text-align: center;
        text-decoration: none!important;
        transition: all .2s ease-in-out;
        width: 8em;
        }
        .linkPrf:hover{color: #4C4C4C;
        border-color: #9A9A9A;}
        .linkPrf:hover a{color: #4C4C4C;}
        .linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
        .setPerfil {
        background: rgba(0, 0, 0, 0.3);
        display: block;
        height: 100%;
        padding: 5px;
        padding-bottom: 10px;
        border-radius: 3px;
        }
        .setPerfil > span {
        background: #f9f9f9;
        border-radius: 3px;
        display: block;
        height: 100%;
        padding: 3px;
        border: 1px solid #999;
        }
        .setPerfil .PerfilInfoImg {
        width: 94px;
        height: 160px;
        float: left;
        display: table;
        background: #E1E1E1;
        padding: 3px;
        box-shadow: 1px 1px 0 #CCC;
        }
        .setPerfil p div{
        display: inline;
        }
        .setPerfil h2 {
        float: left;
        font: bold 19px "Trebuchet MS";
        display: block;
        background: #E1E1E1;
        width: 382px;
        padding: 5px;
        text-shadow: 1px 1px 0 white;
        border-radius: 0 10px 0px 0;
        box-shadow: 1px 1px 0 #CCC;
        margin-bottom:10px;
        }
        .setPerfil p {
        margin: 2px 5px;
        float: right;
        display: block;
        background: #F1F1F1;
        width: 350px;
        text-align: left;
        padding: 5px;
        box-shadow: 1px 1px 0 #CCC;
        font-weight: normal;
        border-left: 3px solid #333;
        border-top: 1px solid #333;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        }
        .setPerfil p:hover {
        box-shadow: 1px 1px 0 #9A9A9A;
        }

      /*Fim Perfis em Toolpit*/





    /*QUEM ESTÁ ONLINE? -PERSONALIZAÇÃO*/

            .letras{
              border-bottom:2px solid white;
              color:#8C8C8C;
              text-shadow:1px 0px 1px #CFCFCF;
              background: none repeat scroll 0 0 #FCFCFC;
              position:relative;
              bottom:-1px;
              border:2px solid #787878;
              border-radius: 5px 5px 0px 0px;
              padding:5px;
              padding-bottom:0px!Important;
            }
          #onlinelist2, #onlinelist3{
          min-height:100px!Important;
        }
            #stats2{
              margin-bottom:10px!Important;
                    border: 1px solid #D9D9D9;
                border-radius: 3px 3px 3px 3px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
         
              max-width:100%;
              width:auto;
              border:2px solid #787878;box-shadow:2px 1px 3px grey;border-radius:5px;padding:2px;margin-bottom:5px;
            }
              #onlinelist2{
              margin-bottom:10px!Important;
                    border: 1px solid #D9D9D9;
                border-radius: 3px 3px 3px 3px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
              min-height:80px;
              margin-left:-2px;
              height:auto;
                width:97.6%/*350px*/!Important;
              border:2px solid #787878;box-shadow:2px 1px 3px grey;border-radius:5px;padding:2px;margin-bottom:5px;
            }
              #onlinelist3{ margin-bottom:10px!Important;
                    border: 1px solid #D9D9D9;
                border-radius: 3px 3px 3px 3px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
            min-height:80px;
              margin-right:-2px;
              height:autopx;
              margin-left:3px;
                  width:97.6%/*350px*/!Important;
                border:2px solid #787878;box-shadow:2px 1px 3px grey;border-radius:5px;padding:2px;margin-bottom:5px;
            }
          #onlinelist4{
                      border: 1px solid #D9D9D9;
                border-radius: 3px 3px 3px 3px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
              max-width:100%;
              width:98.9%;
              max-height:50%;
              border:2px solid #787878;box-shadow:2px 1px 3px grey;border-radius:5px;padding:2px;margin-bottom:5px;
            }
          #stats2, #onlinelist2, #onlinelist3, #onlinelist4, .letras{
          height:auto;
          background: #F7F7F7 url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif);
            background-repeat: repeat-x repeat-y;
        }
            .fundo{
              margin-bottom:5px;
              background: none repeat scroll 0 0 #F3F3F3;
                border: 1px solid #D9D9D9;
                border-radius: 3px 3px 3px 3px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
                margin-top: 10px;
              padding:10px;
            }
            .fundo2{
              margin-top:5px;
              background: none repeat scroll 0 0 #F3F3F3;
                border: 1px solid #D9D9D9;
                border-radius: 3px 3px 3px 3px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
                margin-top: 10px;
              padding:10px;
            }/*www.rmbr.forumeiros.com*/


    /*Atalhos personalizados*/

        .pun-crumbs {
        -moz-border-radius: 3px;
        -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
        -webkit-border-radius: 3px;
        -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
        background:#696969;
        border: 1px solid #00BFFF;
        border-radius: 3px;
        box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
        margin-top: 10px;
        }
        p.crumbs {
        color: #F3F3F3;
        }
        .pun-crumbs p {
        color: #666;
        font-size: 1.11em;
        line-height: 1.5;
        margin: 0;
        }
        p.crumbs a {
        background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
        color: #00BFFF!important;
        font-size: 10px;
        line-height: 30px;
        padding: 11px 17px 11px 4px;
        }

    /* Fim de atalhos personalizados*/



    /*numeros do post*/
        p.pag,.paging{border-radius:3px;color: white;margin: 4px 0 9px 0;}
        #blog_comments .paging,#blog_comments p.pag{color:#F1F1F1;}
        td p.pag a,.paging a, td p.pag b, .paging b, .paged-foot .paging a, .paged-foot .paging b, .paged-foot .paging a:hover{border-radius:3px;
        padding: 6px 9px 6px 9px !important;margin-right: 3px !important;font-size: 12px !important;}
        td p.pag a,.paging a, .paged-foot .paging a{
          border-radius:3px;
        color: #666666 !important;
        border: solid 1px #B3B3B3 !important;
        background-color: #DEDEDE;
        background:-moz-linear-gradient(#F2F2F2,#BABABA);
        background-image: -webkit-linear-gradient(#F2F2F2,#BABABA);
        text-shadow: 0px 1px #EBEBEB !important;
        box-shadow: 0px 1px #D4D4D4 !important;-moz-box-shadow: 0px 1px #D4D4D4 !important;-webkit-box-shadow: 0px 1px #D4D4D4 !important;}
        td p.pag b, .paging b, td p.pag a:hover, .paging a:hover{
          border-radius:3px;
          border: solid 1px #878787 !important;
        color: #EBEBEB !important;
        background-color: #58E862;
        background:-moz-linear-gradient(#BABABA,#DBDBDB);
        background-image: -webkit-linear-gradient(#BABABA,#DBDBDB);
        text-shadow: 0px 1px #666666 !important;
        box-shadow: 0px 1px #D4D4D4 !important;-moz-box-shadow: 0px 1px #D4D4D4 !important;-webkit-box-shadow: 0px 1px #D4D4D4 !important;}
        p.pag img,.paging img,.paged-foot .paging img{postion:relative;top:-3px;margin-top:-5px!Important;vertical-align: center !important;}
        /*--/acessem: www.rmbr.forumeiros.com /--*/


    .mini_ava img { width: 59px; height: 65px; border:2px solid gray; } .mini_ava { float: left; }

 


    /*---Efeito para Spoiler---*/

.codebox {
background-color: rgb(228, 234, 242);
border: solid rgb(131, 148, 178);
border-image: initial;
margin: 1em;
}
.codebox dd {
background-color: rgb(255, 255, 255);
color: rgb(67, 92, 122);
margin: 1px;
padding: 4px;
}
.codebox dt {
border-bottom: 1px solid rgb(131, 148, 178);
color: rgb(131, 148, 178);
font-weight: 700;
padding: 0.25em;
}


   

    /*---Fim Efeito para Spoiler---*/



  /*---Efeito para CODE---*/


    .codebox {
        background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #D7F8AC;
        border: 2px solid#35A002;
        padding: 0px;
        border-radius: 0px 50px 0px 50px;
        }
        .codebox:hover {
            background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #AAF886;
            box-shadow: 0px 0px 10px green;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        -webkit-transition: all .1s linear;
        }
        .codebox dd {
        border: 2px dotted #229605;
        border-radius: 20px;
        margin: 1.5em;
        padding: 0.5em;
        background-color: rgba(228, 255, 228, 0.83);
        margin-left: 45px;
        }
        .codebox dt {
        border: none;
        font-weight: bold;
        color: green;
        font-family: Arial;
        font-size: 13px;
        padding-left: 11px;
        padding-top: 7px;
        }
        .codebox dt:before {
        content: "Estás a ver um código";
        }

      /*--- FIM Efeito para CODE---*/

  /*---Personalização chatbox---*/

   

                   

                    #chatbox_members{
                    background-color:#FFF;
                    }


                    #chatbox .user {
                      font-weight: bold;
                      }


                    #chatbox_header{
                    background-image: url(http://i38.servimg.com/u/f38/15/88/74/11/untitl10.gif);
                    color:#1E90FF
                    }


                    #chatbox_footer{
                    background-color:#e7e0fc;
                    }




                    #chatbox {
                    background-color:#FFFFFF;
                    }



                    .chatbox_row_1{
                    background-color:#FAF0E6;
                    }


                    #chatbox {
                    background-image: url();
                    background-repeat: no-repeat;
                    background-position: bottom right;
                    }

        /*---Fim da personalização chatbox---*/
 





  /* Aviso nas caixas de resposta rápida -------------------------------------------------------------*/


    .aviso_normas {
    background: none repeat scroll 0 0 #F0E8E0;
    border: 1px solid #C00000;
    font-family: Tahoma,Arial;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 3px;
    text-align: center;
    }

      /* Fim aviso nas caixas de resposta rápida -------------------------------------------------------------*/


      /* Efeito lightbox em imagens -------------------------------------------------------------*/

        a.fa_fancybox img{
          cursor: pointer;
          cursor: -webkit-zoom-in;
          cursor: -moz-zoom-in;
        }
        /* general */
        .fancybox-tmp iframe, .fancybox-tmp object {
          vertical-align: top;
          padding: 0;
          margin: 0;
        }

        .fancybox-wrap {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 920;
        }

        .fancybox-skin {
          position: relative;
          padding: 0;
          margin: 0;
          background: #f9f9f9;
          color: #444;
          text-shadow: none;
          -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
                  border-radius: 4px;
        }

        .fancybox-opened {
          z-index: 930;
        }

        .fancybox-opened .fancybox-skin {
          -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-outer, .fancybox-inner {
          padding: 0;
          margin: 0;
          position: relative;
          outline: none;
        }

        .fancybox-inner {
          overflow: hidden;
        }

        .fancybox-type-iframe .fancybox-inner {
          -webkit-overflow-scrolling: touch;
        }

        .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;
          padding: 0;
          margin: 0;
          vertical-align: top;
        }

        .fancybox-image {
          max-width: 100%;
          max-height: 100%;
        }

        #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
          background-image: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png');
        }

        #fancybox-loading {
          position: fixed;
          top: 50%;
          left: 50%;
          margin-top: -22px;
          margin-left: -22px;
          background-position: 0 -108px;
          opacity: 0.8;
          cursor: pointer;
          z-index: 920;
        }

        #fancybox-loading div {
          width: 44px;
          height: 44px;
          background: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
        }

        .fancybox-close {
          position: absolute;
          top: -18px;
          right: -18px;
          width: 36px;
          height: 36px;
          cursor: pointer;
          z-index: 940;
        }

        .fancybox-nav {
          position: absolute;
          top: 0;
          width: 40%;
          height: 100%;
          cursor: pointer;
          background: transparent url('http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
          -webkit-tap-highlight-color: rgba(0,0,0,0);
          z-index: 940;
        }

        .fancybox-prev {
          left: 0;
        }

        .fancybox-next {
          right: 0;
        }

        .fancybox-nav span {
          position: absolute;
          top: 50%;
          width: 36px;
          height: 34px;
          margin-top: -18px;
          cursor: pointer;
          z-index: 940;
          visibility: hidden;
        }

        .fancybox-prev span {
          left: 20px;
          background-position: 0 -36px;
        }

        .fancybox-next span {
          right: 20px;
          background-position: 0 -72px;
        }

        .fancybox-nav:hover span {
          visibility: visible;
        }

        .fancybox-tmp {
          position: absolute;
          top: -9999px;
          left: -9999px;
          padding: 0;
          overflow: visible;
          visibility: hidden;
        }

        /* Overlay helper */

        #fancybox-overlay {
          position: absolute;
          top: 0;
          left: 0;
          overflow: hidden;
          display: none;
          z-index: 910;
          background: #000;
        }

        #fancybox-overlay.overlay-fixed {
          position: fixed;
          bottom: 0;
          right: 0;
        }

        /* Title helper */

        .fancybox-title {
          visibility: hidden;
          font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
          position: relative;
          text-shadow: none;
          z-index: 950;
        }

        .fancybox-opened .fancybox-title {
          visibility: visible;
        }

        .fancybox-title-float-wrap {
          position: absolute;
          bottom: 0;
          right: 50%;
          margin-bottom: -35px;
          z-index: 930;
          text-align: center;
        }

        .fancybox-title-float-wrap .child {
          display: inline-block;
          margin-right: -100%;
          padding: 2px 20px;
          background: transparent; /* Fallback for web browsers that doesn't support RGBa */
          background: rgba(0, 0, 0, 0.8);
          -webkit-border-radius: 15px;
              -moz-border-radius: 15px;
                  border-radius: 15px;
          text-shadow: 0 1px 2px #222;
          color: #FFF;
          font-weight: bold;
          line-height: 24px;
          white-space: nowrap;
        }

        .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;
          padding: 10px;
          background: #000;
          background: rgba(0, 0, 0, .8);
        }

      /* Fim Efeito lightbox em imagens -------------------------------------------------------------*/



  /* Efeito toolpit (balão preto) -------------------------------------------------------------*/

    .tipsy {
    padding: 5px;
    font-size: 11px;
    position: absolute;
    text-shadow: none;
    z-index: 999;
    }

    .tipsy-inner {
    padding: 8px 8px 8px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
    }

    .tipsy-inner {
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    }

    .tipsy-arrow {
    position: absolute;
    background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
    width: 9px;
    height: 5px;
    }

    .tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px;
    }

    .tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    }

    .tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    }

    .tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left;
    }

    .tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left;
    }

    .tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left;
    }

    .tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right;
    }

    .tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px;
    }

    /* Fim Efeito toolpit (balão preto) -------------------------------------------------------------*/





   

    /*Perfis em caixa*/
    .pun .user-ident .username {
                background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
                border: 1px solid #0000FF;
                border-radius: 4px;
                display: block;
                font-family: Arvo;
                font-size: 1.5em;
                font-weight: 400!important;
                margin-bottom: 5px;
                margin-top: 10px;
                padding: 8px!important;
                position: relative;
                text-align: center;
                text-decoration: none;
                }

    /*Fim Perfis em caixa*/







.main-head h3 {font-size:17px !important; font-weight:bold !important;}



                    .pun .post {
                    background-attachment: scroll;
                    background-clip: border-box;
                    background-origin: padding-box;
                    background-position: 0% 0%;
                    background-repeat: repeat;
                    background-size: auto;
                    border-bottom: 4px solid black important;
                    border-top: 8px solid black !important;
                    }




                    div.main div#pun-announcement{display:none}


Endereço do meu fórum:
http://www.rewtec.com

Versão do fórum:
PHPBB3
HelixMendix
HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor de fundo

Mensagem por Konai 24.03.13 15:36

Olá querido,

Aceda à sua "Folha de estilo CSS": Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Aba 'Folha de estilo CSS'

Lá, faça uma busca por ".pun {" sem as aspas. Feito isto, achará este código:
.pun {
width: 91%;
border-radius: 18px;
-webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
-moz-box-shadow: rgba(0,0,0,0.12) 0px 0px 10px;
box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
background: white url() repeat-x top left;
margin-bottom: 30px;
}
Personalize o "white" para a cor desejada em hexadecimal ou escrita, lembrando que as cores escritas existem poucas, por este motivo lhe aconselho usar em hexadecimal, como por exemplo "#FFFFFF".

Cordialmente,
Dr.House
Muito feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor de fundo

Mensagem por HelixMendix 24.03.13 15:51

Muito obrigado!
E se eu optar por colocar uma imagem de fundo como faço?
HelixMendix
HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor de fundo

Mensagem por Konai 24.03.13 15:53

Olá novamente,

No caso de optar por uma imagem, o código anterior será substituído por este:
.pun {
width: 91%;
border-radius: 18px;
-webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
-moz-box-shadow: rgba(0,0,0,0.12) 0px 0px 10px;
box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
background-image: url(SUA_IMAGEM) repeat-x top left;
margin-bottom: 30px;
}
Onde está "SUA_IMAGEM" deverá ser editado para a url da imagem desejada.

Cordialmente,
Dr.House
Muito feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor de fundo

Mensagem por HelixMendix 24.03.13 16:05

Resolvido. Já dei um obrigado para voce.
HelixMendix
HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos