From 5adeb5290b91fa56f9c06b935240e83f8ac0697d Mon Sep 17 00:00:00 2001
From: rolux <rolux@rollux.org>
Date: Sun, 18 Sep 2011 02:22:50 +0000
Subject: [PATCH] theme home screen

---
 static/js/pandora/URL.js     | 2 ++
 static/js/pandora/ui/home.js | 9 ++-------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/static/js/pandora/URL.js b/static/js/pandora/URL.js
index 35f39f469..01039769a 100644
--- a/static/js/pandora/URL.js
+++ b/static/js/pandora/URL.js
@@ -214,6 +214,8 @@ pandora.URL = (function() {
                     pandora.$ui.leftPanel.replaceElement(2, pandora.$ui.info = pandora.ui.info());
                     pandora.$ui.mainPanel.replaceElement(1, pandora.$ui.rightPanel = pandora.ui.rightPanel());
                 }
+                // fixme: should list selection and deselection happen here?
+                // (home and menu may cause a list switch)
             } else if (!pandora.user.ui.item || !oldUserUI.item) {
                 // list to item or item to list
                 pandora.$ui.leftPanel.replaceElement(2, pandora.$ui.info = pandora.ui.info());
diff --git a/static/js/pandora/ui/home.js b/static/js/pandora/ui/home.js
index a89e3f7aa..8892f5712 100644
--- a/static/js/pandora/ui/home.js
+++ b/static/js/pandora/ui/home.js
@@ -5,12 +5,12 @@ pandora.ui.home = function() {
     // fixme: if a list was selected previously, it will steal focus from the input element
 
     var that = $('<div>')
+            .addClass('OxScreen')
             .attr({id: 'home'})
             .css({
                 position: 'absolute',
                 width: '100%',
                 height: '100%',
-                background: 'rgb(32, 32, 32)',
                 opacity: 0,
                 zIndex: 1000
             }),
@@ -30,6 +30,7 @@ pandora.ui.home = function() {
             })
             .appendTo(that),
         $reflectionGradient = $('<div>')
+            .addClass('OxReflection')
             .css({
                 position: 'absolute',
                 left: 0,
@@ -40,12 +41,6 @@ pandora.ui.home = function() {
                 height: '160px',
                 margin: 'auto',
             })
-            .css({
-                backgroundImage: '-moz-linear-gradient(top, rgba(32, 32, 32, 0.8), rgba(32, 32, 32, 1), rgba(32, 32, 32, 1))'
-            })
-            .css({
-                backgroundImage: '-webkit-linear-gradient(top, rgba(32, 32, 32, 0.8), rgba(32, 32, 32, 1), rgba(32, 32, 32, 1))'
-            })
             .appendTo(that),
         $logo = $('<img>')
             .attr({