{"id":51518,"date":"2011-07-14T22:19:16","date_gmt":"2011-07-15T02:19:16","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/51518\/sfbpc-music-block\/"},"modified":"2011-07-14T22:19:16","modified_gmt":"2011-07-15T02:19:16","slug":"sfbpc-music-block","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/51518\/sfbpc-music-block\/","title":{"rendered":"SFBPC – Music Block"},"content":{"rendered":"\n\n\n
\n
\n

\u00ab Index<\/a><\/span><\/p>\n

CSS<\/span><\/p>\n<\/div>\n<\/td>\n

\n
\n

Music Block<\/span><\/p>\n

*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.<\/span><\/p>\n

Music Block – Inner Background And Border:<\/strong><\/p>\n

\n

div.block div.label_flow {
\nbackground-color: #000000;
\nborder: 1px solid #333333;
\n}<\/p>\n<\/div>\n

Music Block – Track Separators:<\/strong><\/p>\n

\n

div.block div.label_flow div.row_first {
\nborder: none !important;
\n}
\ndiv.block div.label_flow div.row1 {
\nborder-top: 1px dotted #999999;
\n}
\ndiv.block div.label_flow div.row2 {
\nborder-top: 1px dotted #999999;
\n}<\/p>\n<\/div>\n

Music Block – Track Background\/Hover Color:<\/strong><\/p>\n

\n

div.block div.label_flow div.row_first {
\nbackground-color: #333333;
\n}
\ndiv.block div.label_flow div.row_first:hover {
\nbackground-color: #555555;
\n}
\ndiv.block div.label_flow div.row1 {
\nbackground-color: #333333;
\n}
\ndiv.block div.label_flow div.row1:hover {
\nbackground-color: #555555;
\n}
\ndiv.block div.label_flow div.row2 {
\nbackground-color: #333333;
\n}
\ndiv.block div.label_flow div.row2:hover {
\nbackground-color: #555555;
\n}<\/p>\n<\/div>\n

Music Block – Tracks – All Text Color:<\/strong><\/p>\n

\n

div.block div.label_flow * {
\ncolor: #00ff00 !important;
\n}<\/p>\n<\/div>\n

Music Block – Tracks – Track Length (Affects “By:” Without Separate Code):<\/strong><\/p>\n

\n

div.block div.label_flow div {
\ncolor: #00ff00 !important;
\n}<\/p>\n<\/div>\n

Music Block – Tracks – Title And Artist (Each Same Color):<\/strong><\/p>\n

\n

div.block div.label_flow div.go_left a {
\ncolor: #00ff00 !important;
\n}
\ndiv.block div.label_flow div.go_left a:hover {
\ncolor: #ffffff !important;
\n}<\/p>\n<\/div>\n

Music Block – Tracks – Title And Artist (Each Not Same Color):<\/strong><\/p>\n

\n

div.block div.label_flow div.go_left a {
\ncolor: #ff00ff !important;
\n}
\ndiv.block div.label_flow div.go_left a:hover {
\ncolor: #ffffff !important;
\n}
\ndiv#sidebar div.block div.label_flow div.go_left div.extra_info a {
\ncolor: #00ff00 !important;
\n}
\ndiv#sidebar div.block div.label_flow div.go_left div.extra_info a:hover {
\ncolor: #ffffff !important;
\n}<\/p>\n<\/div>\n

Music Block – Tracks – “By:”:<\/strong><\/p>\n

\n

div.block div.label_flow div.go_left div {
\ncolor: #ffffff !important;
\n}<\/p>\n<\/div>\n

Music Block – Tracks – Remove Play Icon:<\/strong><\/p>\n

\n

div.block div.label_flow div.go_left a img {
\ndisplay: none;
\n}<\/p>\n<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

\u00ab 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 […]<\/p>\n","protected":false},"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-51518","post","type-post","status-publish","format-standard","hentry","category-other"],"_links":{"self":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/51518","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/comments?post=51518"}],"version-history":[{"count":0,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/51518\/revisions"}],"wp:attachment":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/media?parent=51518"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/categories?post=51518"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/tags?post=51518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}