Customizing SMF > Graphics and Templates

Really wanna get this green color off my site

(1/1)

mybiafraland:
please i want  some one to tell me the lines to edit. i want to replace the green bar color with this cyan like color on the "info centre" bar thanks all.

Ricky.:
Thats concept3 theme, in your index.css , find following :

--- Code: ---div.cat_bar {
    background: -moz-linear-gradient(center top , #5C855D, #83AE84) repeat scroll 0 0 transparent;
    border-radius: 5em 1em 5em 1em;
    box-shadow: 0 0 5px #333333 inset;
    height: 31px;
    margin-bottom: 1px;
    overflow: hidden;
    padding-left: 15px;
}
--- End code ---


--- Code: (replace) ---div.cat_bar {
    background: -moz-linear-gradient(center top , #ccc, #ddd) repeat scroll 0 0 transparent;
    border-radius: 5em 1em 5em 1em;
    box-shadow: 0 0 5px #333333 inset;
    height: 31px;
    margin-bottom: 1px;
    overflow: hidden;
    padding-left: 15px;
}
--- End code ---

It will give you shades of gray instead of green.

mybiafraland:
couldn't find the line
--- Code: ---div.cat_bar {
    background: -moz-linear-gradient(center top , #5C855D, #83AE84) repeat scroll 0 0 transparent;
    border-radius: 5em 1em 5em 1em;
    box-shadow: 0 0 5px #333333 inset;
    height: 31px;
    margin-bottom: 1px;
    overflow: hidden;
    padding-left: 15px;
}
--- End code ---

in the css please am I missing any thing?

Ricky.:
I forgot, actually I had later tried to make it compatible with almost all browsers, those lines actually looks like this :

--- Code: ---div.cat_bar
{
padding-left: 15px;
height: 31px;
-moz-box-shadow: 0 0 5px #333333 inset;
-webkit-box-shadow: 10 0 5px #333333 inset;
box-shadow: 0 0 5px #333333 inset;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5C855D', endColorstr='#83AE84',GradientType=0 );
background-image: -o-linear-gradient(#5C855D, #83AE84);
background: -moz-linear-gradient( top, #5c855d, #83AE84);
background: -webkit-linear-gradient(top, #5c855d, #83AE84);
-moz-border-radius: 5em 1em 5em 1em;
-webkit-border-radius: 5em 1em 5em 1em;
border-radius: 5em 1em 5em 1em;
overflow: hidden;
margin-bottom: 1px;
}
--- End code ---

Now you have to change all colors combination from these to #5C855D, #83AE84 to shades of gray .. may be : #ccc, #ddd

Navigation

[0] Message Index