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.

How to remove background in the header

View previous topic View next topic Go down

Solved How to remove background in the header

Post by Kite Trojan on March 21st 2014, 12:02 am

http://newduelistda.freeforum.bz/ on the top of the forum. where it has the:
. how to remove the blue background.
here is my css
Code:
body {
background-color: #D8DDE8;
color: #5A5A5A;
font: 13px helvetica,arial,sans-serif;
margin-bottom: 20px;
}

.pun {
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);
line-height: 120%;
padding: 10px;
margin: 0 auto;
min-width: 960px;
width: 87% !important;
}

.main_width {
margin: 0 auto;
min-width: 960px;
width: 87% !important;
}

ol, ul {
list-style: none outside none;
}

.pun a:link {
color: #225985;
text-decoration: none;
}
.pun a:visited {
color: #225985;
}
.pun a:hover {
color: #328586;
text-decoration: none;
}
.pun a:active {
color: #225985;
}
.pun a:focus {
color: #225985;
}

#branding {
background: url("http://community.invisionpower.com/filestore/public/style_images/master/branding_bg.png") repeat-x scroll 0 0 #0F3854;
border-bottom: 1px solid #1B3759;
min-height: 64px;
}
#logo {
display: inline;
}

#primary_nav {
background: none repeat scroll 0 0 #204066;
font-size: 13px;
padding: 15px 0 0;
}
#community_app_menu > li {
margin: 0 3px 0 0;
position: relative;
display: inline;
top: -8px;
}
#community_app_menu > li > a {
background: none repeat scroll 0 0 #1C3B5F;
color: #C5D5E2;
display: inline;
padding: 6px 15px 8px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
text-decoration: none;
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: none repeat scroll 0 0 #173455;
color: #FFFFFF;
}
#community_app_menu a[href="/"] {
background: #FFFFFF;
color: #0B5794;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}
#community_app_menu a[href="/"]:hover {
background: #fff;
color: #0B5794;
}

#search {
margin: 20px 0;
}
#main_search {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-size: 12px;
outline: 0 none;
padding: 0;
width: 130px;
margin-top: 6px;
}
#main_search.inactive {
color: #BCBCBC;
}
#search_wrap {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 3px 4px 4px 3px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
display: block;
height: 26px;
line-height: 25px;
min-width: 230px;
padding: 0 26px 0 4px;
position: relative;
}
#adv_search {
background: url("http://community.invisionpower.com/filestore/public/style_images/master/advanced_search.png") no-repeat scroll right 50% transparent;
display: inline-block;
height: 16px;
margin: 4px 0 4px 4px;
text-indent: -3000em;
width: 16px;
}
#search .submit_input {
background: url("http://community.invisionpower.com/filestore/public/style_images/master/search_icon.png") no-repeat scroll 50% center #7BA60D;
border: 1px solid #7BA60D;
border-radius: 0 3px 3px 0;
bottom: 0;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
display: block;
height: 26px;
padding: 0;
position: absolute;
right: 0;
text-indent: -3000em;
top: 0;
width: 26px;
}
#search_options {
background: none repeat scroll 0 0 #EAEAEA;
border-radius: 3px 3px 3px 3px;
display: inline-block;
float: right;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
max-width: 80px;
overflow: hidden;
padding: 0 6px;
text-overflow: ellipsis;
}

fieldset, img {
border: 0 none;
}

.status img {
margin-left: -7px;
}

.codebox {
background-color: #F7F7F7;
border-color: #E5E5E5 #E5E5E5 #E5E5E5 #989898;
margin: 1em;
border-width: 2px;
border-style: solid;
border-radius: 5px;
}
.codebox dt {
border-left: 0px dotted #DDDDDD;
padding: 0.25em;
background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
}
.codebox dd {
background-color: #F7F7F7;
margin: 0.5em;
padding: 0.5em;
}

.postmain blockquote {
background-color: #fafafa;
border: 1px solid #C9C9C9;
padding: 0.5em 1em;
border-radius: 4px 4px 4px 4px;
}

.user-basic-info img {
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 1px;
margin-top: 10px;
}
.user-basic-info img:hover {
border: 1px solid #7D7D7D;
}

.main .main-head {
background: url("http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png") repeat-x scroll center top #2C5687;
border-color: #316897;
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px 1px 0;
box-shadow: 0 1px 0 #528CBC inset;
color: #FFFFFF;
font-size: 16px;
font-weight: 300;
padding: 10px 10px 11px;
margin-top: 10px;
}
.ipsBox {
background: none repeat scroll 0 0 #EBF0F3;
padding: 9px;
}

.ipsBox_container {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DBE4EF;
}

.hide {
display: none;
}

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

.pun table.table td {
background-color: #fff;
border-color: #DBE4EF;
border-style: none none solid none;
border-width: 1px;
line-height: 130%;
padding: 8px;
}

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

.main .main-foot {
background-color: Transparent;
color: #DEDFDF;
font-weight: 400;
padding: 0.7em 1.3em;
}


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

.pun .post {
border-color: #DBE4EF;
border-style: solid none;
border-width: 0px 0 0 1px;
}

.pun .postmain {
background-color: #fff;
border-left: 0px solid #DDDDDD;
margin-left: 18em;
}
.pun .posthead {
background: #D8DDE8;
border-bottom: 0px dashed #CCCCCC;
padding: 0 10px;
line-height: 36px;
height: 36px;
margin-left: -234px;
}

.t-date {
margin-left: 245px;
}

.postfoot {
border-top: 0px dashed #CCCCCC;
clear: both;
margin-left: -17em;
padding: 0.5em 1em;
text-align: right;
}

#board_stats {
text-align: center;
}
#board_stats li {
margin-right: 20px;
display: inline;
}
#board_stats .value {
background: none repeat scroll 0 0 #E2E2E2;
border-radius: 2px 2px 2px 2px;
color: #4A4A4A;
font-weight: bold;
margin-right: 3px;
padding: 2px 6px;
}
.statistics {
border-top: 3px solid #D8D8D8;
line-height: 1.3;
margin: 20px 0 0;
overflow: hidden;
padding: 10px 0;
}

#pun-about {
background-color: #fff;
border: 1px solid #DBE4EF;
line-height: 150%;
padding: 0.6em 1em;
text-align: right;
}
#pun-about ul {
list-style-type: none;
}
#pun-about ul li {
display: inline;
}
#pun-about ul li a {
font-weight: normal;
}
#pun-about #qjump {
display: none;
}


Last edited by Kite Trojan on March 21st 2014, 12:17 am; edited 1 time in total

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to remove background in the header

Post by Ange Tuteur on March 21st 2014, 12:07 am

Hello Kite Trojan,

To remove the background color of the header, add this CSS :
Code:
#pun-intro { background:none; border:none; }

If you also want to remove the navbar background color, use this CSS :
Code:
#pun-navlinks { background:none !important; }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to remove background in the header

Post by Kite Trojan on March 21st 2014, 12:13 am

Thanks Ange.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to remove background in the header

Post by Ange Tuteur on March 21st 2014, 12:17 am

You're welcome :rose:

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.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