## Thread: UniAW6.0 for iph4 & iph5

1. Originally Posted by Simon
Haha, u serious? So I've been using a typo all this time? Love it lol. Hey, they still look good to me. I think the way I was working it out I got 1009px as the width.
See above

2. ## The Following User Says Thank You to MamaJaay For This Useful Post:

King_O_Hill (06-27-2013)

3. Originally Posted by MamaJaay
Well, it's a typo in the CSS that stuck. However, the panoramic moves 709 pixels, so 1029 leaves the last 320px showing at the ending the animations. So there's no black space.

With that math 1029/1920=0.5359375

0.5359375x1080=578 so the height is 578, but you don't notice a 10px stretch. Hence the 588 in the sizing.

Then, the i4 takes that 588 and moves it -44px up.
Still not getting it lol. Shouldn't it be worked out in the opposite direction? You are getting the 1029 from the 709px movement of the pano. But why is the pano movement set at 709? Shouldn't we work it out in the opposite way of getting the width using the same ratio as we would use to make the height 1136? So 1136/1080=1.0.5185185, then X that by 1920 = 2019.55556, then divide that by 2=1009.77778. So 1009px for the width. Then to get the pano movement we subtract 320 from that = 689px for the pano animation.

Now I haven't taken math since Math 101 in university about 14 years ago lol, so I may be a bit off there.

4. ## The Following User Says Thank You to Simon For This Useful Post:

King_O_Hill (06-27-2013)

5. Nope you're right and my math brain wants it that way, but my graphic designer brain wants it my way. I want slightly more movement. And the walls just LOOK GOOD at that size and speed. It's a battle I play every day.

You're free to do as you'd like, however.

6. ## The Following User Says Thank You to MamaJaay For This Useful Post:

King_O_Hill (06-27-2013)

7. Originally Posted by MamaJaay
Nope you're right and my math brain wants it that way, but my graphic designer brain wants it my way. I want slightly more movement. And the walls just LOOK GOOD at that size and speed. It's a battle I play every day.

You're free to do as you'd like, however.
Ah, cool. I kinda like your way better too

8. ## The Following 2 Users Say Thank You to Simon For This Useful Post:

A11AST3R (06-27-2013), King_O_Hill (06-27-2013)

9. Thank you Ian!

10. ## The Following User Says Thank You to wsticks For This Useful Post:

<Ian Nicoll/> (06-27-2013)

11. Hey steph
Do you have that lock screen posted on here, the one with the free ram on bottom. Or is there a way to acquire it. It looks awesome and my phone is jealous :-)

