13.04.2013, 11:52
Hallo Freunde Welche version sollte mann nun Kaufen..? vorallem geht es ohne Paypal zu Bezahlen? ich kann ihm nicht schreiben da ich keine Englisch Kenntnisse Habe ..!
Zitat:body {
width: 320px;
height: 100px;
font-family: Helvetica;
}
*{
margin:0;
padding:0;
}
.TextColorRed {
color: red;
}
.TextColorGrey {
color: #9C9C9C;;
}
#Widget{
position:absolute;
width:270;
max-height:270px;
float:center;
top:100px;
left:34px;
z-index:200;
opacity:0;
-webkit-animation: EaseInImage 1s linear 1 normal;
-webkit-animation-fill-mode: forwards;
-webkit-transform:scale(1.0);
}
#Overlay{position:absolute; top:-8px; left:-7px; width:268px; height:268px; z-index:100;}
#Overlay2{position:absolute; top:-8px; left:-7px; width:268px; height:268px; z-index:101;}
#clock{
position:absolute; top:24px; left:27px; width:200px; height:200px; margin:0;
background-repeat:no-repeat;
list-style: none;
}
#hour{
position:absolute; width:200px; height:200px; z-index:150;
-webkit-transition:-webkit-transform 1s linear;
background-size:200px 200px;
}
#min{
position:absolute; top:1px; width:200px; height:200px; z-index:150;
-webkit-transition:-webkit-transform 1s linear;
background-size:200px 200px;
}
#sec{
position:absolute; width:196px; height:196px; z-index:150;
background-size:196px 196px; top:2px; left:2px;
-webkit-transition: -webkit-transform 1s linear;
}
#hour{background: url(Images/hourHand.png);}
#min{background: url(Images/minuteHand.png);}
#sec{background: url(Images/secondHand.png);}
/* DIGITAL CLOCK */
#digiclock{
position:absolute; top:113px; left:-34px; width:320px; height:50px; text-align:center; z-index:150;
font-weight: 900;
font-size: 16px;
color: white;
text-shadow: 0px 0px 5px #0CBAF3, 0px 0px 10px #0CBAF3;
opacity: 1;
letter-spacing: -2px;
}
#Layer{
position:absolute;
top:0;
left: 0px;
width:320px;
z-index:-20;
opacity:0;
-webkit-animation: EaseInImage 3s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}
#weekday {
position:absolute; width:320px; height:270px; top:40px; left:10px; text-align:left; font-size: 12px; color: white; text-shadow: 0px 0px 5px #0CBAF3, 0px 0px 10px #0CBAF3; text-transform:uppercase; z-index:150; opacity:0; -webkit-animation: EaseInText 3s linear 1 normal; -webkit-animation-fill-mode: forwards;
}
#month {
position:absolute; width:320px; height:270px; top:40px; left:10px; text-align:left; font-size: 12px; color: white; text-shadow: 0px 0px 5px #0CBAF3, 0px 0px 10px #0CBAF3; text-transform:uppercase; z-index:150; opacity:0; -webkit-animation: EaseInText 3s linear 1 normal; -webkit-animation-fill-mode: forwards;
}
#day {
position:absolute; width:270px; height:270px; top:113px; left:61px; text-align:center; font-size: 18px; color: white; text-shadow: 0px 0px 5px #0CBAF3, 0px 0px 10px #0CBAF3;z-index:150;
}
#year {
display: none;
}
#city{
position:absolute;
top:25px;
left:35px;
width:320px;
height:480px;
text-align:left;
font-weight: normal;
font-size:12px;
color: #fff;
text-shadow: 0px 0px 5px #0CBAF3, 0px 0px 10px #0CBAF3;
text-transform:uppercase;
z-index:90;
opacity:0;
-webkit-animation: EaseInText 3s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}
#coordinates{
display:none;
}
#desc{
position:absolute; top:25px; left:-10px; width:320px; height:480px; text-align:right; z-index:90;
font-weight: normal;
font-size:12px;
color: #fff;
text-shadow: 0px 0px 5px #0CBAF3, 0px 0px 10px #0CBAF3;
text-transform:uppercase;
word-spacing:-1px;
letter-spacing:0px;
opacity:0;
-webkit-animation: EaseInText 3s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}
#hiloContainer{
position:absolute; top:38px; left:-10px; width:320px; height:20px; text-align:right; z-index:90;
font-weight: normal;
font-size:12px;
color: #fff;
text-shadow: 0px 0px 5px #0CBAF3, 0px 0px 10px #0CBAF3;
opacity:0;
-webkit-animation: EaseInText 3s linear 1 normal; -webkit-animation-fill-mode: forwards;
}
#hightemp{
font-weight: normal;
font-size:12px;
color: #fff;
text-shadow: 0px 0px 5px #0CBAF3, 0px 0px 10px #0CBAF3;
}
#lowtemp{
font-weight: normal;
font-size:12px;
color: #fff;
text-shadow: 0px 0px 5px #0CBAF3, 0px 0px 10px #0CBAF3;
}
#temp{
position:relative; top: 25px; left:10px; width:320px; height:40px; text-align:left; z-index:90;
font-weight:medium;
font-size:12px;
color: #fff;
text-shadow: 0px 0px 5px #0CBAF3, 0px 0px 10px #0CBAF3;
-webkit-animation: EaseInText 3s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}
#weathericon{
position:absolute;
top:0px;
left:0px;
width: 320px;
height: 568px;
z-index:10;
opacity:0;
-webkit-animation: EaseInImage 3s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}
#weathericonSmall{
position:absolute;
top:80px;
left:76px;
width: 100px;
height: 100px;
z-index:90;
opacity:0;
-webkit-animation: EaseInImage 3s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes EaseInText {
0% {opacity : 0;}
50% {opacity : 0;}
100% {opacity : 1.0;}}
@-webkit-keyframes EaseInImage {
0% {opacity : 0;}
50% {opacity : 0.0;}
100% {opacity : 1.0;}}