/* -------------------------------------------------------- Homepage stylesheet Website: Unsigned.com Created by: First Beat Media Filename: css/home.css -------------------------------------------------------- */ /* -------------------------------------------------------- Content -------------------------------------------------------- */ div#home_content { background-color: #fff; min-height: 400px; background: url(../images/home/content_bg.gif) repeat-y; } /* Content Left -------------------------------------------------------- */ div#home_content_left { float: left; width: 606px; } div#home_content_left_inner { padding: 15px 15px 50px 15px; } h2#featured_artist { color: #000; font-size: 2.2em; line-height: 1em; padding: 0 0 15px 25px; background: url(../images/home/icon_2007.gif) no-repeat 0 4px; } /* div.featured_artist_box { background: url(../images/home/featured_artist_bg.gif) repeat-y; } */ div.featured_artist_box_top { background: url(../images/home/featured_artist_bg_top.gif) no-repeat top left; } div.featured_artist_box_bot { background: url(../images/home/featured_artist_bg_bot.gif) no-repeat bottom left; } div.inner_artist_box { padding: 15px 15px 10px 15px; } div#featured_artist_image { float: left; } div#featured_artist_image img { padding: 2px; border: 1px solid #E5E5E5; } div#featured_artist_text { float: left; width: 245px; padding-left: 15px; } div#featured_artist_text h3 { color: #A71B00; font-size: 1.7em; padding: 15px 0 12px 0; letter-spacing: -0.5px; } div#featured_artist_text h3 a { color: #A71B00; text-decoration: none; } div#featured_artist_text p { line-height: 1.3em; padding-bottom: 5px; } div#featured_artist_text p a { color: #454545; } div#featured_artist_text h4 { width: 161px; height: 24px; background: url(../images/btn_view_artist_profile.gif) no-repeat; margin-top: 15px; } div#featured_artist_text h4 a { display: block; width: 161px; height: 24px; text-decoration: none; } h2#more_featured { color: #a1a1a1; font-size: 1.7em; letter-spacing: -0.5px; padding-bottom: 15px; } div.artists_list { float: left; width: 175px; margin: 0 5px 10px 0; } div.artists_list div.img_container { float: left; text-align: center; width: 43px; height: 60px; margin-right: 6px; } div.artists_list div.img_container img { padding: 2px; border: 1px solid #E5E5E5; } div.artists_list div.img_container div.icon_listen img { border: 0; padding: 0; } div.artists_list div.img_container div.icon_listen { margin: 5px 0; } div.artists_list div.artists_list_text { margin-left: 50px; font-size: 11px; line-height: 1.25em; } div.artists_list div.artists_list_text h4 { font-size: 11px; padding-bottom: 2px; letter-spacing: 0; } div.artists_list div.artists_list_text h4 a { text-decoration: underline; color: #F40000; } div#top_lists { background: url(../images/home/top_lists_bg.gif) repeat-y; margin: 20px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #E5E5E5; } div#top_lists h3 { color: #3C3C3C; font-size: 1.6em; padding: 0 0 15px 12px; background: url(../images/home/icon_arrow_small.gif) no-repeat 0 3px; letter-spacing: -0.5px; } /* For Genre specific homepage */ div#top_genre_plays { margin: 20px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #E5E5E5; } div#top_genre_plays h3 { color: #3C3C3C; font-size: 1.6em; padding: 0 0 15px 12px; background: url(../images/home/icon_arrow_small.gif) no-repeat 0 3px; letter-spacing: -0.5px; } div.home_lists_padding_left { padding-left: 15px; } div#top_10_listens { float: left; width: 375px; } div#top_genres { float: left; width: 175px; padding-left: 15px; } div#top_genres ul { margin-left: 12px; } div#top_genres ul li { background: url(../images/home/top_genres_num_bg.gif) no-repeat; padding-bottom: 9px; } div#top_genres ul li span { color: #fff; font-weight: bold; font-size: 0.95em; width: 30px; display: block; float: left; text-align: center; padding-right: 7px; } div#top_genres ul li a { color: #3b3b3b; } h3#new_fans { color: #3C3C3C; font-size: 1.6em; padding: 0 0 15px 12px; background: url(../images/home/icon_arrow_small.gif) no-repeat 0 3px; letter-spacing: -0.5px; } /* Content Right -------------------------------------------------------- */ div#home_content_right { float: right; width: 324px; padding-bottom: 50px; } div.home_right_box { padding: 15px 9px 15px 15px; background: url(../images/home/home_right_box_bg.gif) no-repeat bottom left; } div.home_right_box h3 { color: #fff; font-size: 1.6em; padding: 0 0 6px 12px; background: url(../images/home/icon_arrow_small_gray.gif) no-repeat 0 3px; letter-spacing: -0.5px; } div.home_right_box h4, div.home_right_box ul { padding-left: 12px; } div.home_right_box h4 { letter-spacing: 0px; color: #acacac; font-size: 1em; padding-bottom: 6px; } div.home_right_box ul { list-style: disc; padding-bottom: 11px; } div.home_right_box ul li { color: #fff; font-size: 0.95em; list-style: disc; line-height: 1.6em; margin-left: 24px; } /* Default Home */ div#artist_registration h5 { width: 160px; height: 24px; background: url(../images/home/btn_create_artist_profile.gif) no-repeat; margin-left: 12px; } div#artist_registration h5 a { display: block; width: 160px; height: 24px; text-decoration: none; } div#fans_registration h5 { width: 202px; height: 24px; background: url(../images/home/btn_create_free_account.gif) no-repeat; margin-left: 12px; } div#fans_registration h5 a { display: block; width: 202px; height: 24px; text-decoration: none; } /* Genres Home */ div.home_search_left { float: left; } div.home_search_right { float: right; padding-right: 12px; font-size: 11px; } div.home_search_right a { color: #fff; } div#artist_search table { margin-left: 12px; } div#artist_search table td { padding-bottom: 6px; } div#artist_search table td.text { color: #fff; font-size: 11px; text-align: right; padding-right: 10px; width: 80px; } div#artist_search table td.field input, div#artist_search table td.field select { background-color: #fff; font-size: 11px; border: 1px solid #E5E5E5; width: 187px; } div#artist_search table td.field input { width: 183px; } div#artist_browse select { background-color: #fff; font-size: 11px; border: 1px solid #E5E5E5; width: 277px; margin: 0 0 5px 12px; } /* Features List */ div.home_right_box ul.feature_list { list-style: none; padding-bottom: 0px; } div.home_right_box ul.feature_list li { list-style: none; margin-left: 0; padding: 0 0 12px 35px; } div.home_right_box ul.feature_list li a { font-weight: bold; text-decoration: none; color: #fff; } div.home_right_box ul.feature_list li span.dark_gray { color: #aeaeae; font-size: 0.9em; } div.home_right_box ul.feature_list li#music_player { background: url(../images/home/icon_music_player.gif) no-repeat 0 3px; } div.home_right_box ul.feature_list li#playlist_editor { background: url(../images/home/icon_playlist_editor.gif) no-repeat 0 3px; } div.home_right_box ul.feature_list li#page_builder { background: url(../images/home/icon_page_builder.gif) no-repeat 0 3px; } div.home_right_box ul.feature_list li#cd_creator { background: url(../images/home/icon_cd_creator.gif) no-repeat 0 3px; }