The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Header background color help.

View previous topic View next topic Go down

Solved Header background color help.

Post by DK on October 20th 2012, 1:02 am

I keep changing the color to " #000000 "
But it won't change, it just remains the same.
Here's my css :
Code:
body {
        background-color: #164269;
        color: #5A5A5A;
        font-family: tahoma,helvetica,arial,sans-serif;
        font-size: 13px;
        padding-bottom: 15px;
        margin-top: 15px;
    }

    .pun {
        background-color: #fff;
        width: 1090px;
    }

    #pun_out {
        background:url("http://i43.servimg.com/u/f43/14/53/79/27/matti10.png") repeat;background:rgba(0,0,0,0.18);
        border:1px solid #0B2438;
        border:1px solid rgba(0,0,0,0.35);
        -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
        -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
        box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
        padding:8px;
        position:relative;
        width: 1100px;
        margin-left: auto;
        margin-right: auto;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    #pun-intro {
        background-color: #FFFFFF;
        background-repeat: no-repeat;
        padding: 1.5em 1em 1em 1em;
        text-align: left;
        margin-bottom: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        height: 120px;
        border-bottom: 1px solid #FFFFFF;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #FFFFFF;
    }

    .main .main-head {
        background-color: ##FC900D;
        background-image: url("http://i43.servimg.com/u/f43/14/53/79/27/bg-top10.png");
        background-position: 50% 50%;
        background-repeat: repeat-x;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.2) inset;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold !important;
        margin-top: 15px;
        padding-bottom: 13px;
        padding-left: 13px;
        padding-right: 13px;
        padding-top: 13px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        -webkit-border-radius: 4px 4px 0px 0px;
        -moz-border-radius: 4px 4px 0px 0px;
        border-radius: 4px 4px 0px 0px;
    }
    .pun .main-content {
        background-color: #FBFBFB;
        border: 1px solid #B9C4CD;
    }

    .pun table.table td {
        background: #e6effd url(http://i43.servimg.com/u/f43/14/53/79/27/altbg10.gif) repeat-x top left;
        border-top: 1px solid #B9C4CD;
        border-right: 0px solid #000;
        border-left: 0px solid #000;
        line-height: 130%;
        padding-bottom: 0.7em;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0.6em;
    }
    .pun .main table td.tc2, .pun .main table td.tc3 {
        background: #e6effd url(http://i43.servimg.com/u/f43/14/53/79/27/altbg10.gif) repeat-x top left;
        border-top: 1px solid #B9C4CD;
    }

    .pun table.table th {
        background: #d9d9d9 url(http://i43.servimg.com/u/f43/14/53/79/27/gradie10.png) repeat-x 0 50%;
        color: #333333;
        padding-bottom: 0.5em;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0.5em;
    }

    #pun-logo {
        margin-left: 130px;
        margin-top: -22px;
    }

    #pun-logo:hover { opacity: 0.8; }

    .for_topics {
        width: 74px;
        height: 33px;
        background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        line-height: normal;
        color: #0e2c3e;
        padding-top: 3px;
        margin-left: 13px;
    }

    .for_topics span {
        display: block;
        color: #105289;
        font-size: 10px;
    }

    .for_posts {
        width: 74px;
        height: 33px;
        background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        line-height: normal;
        color: #0e2c3e;
        padding-top: 3px;
        margin-left: 13px;
    }

    .for_posts span {
        display: block;
        color: #105289;
        font-size: 10px;
    }

    .page-title h2, .page-title span {
        color: #FFFFFF !important;
        font-size: 14px;
        font-weight: bold;
    }

    .pun .paged-head, .pun .paged-foot {
        border: 0px solid !important;
        background-color: !important;
        padding: 0.6em 1.3em 0.3em 1.3em;

    }

    .pun .frm-form {
      background: !important;
      border: none;

    }

    #pun-head #pun-navlinks {
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
        background-color: #304154;
        background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/pun-na10.png");
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat-x;
        border: 1px solid #1E2831;
        height: 28px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    #pun-navlinks ul {
        text-align: center;
    }
    #pun-navlinks li {
        display: inline;
        font-size: 15px;
        line-height: 30px;
    }
    #pun-navlinks li a {
        margin-left: -8px;
        margin-right: -8px;
        color: #fff;
        font-family: tahoma,helvetica,arial,sans-serif
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
        padding-top: 12px;
        padding-left: 14px;
        padding-right: 14px;
        padding-bottom: 10px;
    }
    #pun-navlinks a, #pun-navlinks a:visited {
        text-decoration: none;
    }
    #pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
        text-decoration: none;
        color: #fff;
        text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
        padding-top: 12px;
        padding-left: 14px;
        padding-right: 14px;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .main .main-foot{
        background-color: #fff;
        color: #666;
        font-weight: 400;
        padding-bottom: 0.7em;
        padding-left: 1.3em;
        padding-right: 1.3em;
        padding-top: 0.7em;
    }

    .pun a:link { color: #105289;text-decoration: none;}
    .pun a:visited { color: #105289;}
    .pun a:hover { color: #ff6600; text-decoration: none;}
    .pun a:active { color: #990000;}

    #pun-title {
        display: none;
    }

    .pun .post {
        border: 1px solid #CBDAEA;
        margin: 10px;
        background: #FDFEFF;
    }

    .postfoot {
        border-top: 1px solid #CBDAEA;
        clear: both;
        margin-left: -17em;
        padding-bottom: 0.5em;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 0.5em;
        text-align: right;
        background: #F4FAFF;
    }

    .pun .postmain {
        background-color: #FDFEFF;
        border-left: 1px solid #CBDAEA;
        margin-left: 17em;
    }
    .pun .posthead {
        background-color: #F4FAFF;
        border-bottom: 1px solid #CBDAEA;
        padding-bottom: 0.5em;
        padding-left: 1em;
        padding-right: 1.3em;
        padding-top: 0.5em;
    }

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

    .user-contact a {
        background-color: #2e425a;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #FFFFFF;
        display: inline-block;
        padding: 3px;
        box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
        -webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
        -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
        -khtml-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
    }

    .codebox {
        background-color: #E4EAF2;
        margin-bottom: 1em;
        margin-left: 1em;
        margin-right: 1em;
        margin-top: 1em;
        border: 1px solid #8394B2;
        border-left: 4px solid #8394B2;
    }
    .codebox dt {
        border-bottom: 1px solid #8394B2;
        padding-bottom: 0.25em;
        padding-left: 0.25em;
        padding-right: 0.25em;
        padding-top: 0.25em;
        font-weight: bold;
        color: #8394B2;
    }
    .codebox dd {
        background-color: #fff;
        color: #435C7A;
        margin-bottom: 1px;
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 1px;
        padding-bottom: 4px;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 4px;
    }

    .postmain blockquote {
        background-color: #FFFFFF;
        border: 1px solid #4E6A97;
        padding-bottom: 0.5em;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 0.5em;
        border-radius: 3px; -webkit-border-radius:  3px; -moz-border-radius:  3px; -khtml-border-radius:  3px;
    }

    #pun-about {
        background-color: #F4F4F4;
        border: 1px solid #DDDDDD;
        line-height: 150%;
        padding-bottom: 0.6em;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 0.6em;
        text-align: right;

    }
    #pun-about ul {
        list-style-type: none;
    }
    #pun-about ul li {
        display: inline;
    }
    #pun-about ul li a {
        font-weight: normal;
        text-decoration: none;
    }
    #pun-about #qjump {
        display: none;
    }

    #pun-visit, .main-box {
        background-color: #F4F4F4;
        border: 1px solid #B9C4CD;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-bottom: 0.6em;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 0.6em;

    }
    .module .main-content {
    font-size: 11px;
    }
#pun-about { text-align: center; }
And here's my forum : http://spacebound.forumotion.com/

I recently just switched Forum Versions from phpBB2 to PunBB. And I used Matti_7's Nice Blue theme. And updated everything in his thread : http://help.forumotion.com/t100732-punbb-nice-blue?highlight=Nice+blue

Help?


Last edited by iLeo on October 20th 2012, 5:10 am; edited 1 time in total

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: Header background color help.

Post by DK on October 20th 2012, 4:17 am

Rideem3 wrote:What part of the header? Please be specific. Please draw the area in Paint.
It's the Colors on the ACP.
http://www.webpagescreenshot.info/i/77525-1020201241649am.png
The area that is circled. I want that black but it doesn't work on the Colors .

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: Header background color help.

Post by DK on October 20th 2012, 5:08 am

Rideem3 wrote:Add this to your CSS StyleSheet:
Code:
#pun-intro {
    background-color: #000000;
}
Thanks! It's solved now.

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: Header background color help.

Post by Sanket on October 20th 2012, 5:44 am

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum