theme home screen

This commit is contained in:
rolux 2011-09-18 02:22:50 +00:00
parent 494a022f82
commit 5adeb5290b
2 changed files with 4 additions and 7 deletions

View file

@ -214,6 +214,8 @@ pandora.URL = (function() {
pandora.$ui.leftPanel.replaceElement(2, pandora.$ui.info = pandora.ui.info()); pandora.$ui.leftPanel.replaceElement(2, pandora.$ui.info = pandora.ui.info());
pandora.$ui.mainPanel.replaceElement(1, pandora.$ui.rightPanel = pandora.ui.rightPanel()); 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) { } else if (!pandora.user.ui.item || !oldUserUI.item) {
// list to item or item to list // list to item or item to list
pandora.$ui.leftPanel.replaceElement(2, pandora.$ui.info = pandora.ui.info()); pandora.$ui.leftPanel.replaceElement(2, pandora.$ui.info = pandora.ui.info());

View file

@ -5,12 +5,12 @@ pandora.ui.home = function() {
// fixme: if a list was selected previously, it will steal focus from the input element // fixme: if a list was selected previously, it will steal focus from the input element
var that = $('<div>') var that = $('<div>')
.addClass('OxScreen')
.attr({id: 'home'}) .attr({id: 'home'})
.css({ .css({
position: 'absolute', position: 'absolute',
width: '100%', width: '100%',
height: '100%', height: '100%',
background: 'rgb(32, 32, 32)',
opacity: 0, opacity: 0,
zIndex: 1000 zIndex: 1000
}), }),
@ -30,6 +30,7 @@ pandora.ui.home = function() {
}) })
.appendTo(that), .appendTo(that),
$reflectionGradient = $('<div>') $reflectionGradient = $('<div>')
.addClass('OxReflection')
.css({ .css({
position: 'absolute', position: 'absolute',
left: 0, left: 0,
@ -40,12 +41,6 @@ pandora.ui.home = function() {
height: '160px', height: '160px',
margin: 'auto', 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), .appendTo(that),
$logo = $('<img>') $logo = $('<img>')
.attr({ .attr({