I posted this over in the JB home screen thread too but I am still stuck. Does anyone know how to modify the Nexus Lock winterboard theme to display a 460x960px retina paper on instead of the 320x480px it was designed for? Neotope pointed me in the right direction and I modified the lines.css file in the theme and changed all the 320x480 text to 640x960px. It still cuts off part of the 640x960px wallpaper after making that change though. I know this is minor but I really like the animation in the Nexus theme but want to use a high res. picture for the background. 
I am not sure what else needs to be changed to have the Nexus themes accept Retina 640x960 wallpaper... I have also tried changing the numbers further down but that changes the size of the lines...
Here is what it looks like and the actual wallpaper and the modified lines.css file (that still does not display the 640x960px wallpaper)...
Thanks!
I am not sure what else needs to be changed to have the Nexus themes accept Retina 640x960 wallpaper... I have also tried changing the numbers further down but that changes the size of the lines...
Here is what it looks like and the actual wallpaper and the modified lines.css file (that still does not display the 640x960px wallpaper)...
Thanks!
Code:
body
{
width: 640px;
height: 960px;
margin: 0;
padding: 0;
background-image:url('images/pyramid_background.png');
background-repeat:no-repeat;
}
#linesContainerH
{
position: absolute;
top: 0px;
width: 640px;
height: 960px;
z-index: 0;
overflow: hidden;
}
#linesContainerV
{
position: absolute;
top: 0px;
width: 640px;
height: 960px;
z-index: 0;
overflow: hidden;
}
#linesContainerH > div
{
position: absolute;
width: 274px;
height: 56px;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: linear;
}
#linesContainerV > div
{
position: absolute;
width: 56px;
height: 274px;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: linear;
}
#linesContainerH > div > img {
position: absolute;
width: 274px;
height: 56px;
-webkit-animation-iteration-count: infinite;
}
#linesContainerV > div > img {
position: absolute;
width: 56px;
height: 274px;
-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes downup
{
0% { -webkit-transform: translate(0px, 50px); }
100% { -webkit-transform: translate(0px, -754px); }
}
@-webkit-keyframes updown
{
0% { -webkit-transform: translate(0px, -50px); }
100% { -webkit-transform: translate(0px, 754px); }
}
@-webkit-keyframes leftright
{
0% { -webkit-transform: translate(-50px, 0px); }
100% { -webkit-transform: translate(594px, 0px); }
}
@-webkit-keyframes rightleft
{
0% { -webkit-transform: translate(50px, 0px); }
100% { -webkit-transform: translate(-594px, 0px); }
}