/* -------------------------------------------------------- Homepage stylesheet Website: Rapartists.com Created by: First Beat Media Filename: css/homepage.css -------------------------------------------------------- */ /* -------------------------------------------------------- Presentation -------------------------------------------------------- */ /* Content - General -------------------------------------------------------- */ /* Main Content */ div#main_content { margin-right: 10px; } /* Content - Main -------------------------------------------------------- */ /* Featured Artist */ div#featured_artist { background: url("../files/images/featured_artist_bg.gif") repeat-y; margin-bottom: 20px; } div#featured_artist_inner { padding: 10px 0 10px 10px; } div#featured_left { float: left; width: 635px; } div#featured_side { float: left; width: 159px; } div#featured_left h3#featured_title { background: url("../files/images/title_featured_artist.gif") no-repeat; text-decoration: none; margin-bottom: 10px; width: 223px; height: 17px; } div#featured_left div#featured_photo_rate { float: left; width: 188px; } div#featured_left div#featured_photo_rate div.featured_photo { margin-bottom: 10px; } div#featured_left div#featured_photo_rate div.featured_photo img { border: 5px solid #202020; } div#featured_left div#featured_photo_rate div.featured_rate { width: 171px; height: 50px; padding: 10px 0 0 10px; background: url("../files/images/rate_bg.png") no-repeat; } div#featured_left div#featured_photo_rate div.featured_rate h3 { width: 163px; height: 10px; background: url("../files/images/title_rate_artist.gif") no-repeat; text-decoration: none; margin-bottom: 8px; } div#featured_left div#featured_info { float: left; width: 420px; } div#featured_left div#featured_info h2 { float: left; font-size: 24px; color: #a37b22; line-height: 1.1em; padding-right: 8px; letter-spacing: -1px; } div#featured_left div#featured_info h2 a { text-decoration: none; } div#featured_left h3 { border-bottom:1px solid #E1DED5; color:#1F1F1F; font-size:20px; letter-spacing:-1px; margin-bottom:15px; padding-bottom:3px; } div#new_ringtones_title h3 { border-bottom:1px solid #E1DED5; color:#1F1F1F; font-size:20px; letter-spacing:-1px; margin-bottom:15px; padding-bottom:3px; } div#featured_left div#featured_info p.short_bio { border-bottom: 1px solid #dfdcce; margin-bottom: 8px; padding-bottom: 8px; text-align:justify; } div#featured_left div#featured_info h3 { font-size: 20px; color: #a37b22; margin-bottom: 10px; letter-spacing: -1px; } div#featured_left div#featured_info div.featured_top_album { overflow: hidden; width: 100%; margin-bottom: 10px; } div#featured_left div#featured_info div.featured_top_album div.featured_top_album_image { float: left; width: 66px; } div#featured_left div#featured_info div.featured_top_album div.featured_top_album_infos { float: left; width: 195px; } div#featured_left div#featured_info div.featured_top_album div.featured_top_album_infos h4 { font-size: 14px; } div#featured_left div#featured_info div.featured_top_album div.featured_top_album_infos h4 a { text-decoration: none; color: #6b685c; } div#featured_left div#featured_info div.featured_top_album div.featured_top_album_infos h4 a:hover { color: #a37b22; } div#featured_left div#featured_info div.featured_top_album div.featured_top_album_infos p { font-size: 12px; padding-bottom: 5px; } /* My Favorites - Only when user is logged */ div#my_favorites { overflow: hidden; width: 100%; margin-bottom: 20px; } div#my_favorites div.favorites_top_left { float: left; width: 177px; } div#my_favorites div.favorites_top_left h2 { background: url("../files/images/title_my_favorites.gif") no-repeat; text-decoration: none; margin-bottom: 10px; width: 177px; margin-top: 1px; height: 17px; } div#my_favorites div.favorites_top_menu { float: right; padding-right: 6px; } div#my_favorites div.favorites_top_menu ul li { float: left; padding-right: 3px; } div#my_favorites div.favorites_top_menu ul li a { background: url("../files/images/favorites_menu_bg.gif") no-repeat; text-decoration: none; padding-top: 6px; display: block; width: 67px; height: 24px; text-align: center; color: #888473; font-weight: bold; } div#my_favorites div.favorites_top_menu ul li a:hover, div#my_favorites div.favorites_top_menu ul li a.fav_active { background-position: bottom left; color: #a37b22; } div#my_favorites div.favorites_tab { background-color: #f2f0e9; padding: 7px 0 7px 7px; } /* My Favorites - Artists */ div#my_favorites_artists div.fav_artists_details { float: left; background: url("../files/images/fav_artists_left_bg.gif") no-repeat; width: 362px; height: 264px; margin-right: 14px; } div#my_favorites_artists div.fav_artists_details_inner { padding: 10px; } div#my_favorites_artists div.fav_artists_details div.fav_artists_details_image { float: left; width: 188px; } div#my_favorites_artists div.fav_artists_details div.fav_artists_details_image img { border: 5px solid #202020; } div#my_favorites_artists div.fav_artists_details div.fav_artists_details_info h2 { font-size: 24px; color: #a37b22; margin-bottom: 5px; } div#my_favorites_artists div.fav_artists_details div.fav_artists_details_info h2 a { text-decoration: none; } div#my_favorites_artists div.fav_artists_details div.fav_artists_details_info p { padding-bottom: 8px; } div#my_favorites_artists div.fav_artists_details div.fav_artists_details_info p.short_bio { padding-bottom: 12px; } div#my_favorites_artists div.fav_artists_more { float: left; width: 268px; padding-top: 8px; } div#my_favorites_artists div.fav_artists_more ul { width: 100%; overflow: hidden; margin-bottom: 5px; } div#my_favorites_artists div.fav_artists_more ul li { float: left; padding: 0 10px 7px 0; } div#my_favorites_artists div.fav_artists_more ul li img { border: 1px solid #999585; } div#my_favorites_artists div.fav_artists_more p { font-size: 11px; padding-bottom: 10px; } div#my_favorites_artists div.fav_artists_more p.btn_flip_prev, div#my_favorites_artists div.fav_artists_more p.btn_flip_next { float: left; padding: 0 5px 0 0; } div#my_favorites_artists div.fav_artists_more p.btn_flip_prev a, div#my_favorites_artists div.fav_artists_more p.btn_flip_next a { background: url("../files/images/btn_flip_pages_bg.gif") no-repeat; font-size: 12px; display: block; width: 78px; height: 19px; text-align: center; padding-top: 4px; font-weight: bold; text-decoration: none; } p.fav_artist_remove a { font-size: 11px; font-weight: bold; text-decoration: none; } /* My Favorites - Albums - Songs - Video */ div.fav_list_bg { background: url("../files/images/fav_songs_bg.gif") no-repeat; width: 641px; height: 264px; } div.fav_list_bg_inner { padding: 5px 5px 0 5px; } div.fav_list_header table { width: 630px; margin-bottom: 3px; } div.fav_list_header table th { background-color: #f2f0e9; color: #252525; padding: 7px; } div.fav_list_header table th.row_song { width: 282px; } div.fav_list_header table th.row_artist { width: 154px; } div.fav_list_header table th.row_remove { width: 78px; } div.fav_list_header table th.row_buy { width: 80px; } div.fav_list { overflow: auto; width: 630px; height: 221px; } div.fav_list table { width: 609px; } div.fav_list table td { padding: 10px 7px; border-bottom: 1px solid #f2f0e9; font-size: 12px; } div.fav_list table td.row_song { width: 282px; } div.fav_list table td.row_artist { width: 154px; } div.fav_list table td.row_remove { width: 78px; } div.fav_list table td.row_buy { width: 59px; text-align: center; } div.fav_list table td.row_song a.top_albums_image { float: left; margin-right: 8px; } div.fav_list table td.row_song a.fav_list_songs { padding-left: 25px; background: url("../files/images/icon_top_songs.gif") no-repeat 0px 1px; } div.fav_list table td.row_song a.fav_list_videos { padding-left: 25px; background: url("../files/images/icon_top_videos.gif") no-repeat 0px 1px; } div.fav_list table td.row_remove a { font-size: 11px; background: url("../files/images/fav_songs_btn_bg.gif") no-repeat; width: 59px; height: 17px; padding-top: 2px; font-weight: bold; text-decoration: none; text-align: center; display: block; } div.fav_list table td.row_buy a { padding-right: 3px; } /* News and Gossips */ div#news_big_box { overflow: hidden; width: 100%; margin-bottom: 20px; } div#news_gossips { float: left; width: 345px; margin-right: 10px; } div#news_gossips div.news_top_left { float: left; width: 70px; } div#news_gossips div.news_top_left h2 { background: url("../files/images/title_news_gossips.gif") no-repeat; text-decoration: none; margin-bottom: 10px; width: 73px; margin-top: 1px; height: 17px; } div#news_gossips div.news_top_menu { float: right; padding-right: 6px; } div#news_gossips div.news_top_menu ul li { float: left; padding-right: 3px; } div#news_gossips div.news_top_menu ul li a { background: url("../files/images/favorites_menu_bg.gif") no-repeat; text-decoration: none; padding-top: 6px; display: block; width: 67px; height: 24px; text-align: center; color: #888473; font-weight: bold; } div#news_gossips div.news_top_menu ul li a:hover, div#news_gossips div.news_top_menu ul li a.news_active { background-position: bottom left; color: #a37b22; } div#my_favorites div.news_tab { background-color: #f2f0e9; padding: 7px 0 7px 7px; } div#news_gossips div.news_tab h2 { background: url("../files/images/title_news_gossips.gif") no-repeat; text-decoration: none; margin-bottom: 10px; width: 70px; margin-top: 1px; height: 17px; } div#news_gossips div.news_tab ul { border-top: 1px solid #e3e0d3; border-bottom: 1px solid #e3e0d3; } div#news_gossips div.news_tab ul li { padding: 6px 6px 6px 10px; } div#news_gossips div.news_tab ul li a { color: #6B685C; } div#news_gossips div.news_tab ul li.row_colored { background-color: #f2f0e9; } div#ad_big_box { float: left; width: 300px; } /* New Releases */ div#new_releases { margin-bottom: 20px; } div#new_releases h2 { background: url("../files/images/title_new_releases.gif") no-repeat; text-decoration: none; margin-bottom: 10px; width: 183px; height: 17px; } div#new_releases div#new_releases_title { float: left; } div#new_releases div#new_releases_view_all { float: right; } a.btn_view_all_white { background: url("../files/images/btn_view_all_white.gif") no-repeat; display: block; text-decoration: none; padding: 4px 0px 5px 20px; width: 140px; margin-bottom: 10px; } a.btn_view_all_white_small { background: url("../files/images/btn_view_all_white_small.gif") no-repeat; display: block; text-decoration: none; padding: 4px 0px 5px 20px; width: 106px; margin-bottom: 10px; } div.new_releases_item { float: left; width: 130px; padding: 0 15px; font-size: 12px; border-right: 1px solid #dfdcce; } div.new_releases_item a, div.new_releases_item h4, div.new_releases_item p { padding-bottom: 3px; } div.new_releases_item img { border: 1px solid #cfccc4; } div.new_releases_item h4 { font-size: 12px; font-weight: normal; } div.new_releases_item h4 a, div.new_releases_item a { color: #6b685c; } div.new_releases_item h4 a:hover, div.new_releases_item a:hover { color: #a37b22; } /* Top Artists Profiles */ div#top_artists_profiles { margin-bottom: 20px; } div#top_artists_profiles h2 { background: url("../files/images/title_top_artists.gif") no-repeat; text-decoration: none; margin-bottom: 10px; width: 280px; height: 17px; } div#top_artists_profiles div#top_artists_title { float: left; } div#top_artists_profiles div#top_artists_view_all { float: right; } div#top_artists_profiles div.new_releases_item h4 { padding-bottom: 10px; } /* Featured Videos */ div#featured_videos { margin-bottom: 20px; } div#featured_videos h2 { background: url("../files/images/title_featured_videos.gif") no-repeat; text-decoration: none; margin-bottom: 10px; width: 280px; height: 17px; } div#featured_videos div#featured_videos_title { float: left; } div#featured_videos div#featured_videos_view_all { float: right; } div#featured_videos div.new_releases_item h4 { padding-bottom: 10px; } /* Newly Added Ringtones */ div#new_ringtones { margin-bottom: 20px; } div#new_ringtones h2 { background: url("../files/images/title_new_ringtones.gif") no-repeat; text-decoration: none; margin: 4px 0 10px 0; width: 329px; height: 17px; } div#new_ringtones div#new_ringtones_title { float: left; } div#new_ringtones div#new_ringtones_view_all { float: right; } div#new_ringtones table { margin: 5px 0 10px 0; } div#new_ringtones table th { background-color: #f2f0e9; color: #252525; padding: 7px; } div#new_ringtones table th img { padding-left: 2px; vertical-align: middle; } div#new_ringtones table th span { font-weight: normal; font-size: 11px; } div#new_ringtones table td { padding: 5px 7px; color: #888473; border-bottom: 1px solid #f2f0e9; font-size: 12px; } div#new_ringtones table th.row_song_list, div#new_ringtones table td.row_song_list { width: 199px; } div#new_ringtones table td.row_song_list a { background: url("../files/images/icon_ringtones.gif") no-repeat; padding-left: 17px; } div#new_ringtones table th.row_album, div#new_ringtones table td.row_album { width: 208px; } div#new_ringtones table th.row_ringtones, div#new_ringtones table td.row_ringtones, div#new_ringtones table th.row_buy , div#new_ringtones table td.row_buy { width: 85px; text-align: center; } div#new_ringtones table td.row_ringtones, div#new_ringtones table td.row_buy { padding-left: 26px; } div#new_ringtones table td.row_buy a.buy_ringtones { font-size: 11px; background: url("../files/images/download_ringtones_bg.gif") no-repeat; width: 69px; height: 17px; padding-top: 2px; font-weight: bold; text-decoration: none; text-align: center; display: block; } /* Top Lists */ div.top_lists_column { float: left; width: 205px; padding-right: 9px; border-right: 1px solid #dfdcce; } div.top_lists_column ul li { padding: 8px 0 8px 35px; border-bottom: 1px solid #f2f0e9; } div.top_lists_column ul li a { font-weight: bold; text-decoration: none; } div.top_lists_column div.top_list_view_all { float: right; padding-top: 8px; } a.btn_view_all_gray { background: url("../files/images/btn_view_all_gray.gif") no-repeat; display: block; text-decoration: none; padding: 4px 0px 5px 20px; width: 130px; } /* Top Artists */ div#top_artists h2 { background: url("../files/images/title_top_artists_bot.gif") no-repeat; text-decoration: none; margin-bottom: 2px; width: 155px; height: 17px; } div#top_artists ul li { padding-left: 5px; } div#top_artists ul li a.top_albums_image { float: left; margin-right: 8px; } /* Top Albums */ div#top_albums { padding-left: 9px; } div#top_albums h2 { background: url("../files/images/title_top_albums.gif") no-repeat; text-decoration: none; margin-bottom: 2px; width: 155px; height: 17px; } div#top_albums ul li { padding-left: 5px; } div#top_albums ul li a.top_albums_image { float: left; margin-right: 8px; } /* Top Songs */ div#top_songs { padding-left: 9px; padding-right: 0px; border-right: 0px; } div#top_songs h2 { background: url("../files/images/title_top_songs.gif") no-repeat; text-decoration: none; margin-bottom: 2px; width: 132px; height: 17px; } div#top_songs ul li { background: url("../files/images/icon_top_songs.gif") no-repeat 10px 12px; } /* Top Videos */ div#top_videos { padding-left: 9px; } div#top_videos h2 { background: url("../files/images/title_top_videos.gif") no-repeat; text-decoration: none; margin-bottom: 2px; width: 144px; height: 17px; } div#top_videos ul li { background: url("../files/images/icon_top_videos.gif") no-repeat 10px 10px; }