SFBPC – Music Block

2011-07-14 at 10:19 pm

Blog

RSS

shan1

« Index

CSS

Music Block

*Note – All of the code below is for the track area, not the actual music player. Code applies to Music and Personal Profiles. Music Profile tracks do not include artist names.

Music Block – Inner Background And Border:

div.block div.label_flow {
background-color: #000000;
border: 1px solid #333333;
}

Music Block – Track Separators:

div.block div.label_flow div.row_first {
border: none !important;
}
div.block div.label_flow div.row1 {
border-top: 1px dotted #999999;
}
div.block div.label_flow div.row2 {
border-top: 1px dotted #999999;
}

Music Block – Track Background/Hover Color:

div.block div.label_flow div.row_first {
background-color: #333333;
}
div.block div.label_flow div.row_first:hover {
background-color: #555555;
}
div.block div.label_flow div.row1 {
background-color: #333333;
}
div.block div.label_flow div.row1:hover {
background-color: #555555;
}
div.block div.label_flow div.row2 {
background-color: #333333;
}
div.block div.label_flow div.row2:hover {
background-color: #555555;
}

Music Block – Tracks – All Text Color:

div.block div.label_flow * {
color: #00ff00 !important;
}

Music Block – Tracks – Track Length (Affects “By:” Without Separate Code):

div.block div.label_flow div {
color: #00ff00 !important;
}

Music Block – Tracks – Title And Artist (Each Same Color):

div.block div.label_flow div.go_left a {
color: #00ff00 !important;
}
div.block div.label_flow div.go_left a:hover {
color: #ffffff !important;
}

Music Block – Tracks – Title And Artist (Each Not Same Color):

div.block div.label_flow div.go_left a {
color: #ff00ff !important;
}
div.block div.label_flow div.go_left a:hover {
color: #ffffff !important;
}
div#sidebar div.block div.label_flow div.go_left div.extra_info a {
color: #00ff00 !important;
}
div#sidebar div.block div.label_flow div.go_left div.extra_info a:hover {
color: #ffffff !important;
}

Music Block – Tracks – “By:”:

div.block div.label_flow div.go_left div {
color: #ffffff !important;
}

Music Block – Tracks – Remove Play Icon:

div.block div.label_flow div.go_left a img {
display: none;
}

Last 5 posts by shan1

SFBPC - Blog-Specific Code - September 17th, 2011
Blog Customizing Test Page - August 22nd, 2011
SFBPC - Fixes/Updates - July 19th, 2011
SFBPC - Group-Specific Code - July 15th, 2011
SFBPC - Remove Elements - March 9th, 2011

View Counter: 354 views

Other RSS 2.0 You can skip to the end and leave a response. Pinging is currently not allowed.

You must be logged in to post a comment.

SFBPC – Music Block

Last 5 posts by shan1

Leave a Reply