/* ================================ * CLASSIC (AUDIO) supported modules: * Profile Pic * Display Name * Connect * Meta * Photos * Videos * Audio Player * Audio Albums * Status * Text * Following * Circles * Interests * Stats * Members * Comments * Events ================================ */ /************************************************* * GLOBAL *************************************************/ a, a:visited, img { border: none; } a, a:visited { color: #636363; border: 0; } a:hover { color: #b8b6b6; } p { font: normal 11px/140% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #3d3d3d; padding: 0 0 20px 0; } div#virb_banner { background-color: #262626; } /************************************************* * CONTENT *************************************************/ .core_container { background: #0f0f0f; } #profile_wrapper { margin: 0 auto; padding: 30px 0 50px 0; width: 852px; } #profile_container { background: #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #292626; padding: 25px; } #left_side { float: left; width: 575px; margin: 5px 0 0 0; overflow: hidden; } #right_side { float: right; width: 200px; margin: 5px 0 0 0; overflow: hidden; } /***** Profile Nav *****/ #profile_nav { float: right; width: 450px; border: none; margin: 0; padding: 0; } #profile_nav ul { float: right; } #profile_nav li { display: block; float: left; height: 22px; padding: 0 12px 0 0; margin: 1px 0 25px 5px; background: url(/_assets/_graphics/_global/profile-nav_right.png) no-repeat right top; } #profile_nav li:hover { background: url(/_assets/_graphics/_global/profile-nav_right.png) no-repeat right bottom; cursor: pointer; } #profile_nav li a, #profile_nav li a:visited { display: block; height: 17px; padding: 5px 0 0 12px; line-height: 100%; border: 0; color: #fff; font-size: 11px; background: url(/_assets/_graphics/_global/profile-nav_left.png) no-repeat; } #profile_nav li.selected { background: url(/_assets/_graphics/_global/profile-nav_right.png) no-repeat right bottom; } #profile_nav li.selected a, #profile_nav li.selected a:visited { background: url(/_assets/_graphics/_global/profile-nav_left.png) no-repeat left bottom; color: #fff; font-weight: bold; } #profile_nav li a:hover, #profile_nav li:hover a { color: #fff; background: url(/_assets/_graphics/_global/profile-nav_left.png) no-repeat left bottom; } /************************************************* * MODULES *************************************************/ .module { border-top: solid 1px #222222; padding: 10px 0 0 0; margin: 0 0 30px 0; clear: both; } #right_side .module { padding-top: 10px; margin-bottom: 20px; } .module h3 { font: bold 17px Helvetica, Arial, Verdana, sans-serif; color: #9e1111; margin: 0 0 15px 0; } #right_side .module h3 { margin-bottom: 10px; font-size: 12px; } .module h3 span, .module h3 a, .module h3 a:visited { color: #5c5757; font: normal 13px Helvetica, Arial; margin-right: 0; } .module h3 a:hover { color: #b8b6b6; } .module h3 span.left_paren { margin-left: 5px; } #right_side .module h3 span, #right_side .module h3 a, #right_side .module h3 a:visited { font-size: 11px; } .module p { font: normal 12px Helvetica, Arial, Verdana, sans-serif; line-height: 150%; } #right_side .module, #right_side .module p { font: normal 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; line-height: 140%; } /************************************************* * PROFILE PIC *************************************************/ #profile_image.module { float: left; border: 0; margin: 0 10px 30px 0; padding: 0; } #profile_image.module img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #222222; padding: 7px; } #right_side #profile_image.module { margin: 0 0 20px 0; } /************************************************* * DISPLAY NAME *************************************************/ #display_name.module, #meta.module, #status.module { border: none; margin: 0; padding: 0; clear: none; } #display_name.module h1 { font: bold 32px Helvetica, Arial, sans-serif; line-height: 100%; color: #9e1111; letter-spacing: -1px; margin: 5px 0; } #left_side #display_name.module h1 { margin-left: -2px; } /************************************************* * META *************************************************/ #meta.module h2 { display: block; color: #474545; font: normal 13px Helvetica, Arial, sans-serif; line-height: 125%; margin: 0 0 3px 0; } #meta.module h2.meta_genres { color: #4a4747; font-size: 16px; } #meta.module h2 em { font-style: normal; } /************************************************* * STATUS *************************************************/ #right_side #status.module { border-top: solid 1px #222222; padding-top: 10px; } #left_side #status.module { border: 0; padding: 0 0 5px 0; } #status.module h4 { color: #3d3d3d; font: normal 15px Helvetica, Arial, sans-serif; margin: 0 0 5px 0; } #status.module h4 a, #status.module h4 a:visited { color: #636363; } #status.module h4 a:hover { color: #b8b6b6; } #right_side #status.module h4 { font-size: 14px; margin: 0 0 5px 0; line-height: 125%; } #right_side #status.module p { font-size: 9px; color: #5c5757; } /************************************************* * CONNECT *************************************************/ #connect.module { border: 0; padding: 0; } #connect.module ul li { border-bottom: dotted 1px #222222; color: #474545; padding: 5px 0 5px 0px; } /************************************************* * ABOUT *************************************************/ #about.module { margin-bottom: 10px; } #left_side #about.module p { padding-right: 15px; } /************************************************* * PHOTOS/VIDEOS *************************************************/ .virb_image { padding: 12px; border: solid 1px #222222; margin: 0 20px 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } a:hover .virb_image { background: #222222; } #photos.module .virb_image_wrap { display: inline; } #right_side .virb_image { padding: 0; margin-right: 3px; } #right_side #photos.module .virb_image { padding: 9px; margin: 0 0 10px 0; width: 180px; } /************************************************* * AUDIO PLAYER *************************************************/ #player.module { border: 0; padding-top: 0; } .virb_artist_player { padding: 10px 10px 15px 10px; margin: 0; border: solid 1px #222222; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #000000; } .virb_artist_player p.new_window { font: 11px 'Lucida Grande', Arial; padding-bottom: 0; text-align: right; } .virb_artist_player p.new_window a, .virb_artist_player p.new_window a:visited { color: #5c5757; text-decoration: underline; } .virb_artist_player p.new_window a:hover { color: #b8b6b6; text-decoration: none; } /***** Album Image *****/ .virb_artist_player .album_image { float: left; margin: 0 10px 10px 0; } .virb_artist_player .album_image img { border: 1px solid #222222; } /***** Marquee *****/ .virb_artist_player .marquee { border-bottom: solid 1px #222222; background: #0a0a0a; padding: 15px 12px; } .virb_artist_player .marquee .track_name { display: none; } .virb_artist_player .marquee .artist_album_name { visibility: hidden; } .virb_artist_player.has_image .marquee { margin: 0 0 0 102px; } .virb_artist_player .marquee h1 { font: bold 15px Helvetica, Arial, sans-serif; margin-bottom: 1px; color: #9e1111; white-space: nowrap; overflow: hidden; } .virb_artist_player .marquee .artist_album_name { position: relative; height: 15px; } .virb_artist_player .marquee h2, .virb_artist_player .marquee h3 { font: normal 12px Helvetica, Arial, sans-serif; color: #9e1111; white-space: nowrap; overflow: hidden; } .virb_artist_player .marquee h2 { display: none; } /***** Controls *****/ .play_pause .play { background: url(/_assets/_graphics/_player/play.gif) no-repeat center center; } .play_pause .pause { background: url(/_assets/_graphics/_player/pause.gif) no-repeat center center; } .previous_track { background: url(/_assets/_graphics/_player/previous.gif) no-repeat center center; } .next_track { background: url(/_assets/_graphics/_player/next.gif) no-repeat center center; } .play_pause, .previous_track, .next_track { float: left; width: 20px; } .play_pause a, .previous_track a, .next_track a { padding: 8px 0; display: block; } .play_pause strong, .previous_track strong, .next_track strong { visibility: hidden; overflow: hidden; white-space: nowrap; } .time_elapsed { float: right; font: 14px/14px Helvetica, Arial, sans-serif; color: #5c5757; margin-top: 10px; } /***** Loader *****/ .loader { background: #474545; height: 7px; margin: 13px 50px 0 70px; position: relative; } .virb_artist_player.has_image .loader { margin: 13px 50px 0 170px; } .progress { background: #222222; height: 7px; width: 0%; position: absolute; z-index:1; cursor:pointer; } .playhead { background: #636363; height: 7px; width: 0%; position: absolute; z-index:2; cursor:pointer; } /* Volume */ .volume { visibility: hidden; } /* Track Listing */ .virb_artist_player .track_listing { clear: both; border-top: solid 1px #222222; margin: 0 0 10px 0; overflow: auto; } .virb_artist_player .track_listing li { position: relative; border-bottom: solid 1px #222222; padding: 6px 5px 7px 5px; font: 10px/12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; cursor: pointer; overflow: hidden; } .virb_artist_player .track_listing li .bullet { display: none; } .virb_artist_player .track_listing li.selected .bullet { display: inline; font-weight: normal; } .virb_artist_player .track_listing li.odd { background: #0a0a0a; } .virb_artist_player .track_listing li .track_details { background: #000000; } .virb_artist_player .track_listing li.odd .track_details { background: #0a0a0a; } .virb_artist_player .track_listing li .track_details { position: absolute; top: 4px; right: 0px; padding: 0 5px; } .virb_artist_player .track_listing li a.show_hide_details, .virb_artist_player .track_listing li a.show_hide_details:visited, .virb_artist_player .track_listing li a.buy_track, .virb_artist_player .track_listing li a.buy_track:visited, .virb_artist_player .track_listing li a.download_track, .virb_artist_player .track_listing li a.download_track:visited, .virb_artist_player .track_listing li .details a, .virb_artist_player .track_listing li .details a:visited { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: solid 1px #222222; background: #000000; color: #636363; display: block; font-weight: normal; font-size: 10px; padding: 1px 6px 2px 6px; line-height: 12px; float: right; margin-left: 4px; cursor: pointer; } .virb_artist_player .track_listing li a.track, .virb_artist_player .track_listing li a.track:visited { color: #3d3d3d; } .virb_artist_player .track_listing li a.track:hover, .virb_artist_player .track_listing li:hover a.track, .virb_artist_player .track_listing li:hover a.track:visited { color: #b8b6b6; } .virb_artist_player .track_listing li.selected a.track, .virb_artist_player .track_listing li.selected a.track:visited { color: #636363; font-weight: bold; } .virb_artist_player .track_listing li a.buy_track:hover, .virb_artist_player .track_listing li a.download_track:hover, .virb_artist_player .track_listing li a.show_hide_details:hover, .virb_artist_player .track_listing li .details a:hover { cursor: pointer; color: #b8b6b6; border-color: #292626; } .virb_artist_player .track_listing li .details { display: none; position: relative; z-index: 100; padding-top: 7px; } /***** No Flash *****/ .no_flash { padding: 20px 20px 10px 80px; background: #0a0a0a url(/_assets/_graphics/_icons/icn-no_flash.png) no-repeat 20px 18px; display: none; } .no_flash h2 { font-size: 18px; color: #9e1111; } .no_flash p { font: normal 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #5c5757; margin: 0; padding: 0 0 5px 0; } /***** Loading Flash *****/ .loading_flash { padding: 10px; background: #0a0a0a; display: block; } .loading_flash h2 { font-size: 18px; color: #9e1111; } /************************************************* * AUDIO ALBUMS *************************************************/ .albums.module ul li { float: left; border: 1px solid #222222; width: 282px; margin: 0 0 10px 0; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .albums.module ul li { width: 198px; } .albums.module ul li:hover { border-color: #292626; background: #0a0a0a; } .albums.module ul li.odd { margin-right: 7px; } .albums.module ul li img { margin: 3px 0 15px 0; padding: 0; border: 0; } #right_side .albums.module ul li img { margin: 20px 0 10px 0; } #photo_albums.module ul li h4, #video_albums.module ul li h4 { font: normal 16px Helvetica, Arial, Verdana, sans-serif; } #right_side #photo_albums.module ul li h4 { font-size: 14px; } #photo_albums.module ul li p, #video_albums.module ul li p { padding: 0 0 15px 0; color: #5c5757; } #right_side #photo_albums.module ul li p, #right_side #video_albums.module ul li p { font-size: 10px; } #right_side #audio_albums.module p { font: normal 12px Helvetica, Arial, Verdana, sans-serif; color: #3d3d3d; padding: 0; margin: 0; } #right_side #audio_albums.module p.album_name { font-weight: bold; padding: 0 15px 15px 15px; } /************************************************* * TEXT *************************************************/ div.text_post { border-bottom: 1px dotted #222222; margin: 0 0 20px 0; padding: 0 0 20px 0; } div.text_post.bottom { border: 0; } .text_post p { font: normal 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #5c5757; padding: 0 0 15px 0; } .text_post p.date, .text_post p.comments { padding: 0; } .text_post .body p { font: normal 12px Helvetica, Arial, Verdana, sans-serif; line-height: 150%; color: #3d3d3d; } .text_post h4 { margin: 3px 0 15px 0; font-size: 15px; } .text_post h4 a, .text_post h4 a:visited { border-bottom: 1px solid #636363; } .text_post h4 a:hover { border: 0; } .text_post p.comments a, .text_post p.comments a:visited { color: #666666; } .text_post p.comments a:hover { color: #b8b6b6; } /************************************************* * EVENTS *************************************************/ #events.module table { border-top: solid 1px #222222; width: 100%; } #events.module table tr { background: #0a0a0a; } #events.module table tr.row_odd { background: #000000; } #events.module table td { vertical-align: middle; padding: 5px 10px 5px 0; border-bottom: solid 1px #222222; } #events.module table td p { padding: 0; } #events.module table td.col1 { padding-left: 10px; width: 13%; } #events.module table td.col4 { width: 13%; text-align: right; } /************************************************* * FOLLOWING/FOLLOWERS/CIRCLES *************************************************/ #following img.virb_image { height: 35px; width: 35px; } /************************************************* * MEMBERS *************************************************/ #members.module ul li { width: 575px; overflow: hidden; } #right_side #members.module ul li { width: 200px; } #right_side #members.module p { padding-bottom: 0; } /************************************************* * STATS *************************************************/ #right_side #music_stat ul { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #222222; padding: 5px 9px; } #right_side #music_stat ul li { padding: 4px 0; border-bottom: 1px solid #222222; clear: both; } #right_side #music_stat ul li dt, #right_side #music_stat ul li dd { float: left; width: 120px; color: #5c5757; } #right_side #music_stat ul li dd { width: 60px; color: #3d3d3d; text-align: right; } #right_side #music_stat ul li.bottom { border: 0; } #right_side #music_stat.module p { padding-bottom: 0; } #right_side #music_stat.module p em { float: left; font-style: normal; color: #5c5757; } #right_side #music_stat.module p strong { float: right; } /************************************************* * INTERESTS *************************************************/ .interests.module p { color: #636363; padding: 0; } #right_side .interests.module p { font-size: 10px; } /************************************************* * COMMENTS *************************************************/ #comments.module { border-top-width: 5px; } #comments.module form { margin: 0; padding: 0; } #comments.module .awaiting_approval, #comments.module p { font: normal 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; } #comments.module .awaiting_approval { color: #542929; } #comments.module #add_comment_wrapper p { padding-bottom: 0; } #comments.module .comment { position: relative; border-top: solid 1px #222222; padding: 10px 10px 5px 45px; } #comments.module .comment.edit_delete { padding-bottom: 25px; } #comments.module #add_comment_wrapper.comment { border-top: solid 1px #222222; border-bottom: none; } #comments.module .comment.firstRow { border-top: solid 1px #222222; } #comments.module .comment.odd { background: #0a0a0a; } #comments.module p.avatar { position: absolute; top: 10px; left: 10px; } #comments.module p.avatar img { width: 25px; height: 25px; } #comments.module p { padding-bottom: 10px; line-height: 140%; } #comments.module p.meta { padding-bottom: 10px; color: #474545; } #comments.module p.meta .edit_delete { position: absolute; right: 10px; bottom: 10px; } #comments.module p.meta .edit_delete a.delete_comment, #comments.module p.meta .edit_delete a.delete_comment:visited { color: #542929; padding: 0 0 0 3px; border: none; } #comments.module .comment form.reply_form, #comments.module .comment form.edit_form, #comments.module .replies form.edit_form, #unsaved_comment, #unsaved_comment_reply { display: none; } #comments.module .replies { padding: 0 0 0 68px; } #comments.module .comment_reply { position: relative; border-bottom: solid 1px #222222; padding: 10px 10px 10px 55px; } #comments.module .comment_reply p.meta { padding-bottom: 0px; padding-top: 2px; } #comments.module textarea { height: 45px; } #right_side #comments.module textarea { width: 135px; font-size: 10px; } .btn-form_post { background: #000000; margin: 10px 0; font: bold 10px Helvetica, Arial, Verdana, sans-serif; color: #636363; text-transform: uppercase; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; border: 1px solid #292626; padding: 7px 15px; } .btn-form_post:hover { cursor: pointer; background: #0a0a0a; color: #b8b6b6; } /************************************************* * CUSTOM MODULES *************************************************/ /* ================================ * MISCELLANEOUS ================================ */ h1, h2, h3, h4, h5 { font-family: Helvetica, Arial, Verdana, sans-serif; } /************************************************* * PRIVACY *************************************************/ div#private { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #222222; background: #0a0a0a url(/_assets/_graphics/_frontend/private_lock.png) no-repeat top right; padding: 50px 20px 60px 20px; margin: 0 0 10px 0; } #private p { font-size: 11px; color: #3d3d3d; line-height: 125%; margin: 0; padding: 0; text-align: center; } #private p strong { font: bold 24px Helvetica, Arial, Verdana, sans-serif; color: #542929; letter-spacing: -1px; } /***** Personal Player ********/ #right_side #player_personal.module .flash { text-align: center; } #footer { clear: both; }