12. Originally Posted by Simon
Ah, cool. I kinda like your way better too
SO -- after all that mind numbing math you and MJ just went through.. help me understand - why after about 10-14 hours - the sun/moon moving panoramically 1029px (or 788 -- I'm confused about that) gets off synch with MJ's walls moving panoramically as a separate WinterBoard theme - same amount of sec.. = 160.0? Is it because MJ's walls are actually only moving 1009px? That 20 pxs add up over time and throws things out of synch?

Grant

Originally Posted by MamaJaay
Nope you're right and my math brain wants it that way, but my graphic designer brain wants it my way. I want slightly more movement. And the walls just LOOK GOOD at that size and speed. It's a battle I play every day.

You're free to do as you'd like, however.
Well - your 'backwards math' works.. I've seen modders start working with your new walls you so generously shared with all of us.. But they don't look, ON THEIR mods, as they look on YOUR mods.. So with respect to the others.. I'm sticking with 'your math'.. LOL!!!! The proof is in the pudding.. The walls are stunning whenever I plug any new ones from your collection into the "30 min timed wall-only" WB package I have.. You're doin' some great work for iPad. I found I didn't use an iPad (my 13" MacBookPro is my main portable solution).. so I can't take advantage of your great new work there.

Can't wait to see what Smash can become in iOS7... With all that parallax 3D stuff on the SpringBoard.. You're gonna KILL THAT!!!!!!!

13. Originally Posted by NewdestinyX
SO -- after all that mind numbing math you and MJ just went through.. help me understand - why after about 10-14 hours - the sun/moon moving panoramically 1029px (or 788 -- I'm confused about that) gets off synch with MJ's walls moving panoramically as a separate WinterBoard theme - same amount of sec.. = 160.0? Is it because MJ's walls are actually only moving 1009px? That 20 pxs add up over time and throws things out of synch?

Grant

Well - your 'backwards math' works.. I've seen modders start working with your new walls you so generously shared with all of us.. But they don't look, ON THEIR mods, as they look on YOUR mods.. So with respect to the others.. I'm sticking with 'your math'.. LOL!!!! The proof is in the pudding.. The walls are stunning whenever I plug any new ones from your collection into the "30 min timed wall-only" WB package I have.. You're doin' some great work for iPad. I found I didn't use an iPad (my 13" MacBookPro is my main portable solution).. so I can't take advantage of your great new work there.

Can't wait to see what Smash can become in iOS7... With all that parallax 3D stuff on the SpringBoard.. You're gonna KILL THAT!!!!!!!
Got me dude. I haven't actually noticed that yet. That used to happen with the iwidget mod I did because the containers were all different sizes. We have made the sun/moon container 1029 too though so not sure why it would get off sync. Do you have the webkit-animation-timing-function set the same on each thing (linear)?

14. My walls actually only move 709px

And thanks grant. We shall see what the jb holds

15. Originally Posted by Simon
Got me dude. I haven't actually noticed that yet. That used to happen with the iwidget mod I did because the containers were all different sizes. We have made the sun/moon container 1029 too though so not sure why it would get off sync. Do you have the webkit-animation-timing-function set the same on each thing (linear)?
Yep.

Originally Posted by MamaJaay
My walls actually only move 709px
Yeah.. But that still translates to a container size of 1029... It takes over 16 hours for MJPanoTimedWallsONLY and My Pano Sun/Moon/Stars mod of UniAW6.21 WB to get off synch with each other. If it were a 300px difference in total panoramic movement distance.. they'd get off sync with each other very quickly. As I say -- takes about 16 hours to get off synch between the two WB themes running at same time with all panorama animation times set to 160.0s. It gets off by about 100 pixels by 16 hours..

16. The refresh interval the same?

17. This is my Latest overlay (aside from the clock/date) any suggestions? Shadows too dark? Just looking for input.

18. ## The Following User Says Thank You to Azjonnyg For This Useful Post:

It's Mi (09-19-2013)

19. Originally Posted by j0k3r
Looks awesome, thx for that one. Especially the
FreeRam thing and the Battery on the lockscreen,
how did u do that? .

Any plans to make an i5 version of it?
Those are tweaks by drifter and matchstic

20. ## The Following User Says Thank You to King_O_Hill For This Useful Post:

The.Drifter (06-28-2013)

21. Originally Posted by MamaJaay
The refresh interval the same?
Uhh.. Don't know.. Where/How can I find that please?

Originally Posted by Ian Nicoll
Hi Grant,
I'm not sure what you used to start your mod, but all UniAW6 has the starsBGContainer defined in the html AND the main css files, the style sheets that has the starsBG are only in the individual weather css files.
Hmm. I hate to disagree my friend.. But see below.. This is your current upload of 6.21_WB - the UniAW6.css file for iPh5. You'll see there's no definition in there for the #starsBGContainer{ ; only for something called #starsBG {
Is that a typo? The only style definition lines with the word 'star' in them in the main UniAW6.css are:
#starContainer{ -and-
#starsBG { -->with a space before the '{'
Is that an error? In 6.21WB I have 'never seen' the StarBackground Image appear - ever in 6.21 clear or partlycloudy, etc.. I only see the twinkling stars...
Code:
```/* UniAW6.21_iph5.css By Ian Nicoll with credit to Dacal
===========================================================================*/

/*
z-index notes:
------------------
background (background wallpaper = 0
fullScreenWeatherWalls (full screen weather icons) = 1
nointernet (Image that shows when no internet connection) = 2
DayNightWalls = 1 (day_night wallpapers) = 3
stars background = 4 (static stars)
starContainer = 11
meteorContainer = 12
forecast background = 14
WeatherInfoBG = 14
sun_moonContainer (sun/moon) = 20
sunray/moonray = 21
sun & moon = 25
astronautContainer = 28 (container for astronaut & balloons)
cloudContainer = (clouds, frost, ) = 30
frameContainer (Rainbow, static cloud, one lightening image)= 50
birdsContainer = 51
small_balloonContainer = 52
big_balloonContainer = 53
WeatherInfo (Container for all weather info) = 60
All weather info = 61
4 day forecast icons & text = 70
All info for digital clock = 80
analog clockface = 80
Day = 81
month = 81
date = 81
smallsechand = 82
hourhand = 83
minhand = 84
bigsechand = 85
node = 86
dropContainer = 88
circleContainer = 88
wiperContainer = 100
windContainer = 110
*/

body{
background-color: transparent;
position: absolute;
top: 0px;
margin: 0;
width: 320px;
height: 568px;
font-family: Helvetica;
}

.stretch {
width:100%;
height:100%;
}

.TextColorRed {
color: red;
}

.TextColorGrey {
color: #d9e0b9;
}

/* WEBKIT ANIMATION CODES */

0%		{opacity : 0;}
50%		{opacity : 0;}
100%		{opacity : 1.0;}}

0%		{opacity : 0;}
50%		{opacity : 0;}
100%		{opacity : 1.0;}}

@-webkit-keyframes weather_info_fadein {  /* Fade in animation for all weather info */
0%		{opacity : 0;}
50%		{opacity : 0;}
100%		{opacity : 1.0;}}

@-webkit-keyframes sunray_moonray_shine{  /* Fade in/out animation for sunray/moonray */
0%		{opacity : 0.1;}
50%		{opacity : 0.7;}
100%		{opacity : 0.1;}}

0%		{opacity : 0;}
50%		{opacity : 0;}
100%		{opacity : 1.0;}}

0%		{opacity : 0;}
50%		{opacity : 0;}
100%		{opacity : 1.0;}}

0%		{opacity : 0;}
50%		{opacity : 0;}
100%		{opacity : 1.0;}}

0%		{opacity : 0;}
50%		{opacity : 0;}
100%		{opacity : 1.0;}}

0%		{opacity : 0;}
50%		{opacity : 0;}
100%		{opacity : 1.0;}}

@-webkit-keyframes WeatherInfoBG_fadein{  /* Fade in animation for the weather info background */
0%		{opacity : 0;}
50%		{opacity : 0;}
100%		{opacity : 1.0;}}

@-webkit-keyframes DayNightWalls_fadein{  /* Fade in animation for day & night backgrounds (put you images in the correct "Day_night" folders */
0%		{opacity : 0;}
50%		{opacity : 0;}
100%		{opacity : 1.0;}}

0%		{opacity : 0;}
50%		{opacity : 0;}
100%		{opacity : 0.8;}}

@-webkit-keyframes fullScreenWeatherWalls_fadin{  /* Fade in animation for full screen weather backgrounds */
0%		{opacity : 0;}
50%		{opacity : 0;}
100%		{opacity : 1.0;}}

@-webkit-keyframes background_fadein{  /* Fade in animation for background image (change the image in the "background" folder (this image will cover up any other theme's background) */
0%		{opacity : 0;}
50%		{opacity : 0;}
100%		{opacity : 1.0;}}

/* OVERLAYS & BACKGROUNDS (alphabetical order)
=================================================== */

#background{ url('../../Images/background/iph5/background.png') center no-repeat;
background-size: 320px 568px;
position: absolute;
position:absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 0;
opacity: 0.0;
-webkit-animation: background_fadein 4s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#DayNightWalls{ /* Day & Night Images (in day_night folders)*/
position: absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 3;
opacity:0.0;
-webkit-animation: DayNightWalls_fadein 4s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#dock{
position: absolute;
width: 320px;
height: 96px;
top: 471px;
right: 0px;
left: 0px;
z-index: 120;
opacity: 0.0;
-webkit-animation: dock_fadein 4s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#forecastbg{

background: url('../../Images/forecastbg/forecastbg.png') center no-repeat;
background-size: 320px 480px;
width: 320px;
height: 480px;
position: absolute;
top: 15px;
right: 0px;
left: 0px;
z-index: 14;
opacity: 0.0;
-webkit-animation: forecastbg_fadein 4s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#fullScreenWeatherWalls{ /*Full screen weather backgrounds (in "Images/fullScreenWeatherWalls" folder) */
position:absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 1;
opacity: 0.0;
display: none;
-webkit-animation: fullScreenWeatherWalls_fadin 4s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#nointernet{

background: url('../../Images/background/iph5/nointernet.png') center no-repeat;
background-size: 320px 568px;
width: 320px;
height: 568px;
position: absolute;
top: 0px;
right: 0px;
left: 0px;
z-index: 2;
display:none;
-webkit-animation: WeatherInfoBG_fadein 4s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#starsBG {
position: absolute;
left: 0px;
top: 0px;
width: 320px;
height: 75px;
opacity: 0.0;
z-index: 4;
-webkit-animation: static_stars_fadin 4s linear 1 normal;
-webkit-animation-fill-mode: forwards;

}

#WeatherInfoBG{

background: url('../../Images/WeatherInfoBG/iph5/WeatherInfoBG.png') center no-repeat;
background-size: 320px 568px;
width: 320px;
height: 568px;
position: absolute;
top: 20px;
right: 0px;
left: 0px;
z-index: 14;
opacity: 0.0;
-webkit-animation: WeatherInfoBG_fadein 4s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

/* CONTAINERS (alphabetical order)
=================================================== */

#astronautContainer{
position: absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 28;
overflow: hidden;
}

#big_balloonContainer{
position: absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 53;
opacity : 1.0;	/* opacity of balloons */
overflow: hidden;
}

#birdsContainer{
position: absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 52;
opacity : 1.0;
overflow: hidden;
}

#cloudContainer{
position: absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 30;
opacity : 0.6;	/* opacity of all clouds */
overflow: hidden;
}

#dropContainer{
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 568px;
z-index: 88;
overflow: hidden;
}

#circleContainer{
position: absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 88;
overflow: hidden;
}

#fogContainer{
position: absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 30;
opacity : 0.8;	/* opacity of fog/haze */
overflow: hidden;
}

#frameContainer{
position: absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 50;
overflow: hidden;
}

#meteorContainer{
position: absolute;
top: 0px;
left: 10px;
width: 320px;
height: 100px;
z-index: 12;
overflow: hidden;
}

#small_balloonContainer{
position: absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 51;
opacity : 1.0;	/* opacity of balloons */
overflow: hidden;
}

#starContainer{
position: absolute;
top: 0px;
left: 5px;
width: 310px;
height: 200px;
z-index: 11;
overflow: hidden;
}

#sun_moonContainer{ /* sun & moon */
position: absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 20;
overflow: hidden;
-webkit-animation: sun_moon_fadein 3s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#WeatherInfo{ /* Container for all weather info displayed on screen */
position: absolute;
top: 20px;
left: 0px;
width: 320px;
height: 568px;
z-index: 60;
opacity: 0.0;
-webkit-animation: weather_info_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#windContainer{
position: absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 110;
opacity : 1.0;	/* opacity of all clouds/fog/haze */
overflow: hidden;
}

#wiperContainer{
position: absolute;
top: 0px;
left: 0px;
width: 320px;
height: 568px;
z-index: 100;
overflow: hidden;
}

/* WEATHER INFO (alphabetical order)
=================================================== */

#chill{   /* ("Feels Like" temperature) */
background-color: transparent;
position: absolute;
top:272px;
left: 70px;
width: 60px;
text-align: left;
font-family: STHeitiK-Light;
font-size: 20px;
font-weight: bold;
color: #d9e0b9;
z-index: 61;	/* This option is not positioned */
opacity: 0.0;
}

#city{
position: absolute;
text-align: center;
top: -2px;
left: 0px;
width: 320px;
height: 13px;
font-family: font-family: STHeitiK-Light;
font-size: 14px;
color: #d9e0b9;
z-index: 61;
opacity: 1.0;
}

#coordinates{
background-color: transparent;
position: absolute;
top: 148px;
right: 7px;
width: 200px;
text-align: right;
font-family: STHeitiK-Light;
font-size: 9px;
font-weight: normal;
z-index: 61;
opacity: 1.0;
}

#desc{
position: absolute;
top: 16px;
right: 0px;
width: 320px;
text-align: center;
font-family: STHeitiK-Light;
font-weight: bold;
font-size: 14px;
color: #d9e0b9;
z-index: 61;
opacity: 1.0;
}

#feelslike{  /* ("Feels Like" text) */
position: absolute;
top:260px;
left: 12px;
width: 320px;
text-align: left;
font-family: STHeitiK-Light;
font-size: 12px;
font-weight: normal;
color: #d9e0b9;
text-shadow: Black -2px 2px 2px;  /* This option is not positioned */
z-index: 61;
opacity: 0.0;
}

#hi{		/* "Hi" text */
background-color: transparent;
position: absolute;
width: 35px;
top: 104px;
right:37px;
text-align: right;
font-family: STHeitiK-Light;
font-size: 12px;
font-weight: normal;
color: #d9e0b9;
text-transform: none;
z-index: 61;
opacity: 1.0;
}

#high{
background-color: transparent;
position: absolute;
width: 50px;
text-align: right;
font-size: 12px;
font-family: STHeitiK-Light;
font-weight: bold;
top: 116px;
color: #d9e0b9;
right: 0px;
z-index: 61;
opacity: 1.0;
}

#humidity{
background-color: transparent;
position: absolute;
font-family: STHeitiK-Light;
top: 148px;
left: 7px;
font-size: 11px;
font-weight: normal;
color: #d9e0b9;
z-index: 61;
opacity: 1.0;
}

#lastupdate{
background-color: transparent;
position: absolute;
top: 165px;
right: 7px;
width: 150px;
text-align: right;
font-family: STHeitiK-Light;
font-weight: normal;
font-size: 9px;
color: #d9e0b9;
z-index: 61;
opacity: 1.0;
}

#lo{		/* "Lo" text */
background-color: transparent;
position: absolute;
width: 35px;
top: 118px;
right:37px;
text-align: right;
font-family: STHeitiK-Light;
font-size: 12px;
font-weight: normal;
color: #d9e0b9;
text-transform: none;
z-index: 61;
opacity: 1.0;
}

#low{
background-color: transparent;
position: absolute;
font-size: 12px;
width: 50px;
right: 0px;
text-align: right;
font-family: STHeitiK-Light;
font-weight: bold;
top: 130px;
color: #d9e0b9;
z-index: 61;
opacity: 1.0;
}

#pressure{

background-color: transparent;
position: absolute;
top: 30px;
left: 5px;
width: 150px;
height: 12px;
text-align: left;
font-family: STHeitiK-Light;
font-size: 12px;
color: #d9e0b9;
z-index: 61;
opacity: 1.0;
}

#rising{

background-color: transparent;
position: absolute;
top: 40px;
left: 30px;
width: 60px;
height: 24px;
text-align: left;
font-family: Helvetica;
font-size: 24px;
font-weight: normal;
color: #d9e0b9;
z-index: 61;
opacity: 1.0;
}

#sunrise {	/* time display */
background-color: transparent;
position: absolute;
width: 70px;
top: 95px;
left: 7px;
text-align: left;
font-size: 12px;
font-weight: lighter;
color: #d9e0b9;
z-index: 61;
opacity: 1.0;
}

#sunriseimg{	/* optional image instead of text */
position: absolute;
width: 40px;
height: 40px;
top: 66px;
left:9px;
z-index: 51;
opacity: 0.0; /* Set to 0.0 if your using text instead of an image */
z-index: 61;
}

#sunrisetext{
background-color: transparent;
width: 70px;
text-align: left;
top: 65px;
left:7px;
font-family: STHeitiK-Light;
font-size: 14px;
font-weight: normal;
color: #d9e0b9;
text-transform: none;
z-index: 61;
opacity: 1.0; /* Set to 0.0 if your using images instead of text */
}

#sunset {	/* time display */
background-color: transparent;
position: absolute;
width: 70px;
top: 95px;
right: 7px;
text-align: right;
font-size: 12px;
font-weight: lighter;
color: #d9e0b9;
z-index: 61;
opacity: 1.0;
}

#sunsetimg{		/* optional image instead of text */
position: absolute;
width: 40px;
height: 40px;
top: 66px;
left:265px;
z-index: 61;
opacity: 0.0; /* Set to 0.0 if your using text instead of an image */
}

#sunsettext{
background-color: transparent;
width: 70px;
text-align: right;
top: 65px;
right: 7px;
font-family: STHeitiK-Light;
font-size: 14px;
font-weight: normal;
color: #d9e0b9;
text-transform: none;
z-index: 61;
opacity: 1.0; /* Set to 0.0 if your using images instead of text */
}

#temp{
position: absolute;
background-color: transparent;
top:116px;
left: 7px;
width: 70px;
text-align: left;
font-family: STHeitiK-Light;
font-size: 26px;
font-weight: bold;
color: #d9e0b9;
z-index: 61;
opacity: 1.0;
}

#tiret{
background-color: transparent; /*Used as a seperator between hi/lo temperatures if Hi/Lo text is not used.*/
position: absolute;
font-size: 14px;
top: 122px;
right: 63px;
font-family: STHeitiK-Light;
font-weight: normal;
color: #d9e0b9;
z-index: 61;
opacity: 0.0;
}

#visibility{
background-color: transparent;
position: absolute;
top: 30px;
left: 204px;
text-align: right;
width: 110px;
height: 12px;
font-family: font-family: STHeitiK-Light;
color: #d9e0b9;
font-size: 12px;
z-index: 61;
opacity: 1.0;
}

#wind{
background-color: transparent;
position: absolute;
font-family: STHeitiK-Light;
top: 165px;
left: 7px;
width:150px;
font-size: 9px;
font-weight: normal;
color: #d9e0b9;
z-index: 61;
opacity: 1.0;
}

/* ARC SUN & MOON (alphabetical order)
=================================================== */

#arcmoon{
background:url('../../Images/Weather/moon/moon.png') center no-repeat;
background-size: 600px 600px;
background-color: transparent;
position: absolute;
top: -270px;
left: -140px;
width: 600px;
height: 600px;
margin : auto 0;
z-index: 25;
opacity: 0.0;
display: none;
-webkit-transform-origin: 50% 100%;
-webkit-animation-fill-mode: forwards;
}

#arcmoonray{
background:url('../../Images/Weather/moon/moonray.png') center no-repeat;
background-size: 600px 600px;
background-color: transparent;
position: absolute;
top: -270px;
left: -140px;
width: 600px;
height: 600px;
margin : auto 0;
z-index: 21;
opacity: 0.0;
display: none;
-webkit-transform-origin: 50% 100%;
-webkit-animation: sunray_moonray_shine 15s linear infinite normal;
-webkit-animation-delay:5s;
}

#arcsun{
background:url('../../Images/Weather/sun/sun.png') center no-repeat;
background-size: 600px 600px;
background-color: transparent;
position: absolute;
top: -270px;
left: -140px;
width: 600px;
height: 600px;
margin : auto 0;
z-index: 25;
opacity: 0.0;
display: none;
-webkit-transform-origin: 50% 100%;
-webkit-animation-fill-mode: forwards;
}

#arcsunray{
background:url('../../Images/Weather/sun/sunray.png') center no-repeat;
background-size: 600px 600px;
background-color: transparent;
position: absolute;
top: -270px;
left: -140px;
width: 600px;
height: 600px;
margin : auto 0;
z-index: 21;
opacity: 0.0;
display: none;
-webkit-transform-origin: 50% 100%;
-webkit-animation: sunray_moonray_shine 15s linear infinite normal;
-webkit-animation-delay:5s;
}

#arcsunray1{
background:url('../../Images/Weather/sun/sunray1.png') center no-repeat;
background-size: 600px 600px;
background-color: transparent;
position: absolute;
top: -270px;
left: -300px;
width: 600px;
height: 600px;
margin : auto 0;
z-index: 21;
opacity: 0.0;
display: none;
-webkit-transform-origin: 50% 50%;
-webkit-animation: sunray_anim1 20s linear infinite normal;
}
@-webkit-keyframes sunray_anim1 {
0% { opacity : 0; -webkit-transform : scale(0.5, 0.5) translateZ(0); }
50% { opacity : 0.6; -webkit-transform : scale(1.0, 1.0) translateZ(0); }
90% { opacity : 0.3; }
100% { opacity : 0; -webkit-transform : scale(1.5, 1.5) translateZ(0); }
}

/* STANDARD SUN & MOON (alphabetical order)
=================================================== */

#moon{
background:url('../../Images/Weather/moon/moon.png') center no-repeat;
background-size: 600px 600px;
background-color: transparent;
position: absolute;
top: -270px;
left: -300px;
width: 600px;
height: 600px;
margin : auto 0;
z-index: 25;
opacity: 0.0;
display: none;
-webkit-animation-fill-mode: forwards;
}

#moonray{
background:url('../../Images/Weather/moon/moonray.png') center no-repeat;
background-size: 600px 600px;
background-color: transparent;
position: absolute;
top: -270px;
left: -300px;
width: 600px;
height: 600px;
margin : auto 0;
z-index: 21;
opacity: 0.0;
display: none;
-webkit-animation: sunray_moonray_shine 15s linear infinite normal;
-webkit-animation-delay:5s;
}

#sun{
background:url('../../Images/Weather/sun/sun.png') center no-repeat;
background-size: 600px 600px;
background-color: transparent;
position: absolute;
top: -270px;
left: -300px;
width: 600px;
height: 600px;
margin : auto 0;
z-index: 25;
opacity: 0.0;
display: none;
-webkit-animation-fill-mode: forwards;
}

#sunray{
background:url('../../Images/Weather/sun/sunray.png') center no-repeat;
background-size: 600px 600px;
background-color: transparent;
position: absolute;
top: -270px;
left: -300px;
width: 600px;
height: 600px;
margin : auto 0;
z-index: 21;
opacity: 0.0;
display: none;
-webkit-animation: sunray_moonray_shine 15s linear infinite normal;
-webkit-animation-delay:5s;
}

#sunray1{
background:url('../../Images/Weather/sun/sunray1.png') center no-repeat;
background-size: 600px 600px;
background-color: transparent;
position: absolute;
top: -270px;
left: -300px;
width: 600px;
height: 600px;
margin : auto 0;
z-index: 21;
opacity: 0.0;
display: none;
-webkit-animation: sunray_anim1 20s linear infinite normal;
-webkit-transform-origin: 50% 50%;
}
@-webkit-keyframes sunray_anim1 {
0% { opacity : 0; -webkit-transform : scale(0.5, 0.5) translateZ(0); }
50% { opacity : 0.6; -webkit-transform : scale(1.0, 1.0) translateZ(0); }
90% { opacity : .0; }
100% { opacity : 0; -webkit-transform : scale(1.5, 1.5) translateZ(0); }
}

/* 4 DAY FORECAST
=================================================== */

#forecastInfo {
background-color: transparent;
position: absolute;
top: 205px;
left: 0px;
width : 320px;
height: 100px;
z-index: 70;
opacity : 0.0;
-webkit-animation: forecast_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#Day1, #Day2, #Day3, #Day4, #Day5 {
position: relative;
top: -10px;
width : 80px;
font-weight:normal;

color: #d9e0b9;

font-family: STHeitiK-Light;

font-size:14px;
}

#Day1Icon, #Day2Icon, #Day3Icon, #Day4Icon, #Day5Icon {

position: relative;
top: -5px;
width: 45px;
height: 45px;
z-index: 70;
}

#Day1HiLo, #Day2HiLo, #Day3HiLo, #Day4HiLo, #Day5HiLo {
position: relative;
top: -9px;
width: 80px;
color: #d9e0b9;

font-family: Helvetica;

font-size:14px;

}

/* ANALOG CLOCK (alphabetical order)
=================================================== */

#analogclock{	/*  Container */

opacity: 1.0;  /* Change the opacity to 0 to hide the clock */
}

#bigsechand {
background: url('../../Images/clockhands/bigsechand.png') 12.5px 33.5px no-repeat;
position: absolute;

width: 50px;

height: 220px;
background-size:25px 110px;
top: 15px;

left: 135px;
z-index: 85;
-webkit-animation: analog_clock_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#clockface{
background: url('../../Images/clockface/TransClock.png') center no-repeat;
background-size: 320px 480px;
width: 320px;
height: 480px;
position: absolute;
top: -10px;
right: 0px;
left: 0px;
z-index: 80;
-webkit-animation: analog_clock_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#clockglass{
background: url('../../Images/clockface/clock_glass.png') center no-repeat;
background-size: 320px 480px;
width: 320px;
height: 480px;
position: absolute;
top: -10px;
right: 0px;
left: 0px;
z-index: 88;
-webkit-animation: analog_clock_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#hourhand {
background: url('../../Images/clockhands/hourhand.png') 12.5px 33.5px no-repeat;
position: absolute;

width: 50px;

height: 220px;
background-size:25px 110px;
top: 15px;

left: 135px;
z-index: 83;
-webkit-animation: analog_clock_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#minhand {
background: url('../../Images/clockhands/minhand.png') 12.5px 33.5px no-repeat;
position: absolute;

width: 50px;

height: 220px;
background-size:25px 110px;
top: 15px;

left: 135px;
z-index: 84;
-webkit-animation: analog_clock_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#node {
background: url('../../Images/clockhands/node.png') 12.5px 33.5px no-repeat;
position: absolute;

width: 50px;

height: 220px;
background-size:25px 110px;
top: 15px;

left: 135px;
z-index: 86;
-webkit-animation: analog_clock_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#smallsechand {
background: url('../../Images/clockhands/smallsechand.png') 12.5px 33.5px no-repeat;
position: absolute;

width: 50px;

height: 220px;
background-size:25px 110px;
top: 53px;

left: 135px;
z-index: 82;
-webkit-animation: analog_clock_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

/* DIGITAL CLOCK
=================================================== */

#Digitalclock{	/*  Container (position the whole clock with this container) */
background-color : transparent;
position: absolute;
text-align:center;
width: 320px;
height: 40px;
top: 70px;
left: -11px;
z-index: 80;
opacity: 0.0;
-webkit-animation: digital_clock_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#clock{
background-color: transparent;
position: absolute;
top: 0px;
width: 320px;
height: 40px;
font-family: DBLCDTempBlack;
font-weight: bold;
color: #d9e0b9;
z-index: 80;
font-size: 36px;
-webkit-animation: digital_clock_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#ampm{
background-color: transparent;
position: absolute;
text-align:center;
top: 20px;
left: 210px;
width: 25px;
height: 25px;
font-family: DBLCDTempBlack;
font-size: 16px;
font-weight: bold;
color: #d9e0b9;
z-index: 80;
-webkit-animation: digital_clock_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#second{
background-color: transparent;
position: absolute;
text-align:center;
top: 8px;
left: 210px;
width: 25px;
height: 25px;
font-family: DBLCDTempBlack;
font-size: 16px;
font-weight: bold;
color: #d9e0b9;
z-index: 80;
-webkit-animation: digital_clock_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

/* DATE
=================================================== */

#calendar{ /* Container */

opacity: 1.0;  /* Change the opacity to 0 to hide the date on clock */
}

#day{
position: absolute;
background-color: transparent;
width: 320px;
height: 12px;
font-family: Verdana;
top: 131px;
text-align: center;
font-size: 10px;
z-index: 81;
color: #d9e0b9;
-webkit-animation: calendar_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#date{
position: absolute;
background-color: transparent;
width: 18px;
height: 14px;
font-family: STHeitiK-Light;
top: 121px;
left: 193px;
text-align: center;
font-size: 12px;
font-weight: normal;
z-index: 81;
color: #d9e0b9;
-webkit-animation: calendar_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#month{
position: absolute;
background-color: transparent;
width: 320px;
height: 12px;
font-family: Verdana;
top: 96px;
text-align: center;
font-size: 10px;
z-index: 81;
color: #d9e0b9;
-webkit-animation: calendar_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#year{
position: absolute;
background-color: transparent;
width: 320px;
height: 12px;
font-family: Verdana;
top: 108px;
text-align: center;
font-size: 10px;
z-index: 81;
color: #d9e0b9;
/*	display: none;	*/
-webkit-animation: calendar_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

#SingleLineDate{
position: absolute;
background-color: transparent;
width: 320px;
height: 20px;
font-family: STHeitiK-Light;
top: 115px;
text-align: center;
font-size: 14px;
z-index: 81;
color: #d9e0b9;
-webkit-animation: calendar_fadein 5s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}

/* END */```

22. Hey all. Hope everyone is doing well. Here is your 'teaser' video for the night:

Notice the animated moon image actually appears as the current moon phase for your city! Thanks Dacal!

23. ## The Following 18 Users Say Thank You to Marty McFly For This Useful Post:

<Ian Nicoll/> (06-27-2013), A11AST3R (06-28-2013), Best01 (06-28-2013), bliken (06-28-2013), chevymusclecar (06-27-2013), Dexy88 (06-29-2013), ferlop15 (06-28-2013), Hip5 (07-04-2013), isostar (06-28-2013), lostinthemes (07-02-2013), nateD (06-30-2013), nik1975 (06-27-2013), RandyTG (06-28-2013), RKO1195 (06-28-2013), siemprelisto (06-28-2013), Simon (06-27-2013), Steph53940 (06-28-2013), The_Durben (06-28-2013)

24. Off topic I know but didn't cydia owner create the first parallax springboard theme. Wonder if apple paid him lol

25. Originally Posted by Ian Nicoll
Hi Grant,

I'm not sure what you used to start your mod, but all UniAW6 has the starsBGContainer defined in the html AND the main css files, the style sheets that has the starsBG are only in the individual weather css files.

Hi nik,

I don't have that mod, in fact I can't get almost any mod here but this sounds like the same old issue discussed a few times, if the mod uses a link to wallpaper via jpegifier then you need to install jpegifier, or you can try re-naming the "Widget.html" to "Wallpaper.html".
Unsure how else to help without seeing the code.

just open the sun/moon/sunray/moonray (all the sun/moon files) in some photo editing software and resize the "IMAGE", leave the canvas size original, only adjust the images within the canvas.
Good morning Ian, I solve it with put 2 images in folder day_night so this unblock everything! 😃

26. ## The Following User Says Thank You to nik1975 For This Useful Post:

<Ian Nicoll/> (06-27-2013)

27. Originally Posted by NewdestinyX

Hmm. I hate to disagree my friend.. But see below..
Maybe 6.21 had a mistake, certainly possible, or maybe it was just coded different, I can't remember all the changes we did in 6.3 but version 6.21 back to 6.1 are the same and the starsBG certainly worked.
Look at any of the 6.3 versions.
Are you modding 6.21? So your a Yahoo man now LOL...

28. ## The Following 2 Users Say Thank You to <Ian Nicoll/> For This Useful Post:

chevymusclecar (06-27-2013), King_O_Hill (06-28-2013)

29. Originally Posted by NewdestinyX
Uhh.. Don't know.. Where/How can I find that please?

Hmm. I hate to disagree my friend.. But see below.. This is your current upload of 6.21_WB - the UniAW6.css file for iPh5.
Gotta mod the current version :/ or find the differences and incorporate the fixes.

30. ## The Following User Says Thank You to chevymusclecar For This Useful Post:

<Ian Nicoll/> (06-27-2013)

31. Originally Posted by nik1975
Does anyone knows about my issue in winterboard issue of not showing the wallpapers on MartyMacFly mod for homescreen?Attachment 643556
I'm pretty sure it's just the partly cloudy condition. Make sure you have a "day_partlycloudy.jpg" file spelled accordingly in your WW folder. I remember one of the releases had that file named wrong or completely missing altogether.

32. ## The Following 4 Users Say Thank You to Marty McFly For This Useful Post:

<Ian Nicoll/> (06-27-2013), A11AST3R (06-28-2013), chevymusclecar (06-27-2013), nik1975 (06-27-2013)

Posting Permissions
• You may not post new threads
• You may not post replies
• You may not post attachments
• You may not edit your posts
•