SFBPC – Blog-Specific Code – FriendBurst Blog

SFBPC – Blog-Specific Code

September 17, 2011 · shan1

CSS

Blog-Specific Code

*All other code is the same as profile layout code. See the Profile Layout Index for code not listed here.

*Change colors as needed. Color Chart HERE

Blog – Header Menu:

div.header_menu ul li a {
background-color: #777777;
border: 1px solid #333333 !important;
color: #cccccc;
}
div.header_menu ul li a:hover{
background-color: #999999;
border: 1px solid #555555 !important;
color: #ffffff;
}

Blog – Last Posts Header:

div.entry h3 {
font-size: 11px;
font-weight: normal;
color: #999999;
border-bottom: 1px solid #000000 !important;
}

Blog – Post Main Title:

.post_title {
background-color: #555555;
border-bottom: 1px solid #000000 !important;
color: #ff00ff;
}

Blog – Post Date And Time:

.time {
color: #ff00ff;
}

Blog – Last 5 Posts Date:

div.entry ul li {
color: #00ffff !important;
}

Blog – Last 5 Posts Links:

div.entry ul li a {
color: #ff0000 !important;
}

Blog – Post Other RSS Info Edit:

div.entry p.postmetadata {
color: #00ff00 !important;
}
div.entry p.postmetadata a {
color: #ff00ff !important;
}

Blog – View Counter:

div.entry b {
color: #000000;
}

Blog – Main Content:

#blog_content_single {
background-color: #333333;
border: 1px solid #555555 !important;
color: #ffffff;
}

Blog – Main Content Links:

#blog_content_single a {
color: #00ff00;
}

Blog – Post Member Pic Borders:

div.alignleft img.border {
border: 1px solid #777777;
}

Blog – Post Member Name:

div.alignleft span.writer a {
color: #00ffff !important;
}

Blog – Comment Member Pic Borders:

div.pic img.border {
border: 1px solid #777777;
}

Blog – Comment Member Name – Non-Link:

div.name {
color: #cccccc;
}

Blog – Comment Member Name – Link:

div.name a {
color: #cccccc !important;
}

Blog – Responses Header:

#comments {
background-color: #555555 !important;
border-bottom: 1px solid #000000 !important;
color: #ff00ff;
}

Blog – Reply Header:

#respond {
background-color: #555555 !important;
border-bottom: 1px solid #000000 !important;
color: #ff00ff;
}

Blog – Random Header:

.random h3 {
background-color: #555555;
border-bottom: 1px solid #000000 !important;
color: #ff00ff;
}

Blog – Remove Comment Rounded Corner Images And Pic Arrow:

*This is necessary to change the comments background colors

.commentlist li .info {
background-image: none !important;
}
.commentlist li .content {
background-image: none !important;
}
.commentlist li .pic {
background-image: none !important;
}

Blog – Comment List Background Color:

.commentlist li .info {
background-image: none !important;
background-color: #717171;
}

Blog – Comment Font Color:

.commentlist li .info * {
color: #000000;
}

Blog – Comment Link Color:

.commentlist li .info a {
color: #ff00ff !important;
}

Blog – Comment Reply Background Color And Border:

.comment-childs {
border: 1px solid #454545;
background-color: #777777 !important;
}

Blog – Comment Buttons Positioning And Sizing:

*Be careful with this code. It shouldn’t need any adjustments.

#commentform input {
margin-top: 0;
width: 120px;
}
#commentform #submit {
float: left;
margin-left: 5px;
width: 120px;
}

Blog – Comment Buttons Style:

#commentform input {
background-color: #777777;
border: 1px solid #333333 !important;
color: #cccccc;
}
#commentform input:hover {
background-color: #999999;
border: 1px solid #555555 !important;
color: #ffffff;
}
#commentform #submit {
background-color: #777777;
border: 1px solid #333333 !important;
color: #cccccc;
}
#commentform #submit:hover {
background-color: #999999;
border: 1px solid #555555 !important;
color: #ffffff;
}

Blog – Remove Dotted Bottom Border:

.post {
border-bottom: none !important;
}

Blog – Custom Banner – Placed Into Blog Post Title (Image should be no more than 940×200 pixels):

.post_title {
height: 200px;
margin-bottom: 10px;
background-image: url(DIRECT IMAGE URL);
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}

Other

SFBPC – Blog-Specific Code

2 Comments