diff --git a/.gitignore b/.gitignore
index 8f4b542..1d0189a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,4 +11,4 @@ Thumbs.db
/config/sevendigital.yml
/public/images_old/
-/public/.sass_cache/
\ No newline at end of file
+/public/.sass-cache/
\ No newline at end of file
diff --git a/app/controllers/home_controller.rb b/app/controllers/home_controller.rb
index 92bab50..4d67b7b 100644
--- a/app/controllers/home_controller.rb
+++ b/app/controllers/home_controller.rb
@@ -1,9 +1,7 @@
class HomeController < ApplicationController
- def show
- @charts = LastFM::Chart.getTopArtists 10
- LastFM::Request.run_queue!
-
+ def show
+ @files = Dir.glob("public/images/startsite/*.jpg")
render :partial=>"index"
end
diff --git a/app/views/home/_index.html.haml b/app/views/home/_index.html.haml
index 30193d3..986b0fe 100644
--- a/app/views/home/_index.html.haml
+++ b/app/views/home/_index.html.haml
@@ -1,3 +1,7 @@
%ul#top_artist
- - @charts.artist.each do |a|
- %li= image_tag validate_img_url(a.image, "artist", :mega)
\ No newline at end of file
+ - for file in @files
+ %li= image_tag "startsite/"+File.basename(file)
+%ul#top_artist_nav
+ %li= link_to image_tag("startsite/small/beatles.jpg"),"", :class=>"ll dir"
+ %li= image_tag "startsite/small/katy-perry.jpg", :class=>"cc"
+ %li= link_to image_tag("startsite/small/coldplay.jpg"),"", :class=>"rr dir"
\ No newline at end of file
diff --git a/app/views/layouts/_player.html.haml b/app/views/layouts/_player.html.haml
index 7447193..c3cf9ed 100644
--- a/app/views/layouts/_player.html.haml
+++ b/app/views/layouts/_player.html.haml
@@ -4,4 +4,4 @@
= link_to image_tag("icons/player/forward.png"), "javascript:void(0);", :class=>"forward"
= link_to image_tag("icons/player/volume.png"), "javascript:void(0);", :class=>"volume"
= link_to image_tag("icons/player/repeat.png"), "javascript:void(0);", :class=>"repeat"
- = link_to image_tag("icons/player/fullscreen.png"), "javascript:void(0);", :id=>"full"
\ No newline at end of file
+ = link_to image_tag("icons/player/fullscreen.png"), "javascript:void(0);", :class=>"full"
\ No newline at end of file
diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml
index 0e99050..f5239d9 100644
--- a/app/views/layouts/application.html.haml
+++ b/app/views/layouts/application.html.haml
@@ -8,21 +8,8 @@
= favicon_link_tag
= favicon_link_tag "9minutes-logo.png", :rel=>"icon", :type=>"image/png"
= csrf_meta_tag
- :plain
-
-
-
-
-
-
-
-
%body
- #loading Loading
+ #loading= image_tag "icons/loading_dark.gif", :class=>"loadingimg"
#error Error
#block
#bg_stripe
@@ -40,7 +27,6 @@
#navigation
%li.active= link_to "home", "/#!/home"
%li= link_to "charts", "/#!/charts"
- %li= link_to "about", "#"
%li= link_to "register", "/#!/register"
%li.search
= form_tag '/search', :method => 'get', :id => "search_form", :remote=>true do
diff --git a/config/application.rb b/config/application.rb
index a52b532..54ebd04 100644
--- a/config/application.rb
+++ b/config/application.rb
@@ -9,8 +9,7 @@ module Nineminutes
# enable caching in development mode
config.action_controller.perform_caching = true
-
- config.action_controller.page_cache_directory = RAILS_ROOT+"/public/cache/"
+ config.action_controller.page_cache_directory = Rails.root.to_s+"/public/cache/"
# asset packaging
config.gem "jammit"
diff --git a/config/assets.yml b/config/assets.yml
index 6678384..ac6161f 100644
--- a/config/assets.yml
+++ b/config/assets.yml
@@ -12,6 +12,7 @@ javascripts:
common:
- public/javascripts/config.js
- public/javascripts/pinify.js
+ - public/javascripts/home.js
- public/javascripts/player.js
- public/javascripts/search.js
- public/javascripts/store.js
diff --git a/config/routes.rb b/config/routes.rb
index 9fd0611..ee1018e 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -19,16 +19,18 @@ Nineminutes::Application.routes.draw do
match "/more_albums", :to => "artists#more_albums"
match "/more_artists", :to => "search#more_artists"
match "/more_charts", :to => "charts#more"
+
#get "artists/", :to => "artists#index"
match "/users/:user", :to => "users#show"
match "/users/:user/edit", :to => "users#edit"
+
match "/autocomplete", :to => "search#autocomplete"
match "/album_info", :to => "artists#album_info"
match "/search_video", :to => "tracks#search_video"
#resources :artists, :constraints => { :id => /.*/ }
- resources :search
+ resources :search, :constraints => { :id => /.*/ }
#resources :users, :only => [ :show ]
get "home/", :to => "home#show"
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/9minutes.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/9minutes.scssc
deleted file mode 100644
index bbcc8b8..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/9minutes.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_album.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_album.scssc
deleted file mode 100644
index 179c343..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_album.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_artist.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_artist.scssc
deleted file mode 100644
index 08faaad..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_artist.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_autocomplete.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_autocomplete.scssc
deleted file mode 100644
index 99f7b24..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_autocomplete.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_charts.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_charts.scssc
deleted file mode 100644
index f42ccf9..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_charts.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_fauxconsole.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_fauxconsole.scssc
deleted file mode 100644
index 5e0779f..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_fauxconsole.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_fullscreen.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_fullscreen.scssc
deleted file mode 100644
index 5661e82..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_fullscreen.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_home.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_home.scssc
deleted file mode 100644
index b26a161..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_home.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_layout.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_layout.scssc
deleted file mode 100644
index 8632638..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_layout.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_lists.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_lists.scssc
deleted file mode 100644
index fdd9c5d..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_lists.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_nivoslider.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_nivoslider.scssc
deleted file mode 100644
index 208e1c9..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_nivoslider.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_player.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_player.scssc
deleted file mode 100644
index 16e9d19..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_player.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_reset.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_reset.scssc
deleted file mode 100644
index 851773c..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_reset.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_scrolling.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_scrolling.scssc
deleted file mode 100644
index 9c15d14..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_scrolling.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_search.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_search.scssc
deleted file mode 100644
index 79bf5ce..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_search.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_sidebar.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_sidebar.scssc
deleted file mode 100644
index 51c55ef..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_sidebar.scssc and /dev/null differ
diff --git a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_user.scssc b/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_user.scssc
deleted file mode 100644
index 7767fde..0000000
Binary files a/public/.sass-cache/1309dacbc55d6dce7d378b0f7d2fbb9c912bce2e/_user.scssc and /dev/null differ
diff --git a/public/images/backgrounds/overallcrush.png b/public/images/backgrounds/overallcrush.png
index 91b1718..fd972d1 100644
Binary files a/public/images/backgrounds/overallcrush.png and b/public/images/backgrounds/overallcrush.png differ
diff --git a/public/images/startsite/adele.jpg b/public/images/startsite/adele.jpg
new file mode 100644
index 0000000..e0b9810
Binary files /dev/null and b/public/images/startsite/adele.jpg differ
diff --git a/public/images/startsite/arctic-monkeys.jpg b/public/images/startsite/arctic-monkeys.jpg
new file mode 100644
index 0000000..2cff0fa
Binary files /dev/null and b/public/images/startsite/arctic-monkeys.jpg differ
diff --git a/public/images/startsite/beatles.jpg b/public/images/startsite/beatles.jpg
new file mode 100644
index 0000000..dd6202b
Binary files /dev/null and b/public/images/startsite/beatles.jpg differ
diff --git a/public/images/startsite/coldplay.jpg b/public/images/startsite/coldplay.jpg
new file mode 100644
index 0000000..277e436
Binary files /dev/null and b/public/images/startsite/coldplay.jpg differ
diff --git a/public/images/startsite/foo-fighters.jpg b/public/images/startsite/foo-fighters.jpg
new file mode 100644
index 0000000..a2ed3eb
Binary files /dev/null and b/public/images/startsite/foo-fighters.jpg differ
diff --git a/public/images/startsite/katy-perry.jpg b/public/images/startsite/katy-perry.jpg
new file mode 100644
index 0000000..02504dd
Binary files /dev/null and b/public/images/startsite/katy-perry.jpg differ
diff --git a/public/images/startsite/lady-gaga.jpg b/public/images/startsite/lady-gaga.jpg
new file mode 100644
index 0000000..3e1dd23
Binary files /dev/null and b/public/images/startsite/lady-gaga.jpg differ
diff --git a/public/images/startsite/muse.jpg b/public/images/startsite/muse.jpg
new file mode 100644
index 0000000..2544ec7
Binary files /dev/null and b/public/images/startsite/muse.jpg differ
diff --git a/public/images/startsite/radiohead.jpg b/public/images/startsite/radiohead.jpg
new file mode 100644
index 0000000..a0084d7
Binary files /dev/null and b/public/images/startsite/radiohead.jpg differ
diff --git a/public/images/startsite/red-hot-chili-peppers.jpg b/public/images/startsite/red-hot-chili-peppers.jpg
new file mode 100644
index 0000000..3e3584a
Binary files /dev/null and b/public/images/startsite/red-hot-chili-peppers.jpg differ
diff --git a/public/images/startsite/small/adele.jpg b/public/images/startsite/small/adele.jpg
new file mode 100644
index 0000000..dc0a2a5
Binary files /dev/null and b/public/images/startsite/small/adele.jpg differ
diff --git a/public/images/startsite/small/arctic-monkeys.jpg b/public/images/startsite/small/arctic-monkeys.jpg
new file mode 100644
index 0000000..6ff480e
Binary files /dev/null and b/public/images/startsite/small/arctic-monkeys.jpg differ
diff --git a/public/images/startsite/small/beatles.jpg b/public/images/startsite/small/beatles.jpg
new file mode 100644
index 0000000..0c782da
Binary files /dev/null and b/public/images/startsite/small/beatles.jpg differ
diff --git a/public/images/startsite/small/coldplay.jpg b/public/images/startsite/small/coldplay.jpg
new file mode 100644
index 0000000..4c38cdc
Binary files /dev/null and b/public/images/startsite/small/coldplay.jpg differ
diff --git a/public/images/startsite/small/foo-fighters.jpg b/public/images/startsite/small/foo-fighters.jpg
new file mode 100644
index 0000000..cc221fd
Binary files /dev/null and b/public/images/startsite/small/foo-fighters.jpg differ
diff --git a/public/images/startsite/small/katy-perry.jpg b/public/images/startsite/small/katy-perry.jpg
new file mode 100644
index 0000000..17c13bb
Binary files /dev/null and b/public/images/startsite/small/katy-perry.jpg differ
diff --git a/public/images/startsite/small/lady-gaga.jpg b/public/images/startsite/small/lady-gaga.jpg
new file mode 100644
index 0000000..b6cc7ce
Binary files /dev/null and b/public/images/startsite/small/lady-gaga.jpg differ
diff --git a/public/images/startsite/small/muse.jpg b/public/images/startsite/small/muse.jpg
new file mode 100644
index 0000000..0b80308
Binary files /dev/null and b/public/images/startsite/small/muse.jpg differ
diff --git a/public/images/startsite/small/radiohead.jpg b/public/images/startsite/small/radiohead.jpg
new file mode 100644
index 0000000..bf89e97
Binary files /dev/null and b/public/images/startsite/small/radiohead.jpg differ
diff --git a/public/images/startsite/small/red-hot-chili-peppers.jpg b/public/images/startsite/small/red-hot-chili-peppers.jpg
new file mode 100644
index 0000000..1917888
Binary files /dev/null and b/public/images/startsite/small/red-hot-chili-peppers.jpg differ
diff --git a/public/javascripts/ajax/loadmore.js b/public/javascripts/ajax/loadmore.js
index 07aa490..edb3475 100644
--- a/public/javascripts/ajax/loadmore.js
+++ b/public/javascripts/ajax/loadmore.js
@@ -10,8 +10,6 @@
function loadmore(obj){
- show_flash(false);
-
$(obj).parent().children('.list').attr("wanting","true");
size = $(obj).parent().find('li').size();
@@ -50,4 +48,20 @@ function show_li(obj, c){
setTimeout(function(){
$(obj).show();
}, 200+c);
+}
+
+
+function disable_more_button(obj){
+ $(obj).die("click");
+ $(obj).unbind('mouseenter mouseleave');
+ $(obj).addClass("disabled");
+ $(obj).html('
');
+}
+
+function enable_more_button(){
+ more_hover();
+ $('.more').each(function(){
+ $(this).removeClass("disabled");
+ $(this).html('SHOW MORE');
+ });
}
\ No newline at end of file
diff --git a/public/javascripts/animations/fullscreen.js b/public/javascripts/animations/fullscreen.js
index bdc370f..b142a5f 100644
--- a/public/javascripts/animations/fullscreen.js
+++ b/public/javascripts/animations/fullscreen.js
@@ -1,5 +1,5 @@
$(document).ready(function() {
- $('#full').live("click",function(){
+ $('.full').live("click",function(){
if($(this).hasClass("open")) {
$("#fullscreen").animate({
marginTop: -300,
@@ -12,7 +12,7 @@
}, 500);
$("#fullscreen_wrap").fadeTo(500, 0, function(){$(this).hide();});
});
- $(this).removeClass("open");
+ $('.full').removeClass("open");
}
else {
$("#site, #bg_stripe").animate({
@@ -27,7 +27,7 @@
init_playlist_scrollbar();
$("#fullscreen_wrap").fadeTo(1000, 0.5);
});
- $(this).addClass("open");
+ $('.full').addClass("open");
}
});
});
\ No newline at end of file
diff --git a/public/javascripts/home.js b/public/javascripts/home.js
new file mode 100644
index 0000000..2d9b4a8
--- /dev/null
+++ b/public/javascripts/home.js
@@ -0,0 +1,17 @@
+
+// Default paths for application
+// DON'T CHANGE!!!
+var hashbang = "#!";
+var artist_path = "/artists/";
+var home_path = "/home";
+function init_home(){
+ $('#top_artist').nivoSlider({
+ controlNav: false,
+ pauseTime: 3000
+ });
+ $('#top_artist_nav .dir').hover(function(){
+ $(this).children("img").stop().fadeTo(300, 0.15);
+ }, function(){
+ $(this).children("img").stop().fadeTo(300, 0.4);
+ });
+}
\ No newline at end of file
diff --git a/public/javascripts/layout.js b/public/javascripts/layout.js
index b730238..34944eb 100644
--- a/public/javascripts/layout.js
+++ b/public/javascripts/layout.js
@@ -73,19 +73,6 @@ function add_more_button(){
more_hover();
}
-function disable_more_button(obj){
- $(obj).die("click");
- $(obj).unbind('mouseenter mouseleave');
- $(obj).addClass("disabled");
-}
-
-function enable_more_button(){
- more_hover();
- $('.more').each(function(){
- $(this).removeClass("disabled");
- });
-}
-
function margin_fixes(){
$('.list.related li:nth-child(3n)').css("marginRight", 0);
@@ -138,10 +125,7 @@ function init_site(link){
init_artist();
break;
case home_path:
- $('#top_artist').nivoSlider({
- controlNav: true,
- pauseTime: 3000
- });
+ init_home();
set_active_navigation(home_path);
break;
case charts_path:
diff --git a/public/javascripts/plugins/bing.js b/public/javascripts/plugins/bing.js
index 2750c0c..80ec8ed 100644
--- a/public/javascripts/plugins/bing.js
+++ b/public/javascripts/plugins/bing.js
@@ -3,23 +3,16 @@
function bing_search(search_term)
{
var requestStr = "http://api.bing.net/json.aspx?"
- // Common request fields (required)
+ "AppId=" + app_id
+ "&Query=" + search_term
+ "&Sources=Web"
-
- // Common request fields (optional)
+ "&Version=2.0"
+ "&Market=en-us"
+ "&Adult=Moderate"
+ "&Options=EnableHighlighting"
-
- // Web-specific request fields (optional)
- + "&Web.Count=5"
+ + "&Web.Count=4"
+ "&Web.Offset=0"
+ "&Web.Options=DisableHostCollapsing+DisableQueryAlterations"
-
- // JSON-specific request fields (optional)
+ "&JsonType=callback"
+ "&JsonCallback=SearchCompleted";
@@ -47,8 +40,11 @@ function DisplayResults(response)
for (var i = 0; i < results.length; ++i)
{
title = (results[i].Title.length > 40) ? results[i].Title.substring(0,40) + "…" : results[i].Title;
- $appendData = ""+title+"
"+results[i].DisplayUrl+"";
+ url = (results[i].DisplayUrl.length > 55) ? results[i].DisplayUrl.substring(0,55) + "…" : results[i].DisplayUrl;
+
+ $appendData = ""+title+"
"+url+"";
$appendData = ReplaceHighlightingCharacters($appendData, "", "");
+
$('#artist_links ul').append($appendData);
}
}
diff --git a/public/stylesheets/9minutes.css b/public/stylesheets/9minutes.css
index 983ae3b..dfe16b4 100644
--- a/public/stylesheets/9minutes.css
+++ b/public/stylesheets/9minutes.css
@@ -1 +1,1013 @@
-body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}#fauxconsole{position:absolute;top:0;right:0;width:300px;border:1px solid #999;font-family:courier,monospace;background:#eee;font-size:10px;padding:10px}html > body #fauxconsole{position:fixed}#fauxconsole a{float:right;padding-left:1em;padding-bottom:.5em;text-align:right}.clean{clear:both}b,strong{font-family:"Segoe UI", Corbel, Arial, sans-serif}a{cursor:pointer}*:focus{outline:none}body{background:#05070a url("/images/backgrounds/overallcrush.png") no-repeat center top;color:#15191d;font-size:12px;font-family:"Segoe UI", Corbel, Arial, sans-serif}#bg_stripe{height:228px;width:100%;position:absolute;top:136px;background:transparent url("/images/backgrounds/dark.png") repeat}#site{width:950px;position:relative;margin:0 auto}#head{height:115px}#head h1{margin:36px 0 0 94px;float:left}#navigation{float:right;overflow:hidden}#navigation li{float:left}#navigation li.active{background:url("/images/backgrounds/fuse.png") 0 -127px}#navigation li.search{width:200px;font-size:16px;color:#ffffff;line-height:58px;display:inline-block;background:transparent url("/images/backgrounds/dark.png") repeat;margin-top:21px;height:58px;padding-left:20px;margin-left:20px}#navigation li.search img{vertical-align:middle;margin-left:10px}#navigation li.search .text{width:150px;height:45px;border:0;background:0;color:#fff}#navigation li.search .submit{display:none}#navigation li > a{font-size:16px;font-weight:bold;color:#ffffff;height:79px;line-height:99px;width:141px;display:inline-block;text-decoration:none;text-align:center}#foot{clear:both;padding:25px 0;float:right}#foot h6{color:#243037;font-size:11px;float:left;height:20px;line-height:22px}#foot ul{float:left;height:20px;line-height:20px}#foot li{float:left;margin-left:33px}#foot a{color:#ffffff;text-transform:uppercase;text-decoration:none;font-size:11px;background:url("/images/icons/arrow-foot.png") left 3px no-repeat;padding-left:22px;display:inline-block;height:20px;line-height:20px}.tabs_js .nav li{cursor:pointer}.tabs{float:right}.tabs .content{background:#fff;padding:48px 37px}.tabs .content > div{display:none;position:relative}.tabs .more{background:#f4f6f9;border-top:1px solid #e5e9ef;height:40px;display:block;text-align:center;line-height:40px;font-weight:bold}.tabs .more.disabled{opacity:0.3;cursor:default}.tabs.w01 .nav{width:564px}.tabs.w01 .content{width:490px}.tabs.w01 .content > div{width:490px}.tabs.w01 .content .more{width:564px;margin:7px -37px -48px -37px}.tabs.w02 .nav{width:750px}.tabs.w02 .content{width:676px}.tabs.w02 .content > div{width:676px}.tabs.w02 .content .more{width:750px;margin:7px -37px -48px -37px}.tabs.w03 .nav{width:950px}.tabs.w03 .content{width:876px}.tabs.w03 .content > div{width:876px}.tabs.w03 .content .more{width:950px;margin:7px -37px -48px -37px}.tabs .nav{color:#fff;overflow:hidden;background:transparent url("/images/backgrounds/darker.png") repeat}.tabs .nav li{width:120px;height:54px;line-height:54px;float:left;text-align:center;text-transform:lowercase;font-size:15px}.tabs .nav li.active{background:#fff;color:#2f3a40}#content .information{overflow:hidden;padding-bottom:22px;background:transparent url("/images/backgrounds/dark.png") repeat}#content .information .content > div{display:none}#content .information .nav{margin-left:22px;float:left}#content .information .nav li{width:37px;height:25px;margin-bottom:13px}#content .information .nav li.active{background:url("/images/icons/artist-information-active-arrow.png") no-repeat right 10px;cursor:default}#content .information .content{float:right;width:280px;margin-right:22px;color:#fff}#loading,#error{position:fixed;top:0;left:0;width:100%;height:30px;line-height:30px;background:#0086cc;color:#fff;text-align:center;font-weight:bold;text-transform:uppercase;display:none;z-index:999}#error{background:#ee0000}#white{width:870px;padding:50px 40px;background:#fff}#block{width:100%;height:100%;position:fixed;z-index:22;background:#000;opacity:0;display:none}.box{padding:10px;border:1px solid #e5e7e9;background:#f4f6f9}#artist_left{float:left;width:386px}#artist_left h1{width:386px}#artist_left .information{width:386px}#artist_left #slider{position:relative;width:386px;height:240px;overflow:hidden;background:url("/images/placeholder/artist-big.png") no-repeat 0 0}#artist_left #slider img{position:absolute;top:0;left:0;max-width:386px}#artist_left h1{color:#fff;font-size:30px;overflow:hidden;height:74px;line-height:70px;text-indent:28px;margin-bottom:23px;background:transparent url("/images/backgrounds/dark.png") repeat}#artist_left #artist_links ul{margin:-2px 0 30px 0}#artist_left #artist_links li{margin-bottom:12px;font-family:"Segoe UI", Corbel, Arial, sans-serif;overflow:hidden}#artist_left #artist_links li a{text-decoration:none;font-size:10px;color:#fff}#artist_left #artist_links li a:hover h3{color:#00a7ff}#artist_left #artist_links li h3{color:#0086cc;font-size:13px;font-weight:normal}#artist_left #artist_tags li{background:url("/images/icons/tag.png") no-repeat left 2px;color:#fff;padding-left:20px;margin-bottom:12px;font-family:"Segoe UI", Corbel, Arial, sans-serif}#artist_left #artist_info{font-family:"Segoe UI", Corbel, Arial, sans-serif;font-size:11px;line-height:16px}#artist_left h2{font-size:18px;color:#0086cc;font-weight:normal;margin:-2px 0 10px 0}#artist_left .heart{float:right;width:22px;height:19px;display:inline-block;margin:28px 20px 0 0;background:url("/images/icons/heart.png") no-repeat 0 0}#top_artist{position:relative;width:500px;height:270px;background:url("/images/icons/loading.gif") no-repeat 50% 50%;overflow:hidden}#top_artist img{position:absolute;top:0;right:0;display:none;max-width:500px;max-height:270px;overflow:hidden}#top_artist .nivo-controlNav{position:absolute;bottom:-70px}#top_artist .nivo-controlNav img{display:inline;position:relative;margin-right:10px}#user_left{float:left;width:200px}#user_left h1{width:200px}#user_left .information{width:200px}#user_left .picture{float:left;position:relative;width:200px;height:200px}#user_left h1{font-size:18px;line-height:44px;height:44px}#user_left .nav li{background:url("/images/icons/artist-information-active-arrow.png") no-repeat right 10px;cursor:default}#user_left .nav li:last-child{margin-bottom:0}#user_left .con{margin-left:80px}#user_left .con li{height:25px;margin-bottom:13px;color:White;line-height:25px}#user_left .con li:last-child{margin-bottom:0}#charts{width:530px;float:left}#charts li{overflow:hidden;display:block;padding-bottom:10px;border-bottom:1px solid #f0f2f4;margin-bottom:10px}#charts li h6{font-size:28px;font-weight:bold;float:left;height:50px;color:#a3adb5;line-height:50px;margin-left:15px;width:50px}#charts li .img{width:90px;height:50px;background:url("/images/placeholder/artist.png") no-repeat 0 0;float:left;overflow:hidden;position:relative}#charts li .img img{max-width:90px}#charts li .text{float:left;margin-left:15px}#charts li .text h2{margin:-3px 0 5px 0}#charts li .text h2 a{color:#0086cc;font-size:16px;text-decoration:none}#charts li .text h2 a:hover{text-decoration:underline}#search_bar{width:500px;float:left;border:0;margin-bottom:20px;position:relative;padding:15px}#search_bar input{width:488px;height:35px;padding-left:10px;font-size:14px;border:1px solid #dadce0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}#search_bar input:focus{border-color:#0086cc}#search_bar .button{position:absolute;width:20px;height:20px;right:26px;top:24px}#album_box{position:absolute;top:69px;left:100px;display:none;z-index:12;border:7px solid rgba(255, 255, 255, 0.8);-moz-box-shadow:0 0 2px 2px rgba(31, 34, 40, 0.1);-webkit-box-shadow:0 0 2px 2px rgba(31, 34, 40, 0.1);box-shadow:0 0 2px 2px rgba(31, 34, 40, 0.1)}#album_box > span{position:absolute;top:-19px;left:70px;background:url("/images/icons/arrow.png") no-repeat;width:47px;height:23px}#album_box .headline{background:#e3e6ec;float:left;width:128px;height:180px;padding:10px;border-right:1px solid #d6dce4}#album_box .headline h4{font-size:18px;line-height:16px}#album_box .headline h4 span{font-size:14px;color:#0086cc}#album_box .headline img{margin-bottom:10px;width:128px;height:128px}#album_box .wrap{background:#f4f6f9;float:right;max-height:200px;overflow:auto;width:279px}#album_box .wrap li{padding:7px 9px;overflow:hidden;width:259px;border-bottom:1px solid #e0e6ee;border-top:1px solid #f7f9fb}#album_box .wrap li span{color:#9aa7b3;width:20px;display:inline-block}#album_box .wrap li .playsong,#album_box .wrap li .add{width:20px;height:20px;display:inline-block;background:url("/images/icons/list-controls.png") no-repeat 0 0;vertical-align:middle;float:right}#album_box .wrap li .add{margin-right:6px;background-position:0 -20px}.player{float:right;height:47px;margin:52px 17px 0 0;line-height:47px}.player a{float:left}.player .play{margin:-8px 5px 0 5px}.player .forward,.player .backward{display:inline-block;width:32px;height:32px}.player .volume,.player .repeat,.player #full{margin:-5px 0 0 20px}#sidebar{float:right;width:320px}#sidebar .advertisment{width:300px;height:270px}#sidebar img{float:left}#sidebar sup{display:block;height:20px;line-height:20px;float:left}.nivoSlider{position:relative}.nivoSlider img{position:absolute;top:0px;left:0px}.nivo-slice{display:block;position:absolute;z-index:5;height:100%}.nivo-box{display:block;position:absolute;z-index:5}.jspContainer{overflow:hidden;position:relative}.jspPane{position:absolute}.jspVerticalBar{position:absolute;top:0;right:0;width:6px;height:100%}.jspHorizontalBar{width:0;height:0;display:none}.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:transparent;position:relative;padding:0 0}.jspDrag{background:#e0e6ee;position:relative;top:0;left:2px;width:4px;cursor:pointer}.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:none}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0}.list{margin-bottom:20px;display:block;float:left}.list.songs li{height:24px;line-height:24px;width:100%;font-size:13px;margin-bottom:12px;font-family:"Segoe UI", Corbel, Arial, sans-serif}.list.songs li span{color:#a3adb5}.list.songs li a{color:#a3adb5;text-decoration:none}.list.songs li a:hover{color:#0086cc}.list.songs li:last-child{margin-bottom:0}.list.songs li .playsong,.list.songs li .add{width:20px;height:20px;display:inline-block;margin-right:6px;background:url("/images/icons/list-controls.png") no-repeat 0 0;vertical-align:middle}.list.songs li .add{margin-right:16px;background-position:0 -20px}.list.albums{margin-bottom:10px}.list.albums > li{margin-bottom:15px;min-width:450px;position:relative;clear:both}.list.albums > li:last-child{margin-bottom:0}.list.albums > li .songsbtn{text-transform:uppercase;text-decoration:none;color:#0086cc;background:url("/images/icons/list-controls.png") no-repeat 0 -60px;height:20px;line-height:20px;text-indent:25px;display:inline-block;margin-top:10px;font-size:11px}.list.albums .img{margin-right:10px;position:relative;float:left;overflow:hidden;background:url("/images/backgrounds/fuse.png") 0 6px no-repeat;width:90px;height:74px}.list.albums .img .cover{width:64px;height:64px;margin-left:18px}.list.albums .img .playall{position:absolute;top:0;left:18px;background:transparent url("/images/backgrounds/dark.png") repeat;width:64px;height:64px;display:none}.list.albums .img .playall a{display:inline-block;width:20px;height:20px;background:url("/images/icons/list-controls.png") no-repeat 0 -40px;margin:22px 0 0 22px}.list.albums .name{font-size:16px;line-height:17px;margin-top:-2px}.list.albums .artist{font-size:12px;color:#a3adb5}.list.related li{overflow:hidden;float:left;margin:0 20px 20px 0;width:150px}.list.related li a{text-decoration:none}.list.related li h5{font-size:14px;text-decoration:none!important;color:#2f3a40;height:30px;line-height:30px;border-bottom:2px solid #0086cc}.list.related li h5 span{color:#0086cc;font-size:11px}.list.related li h5 span:before{content:"("}.list.related li h5 span:after{content:"%)"}.list.related li div{width:150px;height:95px;float:left;overflow:hidden;position:relative;background:url("/images/placeholder/related.png") no-repeat 0 0}.list.artists{width:530px;float:left}.list.artists li{overflow:hidden;display:block;padding-bottom:10px;border-bottom:1px solid #f0f2f4;margin-bottom:10px}.list.artists li .img{width:90px;height:50px;float:left;overflow:hidden;position:relative;background:url("/images/placeholder/artist.png") no-repeat 0 0}.list.artists li .img img{max-width:90px}.list.artists li .text{float:left;margin-left:15px}.list.artists li .text h2{margin:-3px 0 5px 0}.list.artists li .text h2 a{color:#0086cc;font-size:16px;text-decoration:none}.list.artists li .text h2 a:hover{text-decoration:underline}.playlist{background:#080a0c;width:150px;display:none;position:absolute;left:0;top:0}#fullscreen_wrap{width:100%;height:100%;position:fixed;z-index:70;background:#000;top:0;left:0;display:none}#fullscreen{width:950px;position:absolute;margin-left:-475px;z-index:70;opacity:0;top:0;left:50%;display:none}#fullscreen h2{font-size:18px;color:#fff;text-transform:uppercase;font-weight:bold;line-height:14px}#fullscreen h1{font-size:28px;color:#fff;margin-bottom:20px}#fullscreen #video{float:left;width:640px;height:360px;background:transparent url("/images/backgrounds/dark.png") repeat}#fullscreen .sidebar{float:right;width:310px;height:360px;background:transparent url("/images/backgrounds/dark.png") repeat}#fullscreen .sidebar .top{width:310px;height:125px;background:transparent url("/images/backgrounds/dark.png") repeat;text-align:center;line-height:125px}#fullscreen .sidebar .top .player{float:left;margin-top:47px;margin-left:40px}#fullscreen .sidebar .play_list{width:310px;height:235px;padding:10px 0;overflow:auto}#fullscreen .sidebar .play_list li{padding:6px 25px}#fullscreen .sidebar .play_list li h3{font-size:22px;color:white;line-height:22px}#fullscreen .sidebar .play_list li h3 span{display:block;font-size:12px;text-transform:uppercase;color:#0086cc}#fullscreen .sidebar .play_list .jspVerticalBar{left:0!important;opacity:0.02}.ac_results{padding:0px;border:1px solid black;background-color:white;overflow:hidden;z-index:99999}.ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0}.ac_results li{margin:0px;padding:2px 5px;cursor:default;display:block;font:menu;font-size:12px;line-height:16px;overflow:hidden}.ac_loading{background:white url("indicator.gif") right center no-repeat}.ac_odd{background-color:#eee}.ac_over{background-color:#0A246A;color:white}
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
+ margin: 0;
+ padding: 0; }
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+fieldset, img {
+ border: 0; }
+
+address, caption, cite, code, dfn, em, strong, th, var, optgroup {
+ font-style: inherit;
+ font-weight: inherit; }
+
+del, ins {
+ text-decoration: none; }
+
+li {
+ list-style: none; }
+
+caption, th {
+ text-align: left; }
+
+h1, h2, h3, h4, h5, h6 {
+ font-size: 100%;
+ font-weight: normal; }
+
+q:before, q:after {
+ content: ''; }
+
+abbr, acronym {
+ border: 0;
+ font-variant: normal; }
+
+sup {
+ vertical-align: baseline; }
+
+sub {
+ vertical-align: baseline; }
+
+legend {
+ color: #000; }
+
+input, button, textarea, select, optgroup, option {
+ font-family: inherit;
+ font-size: inherit;
+ font-style: inherit;
+ font-weight: inherit; }
+
+#fauxconsole {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 300px;
+ border: 1px solid #999;
+ font-family: courier,monospace;
+ background: #eee;
+ font-size: 10px;
+ padding: 10px; }
+
+html > body #fauxconsole {
+ position: fixed; }
+
+#fauxconsole a {
+ float: right;
+ padding-left: 1em;
+ padding-bottom: .5em;
+ text-align: right; }
+
+/*********************************/
+/*********** SETTINGS ************/
+/*********************************/
+/* SIZES */
+/* COLORS */
+/* URLS */
+/* FUNCTIONS */
+/* SHORTCUTS */
+.clean {
+ clear: both; }
+
+/* FONTS */
+b, strong {
+ font-family: "Segoe UI", Corbel, Arial, sans-serif; }
+
+/* DEFAULTS */
+a {
+ cursor: pointer; }
+
+*:focus {
+ outline: none; }
+
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+/* OVERALL */
+body {
+ background: #05070a url("/images/backgrounds/overallcrush.png") no-repeat center top;
+ color: #15191d;
+ font-size: 12px;
+ font-family: "Segoe UI", Corbel, Arial, sans-serif; }
+
+#bg_stripe {
+ height: 228px;
+ width: 100%;
+ position: absolute;
+ top: 136px;
+ background: transparent url("/images/backgrounds/dark.png") repeat; }
+
+#site {
+ width: 950px;
+ position: relative;
+ margin: 0 auto; }
+
+/* HEAD */
+#head {
+ height: 115px; }
+ #head h1 {
+ margin: 36px 0 0 94px;
+ float: left; }
+
+/* NAVIGATION */
+#navigation {
+ float: right;
+ overflow: hidden; }
+ #navigation li {
+ float: left; }
+ #navigation li.active {
+ background: url("/images/backgrounds/fuse.png") 0 -127px; }
+ #navigation li.search {
+ width: 200px;
+ font-size: 16px;
+ color: #ffffff;
+ line-height: 58px;
+ display: inline-block;
+ background: transparent url("/images/backgrounds/dark.png") repeat;
+ margin-top: 21px;
+ height: 58px;
+ padding-left: 20px;
+ margin-left: 20px; }
+ #navigation li.search img {
+ vertical-align: middle;
+ margin-left: 10px; }
+ #navigation li.search .text {
+ width: 150px;
+ height: 45px;
+ border: 0;
+ background: 0;
+ color: #fff; }
+ #navigation li.search .submit {
+ display: none; }
+ #navigation li > a {
+ font-size: 16px;
+ font-weight: bold;
+ color: #ffffff;
+ height: 79px;
+ line-height: 99px;
+ width: 141px;
+ display: inline-block;
+ text-decoration: none;
+ text-align: center; }
+
+/* FOOT */
+#foot {
+ clear: both;
+ padding: 25px 0;
+ float: right; }
+ #foot h6 {
+ color: #aab7c4;
+ font-size: 11px;
+ float: left;
+ height: 20px;
+ line-height: 22px; }
+ #foot ul {
+ float: left;
+ height: 20px;
+ line-height: 20px; }
+ #foot li {
+ float: left;
+ margin-left: 33px; }
+ #foot a {
+ color: #ffffff;
+ text-transform: uppercase;
+ text-decoration: none;
+ font-size: 11px;
+ background: url("/images/icons/arrow-foot.png") left 3px no-repeat;
+ padding-left: 22px;
+ display: inline-block;
+ height: 20px;
+ line-height: 20px; }
+
+/* TABS */
+.tabs_js .nav li {
+ cursor: pointer; }
+
+.tabs {
+ float: right; }
+ .tabs .content {
+ background: #fff;
+ padding: 48px 37px; }
+ .tabs .content > div {
+ display: none;
+ position: relative; }
+ .tabs .more {
+ background: #f4f6f9;
+ border-top: 1px solid #e5e9ef;
+ height: 40px;
+ display: block;
+ text-align: center;
+ line-height: 40px;
+ font-weight: bold; }
+ .tabs .more.disabled {
+ cursor: default;
+ background: #0086cc!important; }
+ .tabs .more .loadingimg {
+ display: inline-block;
+ margin-top: 10px; }
+ .tabs.w01 .nav {
+ width: 564px; }
+ .tabs.w01 .content {
+ width: 490px; }
+ .tabs.w01 .content > div {
+ width: 490px; }
+ .tabs.w01 .content .more {
+ width: 564px;
+ margin: 7px -37px -48px -37px; }
+ .tabs.w02 .nav {
+ width: 750px; }
+ .tabs.w02 .content {
+ width: 676px; }
+ .tabs.w02 .content > div {
+ width: 676px; }
+ .tabs.w02 .content .more {
+ width: 750px;
+ margin: 7px -37px -48px -37px; }
+ .tabs.w03 .nav {
+ width: 950px; }
+ .tabs.w03 .content {
+ width: 876px; }
+ .tabs.w03 .content > div {
+ width: 876px; }
+ .tabs.w03 .content .more {
+ width: 950px;
+ margin: 7px -37px -48px -37px; }
+ .tabs .nav {
+ color: #fff;
+ overflow: hidden;
+ background: transparent url("/images/backgrounds/darker.png") repeat; }
+ .tabs .nav li {
+ width: 120px;
+ height: 54px;
+ line-height: 54px;
+ float: left;
+ text-align: center;
+ text-transform: lowercase;
+ font-size: 15px; }
+ .tabs .nav li.active {
+ background: #fff;
+ color: #2f3a40; }
+
+#content .information {
+ overflow: hidden;
+ padding-bottom: 22px;
+ background: transparent url("/images/backgrounds/dark.png") repeat; }
+ #content .information .content > div {
+ display: none; }
+ #content .information .nav {
+ margin-left: 22px;
+ float: left; }
+ #content .information .nav li {
+ width: 37px;
+ height: 25px;
+ margin-bottom: 13px; }
+ #content .information .nav li.active {
+ background: url("/images/icons/artist-information-active-arrow.png") no-repeat right 10px;
+ cursor: default; }
+ #content .information .content {
+ float: right;
+ width: 280px;
+ margin-right: 22px;
+ color: #fff; }
+
+#loading, #error {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+ background: #0086cc;
+ color: #fff;
+ text-align: center;
+ font-weight: bold;
+ text-transform: uppercase;
+ display: none;
+ z-index: 999; }
+ #loading .loadingimg, #error .loadingimg {
+ margin-top: 5px; }
+
+#error {
+ background: #ee0000; }
+
+#white {
+ width: 870px;
+ padding: 50px 40px;
+ background: #fff; }
+
+#block {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ z-index: 22;
+ background: #000;
+ opacity: 0;
+ display: none; }
+
+.box {
+ padding: 10px;
+ border: 1px solid #e5e7e9;
+ background: #f4f6f9; }
+
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+#artist_left {
+ float: left;
+ width: 386px; }
+ #artist_left h1 {
+ width: 386px; }
+ #artist_left .information {
+ width: 386px; }
+ #artist_left #slider {
+ position: relative;
+ width: 386px;
+ height: 240px;
+ overflow: hidden;
+ background: url("/images/placeholder/artist-big.png") no-repeat 0 0; }
+ #artist_left #slider img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ max-width: 386px; }
+ #artist_left h1 {
+ color: #fff;
+ font-size: 30px;
+ overflow: hidden;
+ height: 74px;
+ line-height: 70px;
+ text-indent: 28px;
+ margin-bottom: 23px;
+ background: transparent url("/images/backgrounds/dark.png") repeat; }
+ #artist_left #artist_links ul {
+ margin: -2px 0 30px 0; }
+ #artist_left #artist_links li {
+ margin-bottom: 12px;
+ font-family: "Segoe UI", Corbel, Arial, sans-serif;
+ overflow: hidden; }
+ #artist_left #artist_links li a {
+ text-decoration: none;
+ font-size: 10px;
+ color: #fff; }
+ #artist_left #artist_links li a:hover h3 {
+ color: #00a7ff; }
+ #artist_left #artist_links li h3 {
+ color: #0086cc;
+ font-size: 13px;
+ font-weight: normal; }
+ #artist_left #artist_tags li {
+ background: url("/images/icons/tag.png") no-repeat left 2px;
+ color: #fff;
+ padding-left: 20px;
+ margin-bottom: 12px;
+ font-family: "Segoe UI", Corbel, Arial, sans-serif; }
+ #artist_left #artist_info {
+ font-family: "Segoe UI", Corbel, Arial, sans-serif;
+ font-size: 11px;
+ line-height: 16px; }
+ #artist_left h2 {
+ font-size: 18px;
+ color: #0086cc;
+ font-weight: normal;
+ margin: -2px 0 10px 0; }
+ #artist_left .heart {
+ float: right;
+ width: 22px;
+ height: 19px;
+ display: inline-block;
+ margin: 28px 20px 0 0;
+ background: url("/images/icons/heart.png") no-repeat 0 0; }
+
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+#top_artist {
+ position: relative;
+ width: 500px;
+ height: 270px;
+ background: url("/images/icons/loading.gif") no-repeat 50% 50%;
+ overflow: hidden;
+ float: left; }
+ #top_artist img {
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: none;
+ max-width: 500px;
+ max-height: 270px;
+ overflow: hidden; }
+ #top_artist .nivo-controlNav {
+ position: absolute;
+ bottom: -70px;
+ /* Put the nav below the slider */ }
+ #top_artist .nivo-controlNav img {
+ display: inline;
+ /* Unhide the thumbnails */
+ position: relative;
+ margin-right: 10px; }
+
+#top_artist_nav {
+ float: right; }
+ #top_artist_nav li, #top_artist_nav a, #top_artist_nav img {
+ width: 150px;
+ height: 199px;
+ display: inline-block;
+ float: left; }
+ #top_artist_nav a, #top_artist_nav img {
+ position: absolute; }
+ #top_artist_nav .ll img, #top_artist_nav .rr img {
+ opacity: 0.4; }
+ #top_artist_nav .ll {
+ background: url("/images/icons/home-left.png"); }
+ #top_artist_nav .rr {
+ background: url("/images/icons/home-right.png"); }
+
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+#user_left {
+ float: left;
+ width: 200px; }
+ #user_left h1 {
+ width: 200px; }
+ #user_left .information {
+ width: 200px; }
+ #user_left .picture {
+ float: left;
+ position: relative;
+ width: 200px;
+ height: 200px; }
+ #user_left h1 {
+ font-size: 18px;
+ line-height: 44px;
+ height: 44px; }
+ #user_left .nav li {
+ background: url("/images/icons/artist-information-active-arrow.png") no-repeat right 10px;
+ cursor: default; }
+ #user_left .nav li:last-child {
+ margin-bottom: 0; }
+ #user_left .con {
+ margin-left: 80px; }
+ #user_left .con li {
+ height: 25px;
+ margin-bottom: 13px;
+ color: White;
+ line-height: 25px; }
+ #user_left .con li:last-child {
+ margin-bottom: 0; }
+
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+#charts {
+ width: 530px;
+ float: left; }
+ #charts li {
+ overflow: hidden;
+ display: block;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #f0f2f4;
+ margin-bottom: 10px; }
+ #charts li h6 {
+ font-size: 28px;
+ font-weight: bold;
+ float: left;
+ height: 50px;
+ color: #a3adb5;
+ line-height: 50px;
+ margin-left: 15px;
+ width: 50px; }
+ #charts li .img {
+ width: 90px;
+ height: 50px;
+ background: url("/images/placeholder/artist.png") no-repeat 0 0;
+ float: left;
+ overflow: hidden;
+ position: relative; }
+ #charts li .img img {
+ max-width: 90px; }
+ #charts li .text {
+ float: left;
+ margin-left: 15px; }
+ #charts li .text h2 {
+ margin: -3px 0 5px 0; }
+ #charts li .text h2 a {
+ color: #0086cc;
+ font-size: 16px;
+ text-decoration: none; }
+ #charts li .text h2 a:hover {
+ text-decoration: underline; }
+
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+#search_bar {
+ width: 500px;
+ float: left;
+ border: 0;
+ margin-bottom: 20px;
+ position: relative;
+ padding: 15px; }
+ #search_bar input {
+ width: 488px;
+ height: 35px;
+ padding-left: 10px;
+ font-size: 14px;
+ border: 1px solid #dadce0;
+ border-radius: 4px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px; }
+ #search_bar input:focus {
+ border-color: #0086cc; }
+ #search_bar .button {
+ position: absolute;
+ width: 20px;
+ height: 20px;
+ right: 26px;
+ top: 24px; }
+
+/*********************************/
+/************* ALBUM *************/
+/*********************************/
+#album_box {
+ position: absolute;
+ top: 69px;
+ left: 100px;
+ display: none;
+ z-index: 12;
+ border: 7px solid rgba(255, 255, 255, 0.8);
+ -moz-box-shadow: 0 0 2px 2px rgba(31, 34, 40, 0.1);
+ -webkit-box-shadow: 0 0 2px 2px rgba(31, 34, 40, 0.1);
+ box-shadow: 0 0 2px 2px rgba(31, 34, 40, 0.1); }
+ #album_box > span {
+ position: absolute;
+ top: -19px;
+ left: 70px;
+ background: url("/images/icons/arrow.png") no-repeat;
+ width: 47px;
+ height: 23px; }
+ #album_box .headline {
+ background: #e3e6ec;
+ float: left;
+ width: 128px;
+ height: 180px;
+ padding: 10px;
+ border-right: 1px solid #d6dce4; }
+ #album_box .headline h4 {
+ font-size: 18px;
+ line-height: 16px; }
+ #album_box .headline h4 span {
+ font-size: 14px;
+ color: #0086cc; }
+ #album_box .headline img {
+ margin-bottom: 10px;
+ width: 128px;
+ height: 128px; }
+ #album_box .wrap {
+ background: #f4f6f9;
+ float: right;
+ max-height: 200px;
+ overflow: auto;
+ width: 279px; }
+ #album_box .wrap li {
+ padding: 7px 9px;
+ overflow: hidden;
+ width: 259px;
+ border-bottom: 1px solid #e0e6ee;
+ border-top: 1px solid #f7f9fb; }
+ #album_box .wrap li span {
+ color: #9aa7b3;
+ width: 20px;
+ display: inline-block; }
+ #album_box .wrap li .playsong, #album_box .wrap li .add {
+ width: 20px;
+ height: 20px;
+ display: inline-block;
+ background: url("/images/icons/list-controls.png") no-repeat 0 0;
+ vertical-align: middle;
+ float: right; }
+ #album_box .wrap li .add {
+ margin-right: 6px;
+ background-position: 0 -20px; }
+
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+.player {
+ float: right;
+ height: 47px;
+ margin: 52px 17px 0 0;
+ line-height: 47px; }
+ .player a {
+ float: left; }
+ .player .play {
+ margin: -8px 5px 0 5px; }
+ .player .forward, .player .backward {
+ display: inline-block;
+ width: 32px;
+ height: 32px; }
+ .player .volume, .player .repeat, .player .full {
+ margin: -5px 0 0 20px; }
+
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+#sidebar {
+ float: right;
+ width: 320px; }
+ #sidebar .advertisment {
+ width: 300px;
+ height: 270px; }
+ #sidebar img {
+ float: left; }
+ #sidebar sup {
+ display: block;
+ height: 20px;
+ line-height: 20px;
+ float: left; }
+
+/* The Nivo Slider styles */
+.nivoSlider {
+ position: relative; }
+ .nivoSlider img {
+ position: absolute;
+ top: 0px;
+ left: 0px; }
+
+.nivo-slice {
+ display: block;
+ position: absolute;
+ z-index: 5;
+ height: 100%; }
+
+.nivo-box {
+ display: block;
+ position: absolute;
+ z-index: 5; }
+
+/*********************************/
+/********** SCROLLING ************/
+/*********************************/
+/*
+ * CSS Styles that are needed by jScrollPane for it to operate correctly.
+ *
+ * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
+ * may not operate correctly without them.
+ */
+.jspContainer {
+ overflow: hidden;
+ position: relative; }
+
+.jspPane {
+ position: absolute; }
+
+.jspVerticalBar {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 6px;
+ height: 100%; }
+
+.jspHorizontalBar {
+ width: 0;
+ height: 0;
+ display: none; }
+
+.jspVerticalBar *,
+.jspHorizontalBar * {
+ margin: 0;
+ padding: 0; }
+
+.jspCap {
+ display: none; }
+
+.jspHorizontalBar .jspCap {
+ float: left; }
+
+.jspTrack {
+ background: transparent;
+ position: relative;
+ padding: 0 0; }
+
+.jspDrag {
+ background: #e0e6ee;
+ position: relative;
+ top: 0;
+ left: 2px;
+ width: 4px;
+ cursor: pointer; }
+
+.jspHorizontalBar .jspTrack,
+.jspHorizontalBar .jspDrag {
+ float: left;
+ height: 100%; }
+
+.jspArrow {
+ background: #50506d;
+ text-indent: -20000px;
+ display: block;
+ cursor: pointer; }
+
+.jspArrow.jspDisabled {
+ cursor: default;
+ background: #80808d; }
+
+.jspVerticalBar .jspArrow {
+ height: 16px; }
+
+.jspHorizontalBar .jspArrow {
+ width: 16px;
+ float: left;
+ height: 100%; }
+
+.jspVerticalBar .jspArrow:focus {
+ outline: none; }
+
+.jspCorner {
+ background: #eeeef4;
+ float: left;
+ height: 100%; }
+
+/* Yuk! CSS Hack for IE6 3 pixel bug :( */
+* html .jspCorner {
+ margin: 0 -3px 0 0; }
+
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+.list {
+ margin-bottom: 20px;
+ display: block;
+ float: left; }
+ .list.songs li {
+ height: 24px;
+ line-height: 24px;
+ width: 100%;
+ font-size: 13px;
+ margin-bottom: 12px;
+ font-family: "Segoe UI", Corbel, Arial, sans-serif; }
+ .list.songs li span {
+ color: #a3adb5; }
+ .list.songs li a {
+ color: #a3adb5;
+ text-decoration: none; }
+ .list.songs li a:hover {
+ color: #0086cc; }
+ .list.songs li:last-child {
+ margin-bottom: 0; }
+ .list.songs li .playsong, .list.songs li .add {
+ width: 20px;
+ height: 20px;
+ display: inline-block;
+ margin-right: 6px;
+ background: url("/images/icons/list-controls.png") no-repeat 0 0;
+ vertical-align: middle; }
+ .list.songs li .add {
+ margin-right: 16px;
+ background-position: 0 -20px; }
+ .list.albums {
+ margin-bottom: 10px; }
+ .list.albums > li {
+ margin-bottom: 15px;
+ min-width: 450px;
+ position: relative;
+ clear: both; }
+ .list.albums > li:last-child {
+ margin-bottom: 0; }
+ .list.albums > li .songsbtn {
+ text-transform: uppercase;
+ text-decoration: none;
+ color: #0086cc;
+ background: url("/images/icons/list-controls.png") no-repeat 0 -60px;
+ height: 20px;
+ line-height: 20px;
+ text-indent: 25px;
+ display: inline-block;
+ margin-top: 10px;
+ font-size: 11px; }
+ .list.albums .img {
+ margin-right: 10px;
+ position: relative;
+ float: left;
+ overflow: hidden;
+ background: url("/images/backgrounds/fuse.png") 0 6px no-repeat;
+ width: 90px;
+ height: 74px; }
+ .list.albums .img .cover {
+ width: 64px;
+ height: 64px;
+ margin-left: 18px; }
+ .list.albums .img .playall {
+ position: absolute;
+ top: 0;
+ left: 18px;
+ background: transparent url("/images/backgrounds/dark.png") repeat;
+ width: 64px;
+ height: 64px;
+ display: none; }
+ .list.albums .img .playall a {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ background: url("/images/icons/list-controls.png") no-repeat 0 -40px;
+ margin: 22px 0 0 22px; }
+ .list.albums .name {
+ font-size: 16px;
+ line-height: 17px;
+ margin-top: -2px; }
+ .list.albums .artist {
+ font-size: 12px;
+ color: #a3adb5; }
+ .list.related li {
+ overflow: hidden;
+ float: left;
+ margin: 0 20px 20px 0;
+ width: 150px; }
+ .list.related li a {
+ text-decoration: none; }
+ .list.related li h5 {
+ font-size: 14px;
+ text-decoration: none!important;
+ color: #2f3a40;
+ height: 30px;
+ line-height: 30px;
+ border-bottom: 2px solid #0086cc; }
+ .list.related li h5 span {
+ color: #0086cc;
+ font-size: 11px; }
+ .list.related li h5 span:before {
+ content: "("; }
+ .list.related li h5 span:after {
+ content: "%)"; }
+ .list.related li div {
+ width: 150px;
+ height: 95px;
+ float: left;
+ overflow: hidden;
+ position: relative;
+ background: url("/images/placeholder/related.png") no-repeat 0 0; }
+ .list.artists {
+ width: 530px;
+ float: left; }
+ .list.artists li {
+ overflow: hidden;
+ display: block;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #f0f2f4;
+ margin-bottom: 10px; }
+ .list.artists li .img {
+ width: 90px;
+ height: 50px;
+ float: left;
+ overflow: hidden;
+ position: relative;
+ background: url("/images/placeholder/artist.png") no-repeat 0 0; }
+ .list.artists li .img img {
+ max-width: 90px; }
+ .list.artists li .text {
+ float: left;
+ margin-left: 15px; }
+ .list.artists li .text h2 {
+ margin: -3px 0 5px 0; }
+ .list.artists li .text h2 a {
+ color: #0086cc;
+ font-size: 16px;
+ text-decoration: none; }
+ .list.artists li .text h2 a:hover {
+ text-decoration: underline; }
+
+.playlist {
+ background: #080a0c;
+ width: 150px;
+ display: none;
+ position: absolute;
+ left: 0;
+ top: 0; }
+
+/*********************************/
+/************ LAYOUT *************/
+/*********************************/
+#fullscreen_wrap {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ z-index: 70;
+ background: #000;
+ top: 0;
+ left: 0;
+ display: none; }
+
+#fullscreen {
+ width: 950px;
+ position: absolute;
+ margin-left: -475px;
+ z-index: 70;
+ opacity: 0;
+ top: 0;
+ left: 50%;
+ display: none; }
+ #fullscreen h2 {
+ font-size: 18px;
+ color: #fff;
+ text-transform: uppercase;
+ font-weight: bold;
+ line-height: 14px; }
+ #fullscreen h1 {
+ font-size: 28px;
+ color: #fff;
+ margin-bottom: 20px; }
+ #fullscreen #video {
+ float: left;
+ width: 640px;
+ height: 360px;
+ background: transparent url("/images/backgrounds/dark.png") repeat; }
+ #fullscreen .sidebar {
+ float: right;
+ width: 310px;
+ height: 360px;
+ background: transparent url("/images/backgrounds/dark.png") repeat; }
+ #fullscreen .sidebar .top {
+ width: 310px;
+ height: 125px;
+ background: transparent url("/images/backgrounds/dark.png") repeat;
+ text-align: center;
+ line-height: 125px; }
+ #fullscreen .sidebar .top .player {
+ float: left;
+ margin-top: 47px;
+ margin-left: 40px; }
+ #fullscreen .sidebar .play_list {
+ width: 310px;
+ height: 235px;
+ padding: 10px 0;
+ overflow: auto; }
+ #fullscreen .sidebar .play_list li {
+ padding: 6px 25px; }
+ #fullscreen .sidebar .play_list li h3 {
+ font-size: 22px;
+ color: white;
+ line-height: 22px; }
+ #fullscreen .sidebar .play_list li h3 span {
+ display: block;
+ font-size: 12px;
+ text-transform: uppercase;
+ color: #0086cc; }
+ #fullscreen .sidebar .play_list .jspVerticalBar {
+ left: 0!important;
+ opacity: 0.02; }
+
+/*********************************/
+/********* AUTOCOMPLETE **********/
+/*********************************/
+.ac_results {
+ padding: 0px;
+ border: 1px solid black;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999; }
+
+.ac_results ul {
+ width: 100%;
+ list-style-position: outside;
+ list-style: none;
+ padding: 0;
+ margin: 0; }
+
+.ac_results li {
+ margin: 0px;
+ padding: 2px 5px;
+ cursor: default;
+ display: block;
+ /*
+ if width will be 100% horizontal scrollbar will apear
+ when scroll mode will be used
+ */
+ /*width: 100%;*/
+ font: menu;
+ font-size: 12px;
+ /*
+ it is very important, if line-height not setted or setted
+ in relative units scroll will be broken in firefox
+ */
+ line-height: 16px;
+ overflow: hidden; }
+
+.ac_loading {
+ background: white url("indicator.gif") right center no-repeat; }
+
+.ac_odd {
+ background-color: #eee; }
+
+.ac_over {
+ background-color: #0A246A;
+ color: white; }
diff --git a/public/stylesheets/sass/_home.scss b/public/stylesheets/sass/_home.scss
index 57b9292..68bddf7 100644
--- a/public/stylesheets/sass/_home.scss
+++ b/public/stylesheets/sass/_home.scss
@@ -8,6 +8,7 @@
height: 270px;
background: url('#{$ico-url}/loading.gif') no-repeat 50% 50%;
overflow: hidden;
+ float: left;
img {
position: absolute;
@@ -26,4 +27,17 @@
position:relative;
margin-right:10px;
}
+}
+#top_artist_nav {
+ float: right;
+ li, a, img {
+ width: 150px;
+ height: 199px;
+ display: inline-block;
+ float: left;
+ }
+ a, img { position: absolute; }
+ .ll img, .rr img { opacity: 0.4 }
+ .ll { background: url('#{$ico-url}/home-left.png') }
+ .rr { background: url('#{$ico-url}/home-right.png') }
}
\ No newline at end of file
diff --git a/public/stylesheets/sass/_layout.scss b/public/stylesheets/sass/_layout.scss
index fe55f59..0d16a01 100644
--- a/public/stylesheets/sass/_layout.scss
+++ b/public/stylesheets/sass/_layout.scss
@@ -18,6 +18,8 @@ $base-url: "/images";
$bg-url: "#{$base-url}/backgrounds";
$ico-url: "#{$base-url}/icons";
$place-url: "#{$base-url}/placeholder";
+$home-url: "#{$base-url}/startsite";
+
/* FUNCTIONS */
@mixin center() {
@@ -150,7 +152,7 @@ body {
float: right;
h6 {
- color: #243037;
+ color: #aab7c4;
font-size: $font-size;
float: left;
height: $height;
@@ -209,8 +211,12 @@ body {
line-height: 40px;
font-weight: bold;
&.disabled {
- opacity: 0.3;
cursor: default;
+ background: #0086cc!important;
+ }
+ .loadingimg {
+ display: inline-block;
+ margin-top: 10px;
}
}
&.w01 { @include set-width-for-tabs(564px, $padding-width) }
@@ -290,6 +296,9 @@ $padding: 22px;
text-transform: uppercase;
display: none;
z-index: 999;
+ .loadingimg {
+ margin-top: 5px;
+ }
}
#error {
background: $red;
diff --git a/public/stylesheets/sass/_player.scss b/public/stylesheets/sass/_player.scss
index 2b1463e..9047e3a 100644
--- a/public/stylesheets/sass/_player.scss
+++ b/public/stylesheets/sass/_player.scss
@@ -14,7 +14,7 @@
width: 32px;
height: 32px;
}
- .volume, .repeat, #full {
+ .volume, .repeat, .full {
margin: -5px 0 0 20px;
}
}
\ No newline at end of file