/* -------------------------------------------------------- Profiles Global (Artist / Fans) stylesheet Website: Unsigned.com Created by: First Beat Media Filename: css/profiles_global.css -------------------------------------------------------- */ /* -------------------------------------------------------- Header -------------------------------------------------------- */ div#content_header { background-color: #3C3C3C; height: 65px; position: relative; } div#content_header_left { float: left; width: 706px; } div#content_header_left h2 { padding: 14px 0 0 15px; color: #fff; font-size: 2.3em; line-height: 1.2em; } div#content_header_right { float: left; width: 206px; text-align: right; position: relative; } div#content_header_right div.header_right_inner { padding-top: 20px; } div#content_header_right div.header_right_inner a.add_to_friends { color: #fff; background: url(../images/icon_add_friend.gif) no-repeat center left; padding-left: 20px; } div#content_header_right div.header_right_inner span.add_to_friends_off { color: #999; background: url(../images/icon_add_friend_off.gif) no-repeat center left; padding-left: 20px; } div#content_header_right div.header_right_inner a.join_fan_club { color: #fff; background: url(../images/icon_join_fan_club.gif) no-repeat center left; padding-left: 20px; } div#content_header_right div.header_right_inner span.join_fan_club_off { color: #999; background: url(../images/icon_join_fan_club_off.gif) no-repeat center left; padding-left: 20px; } /* Hidden Divs for Friends / Fans */ div#divFanClub, div#divFriends { position: absolute; left: -149px; top: -60px; width: 245px; height: 85px; z-index: 1000; /* background: url(../images/div_friend_fans.png) no-repeat; */ border: 3px solid #000; background-color: #fff; } div#divFanClub div, div#divFriends div { text-align: left; padding: 15px 15px 0 15px; } div#divFanClub p, div#divFriends p { padding-bottom: 10px; line-height: 1.2em; font-size: 11px; } div#divFanClub a, div#divFriends a { color: #F40000; } /* -------------------------------------------------------- Content -------------------------------------------------------- */ div#content { background-color: #fff; padding: 15px; } div#content_wrapper { min-height: 200px; padding-bottom: 100px; } /* Artist Header -------------------------------------------------------- */ div#artist_header { border-bottom: 1px solid #E5E5E5; padding-bottom: 19px; margin-bottom: 20px; } div#artist_header div#artist_image { float: left; border: 3px solid #C5C5C5; margin-right: 10px; } div#artist_header div#artist_infos { padding-top: 5px; float: left; width: 239px; margin-right: 10px; line-height: 1.4em; font-size: 0.95em; } html>body div#artist_header div#artist_infos { width: 242px; } div#artist_header div#artist_infos h3 { color: #323232; font-size: 1.6em; margin-bottom: 12px; } div#artist_header div#artist_infos h4 { color: #323232; text-decoration: underline; font-size: 1.15em; margin-bottom: 3px; } div#artist_header div#artist_infos ul { margin-bottom: 12px; font-size: 0.95em; } div#artist_header div#artist_infos p#artist_genre_location { margin-bottom: 12px; font-size: 0.95em; } div#artist_header div#artist_player { float: right; width: 357px; } /* For fan top 5 last played */ div#artist_header div#artist_player h3 { color: #3C3C3C; font-size: 1.6em; padding: 0 0 10px 0; letter-spacing: -1px; } div#artist_header div#artist_player div#user_top5_box { background: url(../images/listeners/user_top5_bg.gif) no-repeat; width: 357px; height: 122px; } div#artist_header div#artist_player div#user_top5_box_inner { padding: 12px 0 0 11px; } div#artist_header div#artist_player div#user_top5_box ul li { color: #2d2d2d; font-size: 10px; line-height: 1em; padding: 0 0 12px 0; margin: 0; } div#artist_header div#artist_player div#user_top5_box ul li a { color: #2d2d2d; background: url(../images/listeners/icon_top5_play.gif) no-repeat center right; padding-right: 13px; } /* Fan info */ div#artist_header ul.fan_header_info li { font-size: 0.95em; } /* Artist Content - Global -------------------------------------------------------- */ div#artist_content { width: 900px; } div#artist_content, div#artist_content td { color: #323232; } /* td to fix IE5+ */ div#artist_content h3 { color: #323232; font-size: 1.6em; margin-bottom: 12px; } /* 3 Fixed-Column Layout with IE 5+ Fix */ div#artist_content div#artist_3cols_col1_2 { float: left; width: 595px; margin-right: 15px; } div#artist_content div#artist_3cols_col1 { float: left; width: 287px; margin-right: 15px; } html>body div#artist_content div#artist_3cols_col1 { width: 290px; } div#artist_content div#artist_3cols_col2 { float: left; width: 287px; } html>body div#artist_content div#artist_3cols_col2 { width: 290px; } div#artist_content div#artist_3cols_col3 { float: left; width: 290px; } /* 2 Liquid-Column Layout */ div#artist_content div#artist_2cols_col1 { float: left; width: 66%; } div#artist_content div#artist_2cols_col1 div#inner_2cols_col1 { margin-right: 15px; } div#artist_content div#artist_2cols_col2 { float: right; width: 34%; } div.small_page_num { font-size: 11px; } div.small_page_num a { margin-left: 7px; } div.artist_line_spacer { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #D9D9D9; } div.artist_empty_spacer { height: 20px; } /* Artist Content - Biography -------------------------------------------------------- */ div#artist_biography_content { padding: 15px; background-color: #fff; border: 1px solid #E5E5E5; } div#artist_biography_content p { margin-bottom: 16px; font-size: 0.95em; } div#artist_biography_content p.last_p { margin-bottom: 0px;} /* Artist Content - Photo Album -------------------------------------------------------- */ div#photo_album { padding: 15px; background-color: #fff; border: 1px solid #E5E5E5; } div#photo_album_container div#photo_album div.photo_album_pic { float: left; margin: 0 9px 7px 0; height: 110px; } div#photo_album_container div#photo_album div.last_row { margin-right: 0; } div#photo_album_container div#photo_album div.photo_album_pic img { padding: 1px; border: 1px solid #E5E5E5; } div#photo_album_container div#photo_album div.photo_album_pic div a img { border: 0; margin-top: 1px; } /* Artist Content - Online Diary/Blog -------------------------------------------------------- */ div#artist_blog h3 { color: #909090; } div#artist_blog_container { padding: 15px; background-color: #F4F4F4; border: 1px solid #E5E5E5; } div#artist_blog_container div#artist_blog_content { height: 350px; overflow: auto; } div#artist_blog_container div#artist_blog_content p { display: block; padding-right: 10px; margin-bottom: 16px; font-size: 0.95em; } /* Artist Content - Shows/Events -------------------------------------------------------- */ div#artist_shows h3 { color: #909090; } p#show_hide_all_details { float: right; font-size: 11px; padding-right: 1px; } p#show_hide_all_details span, p#show_hide_all_details a { padding-right: 7px; } div#artist_shows table.shows_events { width: 100%; } div#artist_shows table.shows_events td { line-height: 1.3em; vertical-align: top; padding: 8px; border-top: 1px solid #E5E5E5; line-height: 1em; font-size: 11px; } div#artist_shows table.shows_events td.col1_date, div#artist_shows table.shows_events td.col1_city, div#artist_shows table.shows_events td.col1_venue, div#artist_shows table.shows_events td.col1_details, p.show_details_col1 { background-color: #F4F4F4; } div#artist_shows table.shows_events td.col2_date, div#artist_shows table.shows_events td.col2_city, div#artist_shows table.shows_events td.col2_venue, div#artist_shows table.shows_events td.col2_details, p.show_details_col2 { background-color: #fff; } div#artist_shows table.shows_events td.col1_date, div#artist_shows table.shows_events td.col2_date { width: 25%; } div#artist_shows table.shows_events td.col1_city, div#artist_shows table.shows_events td.col2_city { width: 35%; } div#artist_shows table.shows_events td.col1_venue, div#artist_shows table.shows_events td.col2_venue { width: 35%; } div#artist_shows table.shows_events td.col1_details, div#artist_shows table.shows_events td.col2_details { width: 5%; } div#artist_shows table.shows_events td.col1_details, div#artist_shows table.shows_events td.col2_details { text-align: right; } p.show_details_col1, p.show_details_col2 { padding: 0 8px 8px 8px; line-height: 1.3em; font-size: 11px; } p.show_details_last { border-bottom: 1px solid #D9D9D9; } /* Artist Content - User Comments -------------------------------------------------------- */ div#artist_user_comments h3 { color: #323232; } div#artist_user_comments div.artist_line_spacer { padding-bottom: 7px; margin-bottom: 15px; } /* For hidden div */ div#divComments { padding: 8px 10px 10px 10px; width: 93%; font-size: 11px; margin: 10px 0 5px 0; background-color: #fff; border: 1px solid #E5E5E5; } /* For hidden form */ div#user_comments_form { padding: 5px 0; } div#user_comments_form textarea { padding: 2px; width: 96%; height: 50px; background-color: #fff; font: 12px Arial, Verdana, Helvetica, sans-serif; } div#user_comments_form #btn_add_comment { padding: 3px; font: 11px Arial, Verdana, Helvetica, sans-serif; color: #fff; background-color: #F40000; } div#artist_user_comments div#user_comments_container { padding: 15px; background-color: #fff; border: 1px solid #E5E5E5; } div.user_comment { clear: both; padding: 0 0 5px 5px; border-bottom: 1px solid #D9D9D9; line-height: 1.4em; font-size: 12px; margin-bottom: 15px; } div.user_comment div.user_image_infos { float: left; padding-bottom: 12px; width: 215px; } div.user_comment div.user_image { float: left; padding-right: 10px; } div.user_comment div.user_image img { padding: 1px; border: 1px solid #B9B9B9; } div.user_comment div.user_infos { float: left; font-size: 11px; } div.user_comment div.user_infos a { color: #F40000; } div.user_comment div.user_text { float: left; padding-bottom: 10px; line-height: 1.6em; width: 96%; } /* Artist Content - Page Statistics -------------------------------------------------------- */ div#artist_stats h3 { color: #909090; } div#artist_stats_box { padding: 15px; border: 1px solid #ECECEC; background-color: #fff; font-size: 0.95em; } /* Artist Content - Contacts -------------------------------------------------------- */ div#artist_contacts h3 { color: #909090; } div#artist_contacts_box { padding: 15px; border: 1px solid #ECECEC; background-color: #fff; font-size: 0.95em; } /* Artist Content - Fans -------------------------------------------------------- */ div#artist_fans h3 { color: #909090; } div#artist_fans_content { padding: 15px; border: 1px solid #ECECEC; background-color: #fff; } div#artist_fans_content { /* height: 350px; overflow: auto; */ } div#artist_friends_content h3 { color: #909090; } div#artist_friends_content { padding: 15px; border: 1px solid #ECECEC; background-color: #fff; } div#artist_friends_content { /* height: 350px; overflow: auto; */ } div.fan_profile { float: left; width: 170px; /* height: 50px; */ margin-bottom: 5px; } div.fan_profile img { float: left; margin: 0 5px 15px 0; padding: 1px; border: 1px solid #B9B9B9; } div.fan_profile div.fan_details { margin-left: 50px; line-height: 1.4em; font-size: 12px; padding-right: 10px; } div.fan_profile div.fan_details h4 { font-size: 11px; letter-spacing: 0; font-weight: normal; } div.fan_profile div.fan_details a { color: #F40000; } div.fan_profile div.fan_details p { font-size: 11px; line-height: 1.4em; } /* Artist Content - Friends/Bands -------------------------------------------------------- */ div#artist_friends h3 { color: #909090; } /* Milan - add this class to easy set some element to hidden */ .hidden { display: none; }