diff --git a/static/js/pandora/home.indiancinema.js b/static/js/pandora/home.indiancinema.js
index 90f0690e2..3e91a4c42 100644
--- a/static/js/pandora/home.indiancinema.js
+++ b/static/js/pandora/home.indiancinema.js
@@ -12,17 +12,17 @@ pandora.ui.home = function() {
width: '100%',
height: '100%',
opacity: 0,
+ overflowY: 'auto',
zIndex: 1001
}),
$box = $('
')
.css({
position: 'absolute',
left: 0,
- top: 0,
+ top: '80px',
right: 0,
- bottom: 0,
width: '560px',
- margin: window.innerHeight / 2 - 80 + 'px auto 0 auto'
+ margin: '0 auto 0 auto'
})
.appendTo(that),
$reflectionImage = $('
')
@@ -30,7 +30,7 @@ pandora.ui.home = function() {
.css({
position: 'absolute',
left: 0,
- top: '80px',
+ top: '40px',
right: 0,
bottom: 0,
width: '320px',
@@ -45,14 +45,17 @@ pandora.ui.home = function() {
.css({
position: 'absolute',
left: 0,
- top: '80px',
+ top: '40px',
right: 0,
width: '320px',
- height: '80px',
+ height: '40px',
margin: '0 auto 0 auto',
})
.appendTo($box),
- $logo = $('
')
+ $logo = Ox.Element({
+ element: '
',
+ tooltip: 'Enter ' + pandora.site.site.name
+ })
.attr({
id: 'logo',
src: '/static/png/logo.png'
@@ -61,7 +64,8 @@ pandora.ui.home = function() {
position: 'absolute',
left: 0,
right: 0,
- width: '640px',
+ top: 0,
+ width: '320px',
margin: '0 auto 0 auto',
cursor: 'pointer'
})
@@ -71,6 +75,18 @@ pandora.ui.home = function() {
}
})
.appendTo($box),
+ $line = $('
')
+ .attr({src: '/static/png/line.indiancinema.png'})
+ .css({
+ position: 'absolute',
+ left: 0,
+ top: '56px',
+ right: 0,
+ width: '240px',
+ height: '30px',
+ margin: '0 auto 0 auto'
+ })
+ .appendTo($box),
$findInput = Ox.Input({
width: 252
})
@@ -267,7 +283,8 @@ pandora.ui.home = function() {
$label, $icon, $text,
$listsBox, $listsContainer, $listsContent,
$listBox = [], $listIcon = [],
- $previousButton, $nextButton;
+ $previousButton, $nextButton,
+ $space;
$lists.empty();
if (lists.length) {
$label = Ox.Label({
@@ -493,6 +510,16 @@ pandora.ui.home = function() {
.appendTo($listBox[i]);
});
}
+ $space = $('
')
+ .css({
+ position: 'absolute',
+ top: lists.length == 0 ? '0px'
+ : lists.length == 1 ? '150px'
+ : '215px',
+ width: '560px',
+ height: '80px'
+ })
+ .appendTo($lists);
$lists.animate({opacity: 1}, 250);
}
function openList(i) {
@@ -570,7 +597,7 @@ pandora.ui.home = function() {
}
that.fadeInScreen = function() {
- $box.css({marginTop: '80px'});
+ // $box.css({marginTop: '80px'});
that.appendTo(Ox.UI.$body).animate({opacity: 1}, 500, function() {
that.find('*').animate({opacity: 1}, 250, function() {
$findInput.focusInput(true);
@@ -591,7 +618,7 @@ pandora.ui.home = function() {
that.showScreen = function(callback) {
that.css({opacity: 1}).appendTo(Ox.UI.$body);
- $box.css({marginTop: '80px'});
+ // $box.css({marginTop: '80px'});
that.find('*').css({opacity: 1});
$findInput.focusInput(true);
showLists();