Merge branch 'master' of git.c3d2.de:c3d2-web

content/static/datenspuren/script/clouds.js

@@ -48,7 +48,7 @@ Raindrop.prototype.render = function() {
     var t = now();
     var d = (t - this.lastUpdate) / 1000;
     this.x += this.speedX * d;
-    this.speedY += 9.81 * d;
+    this.speedY += 23 * d;  /* gravity */
     this.y += this.speedY * d;
 
     this.el.css('left', Math.floor(this.x)+'px');
@@ -91,7 +91,7 @@ Cloud.prototype.update = function() {
     if (this.isDone())
 	this.el.detach();
     else if (this.raining && Math.random() < 0.1)
-	new Raindrop(this.x + 8 + Math.random() * 48, this.y + 32, this.speedX);
+	new Raindrop(this.x + 8 + Math.random() * 48, this.y + 30, this.speedX);
 };
 
 Cloud.prototype.isDone = function() {

content/static/datenspuren/style/style.css

@@ -31,6 +31,7 @@ body {
 #content {
   border: 12pt solid #65b8ff;
   border-radius: 24pt;
+  background: rgba(255,255,255,0.65);
   min-height: 400px;
 }
 .leftSideBar {
@@ -42,7 +43,6 @@ body {
 }
 .leftSideBar > div {
   margin: 12pt;
-  background: rgba(255,255,255,0.65);
 }
 .leftSideBar > div > h2 {
   font-size: 12pt;
@@ -63,7 +63,6 @@ a {
   padding: 24pt;
 }
 #bodyText > div {
-  background: rgba(255,255,255,0.65);
 }
 .date {
   padding-left: 12pt;
@@ -424,7 +423,7 @@ td.event {
         -webkit-transform:rotate(0deg);
     }
     100% {
-        -webkit-transform:rotate(360deg);
+        -webkit-transform:rotate(-360deg);
     }
 }
 @-moz-keyframes rotate {
@@ -432,7 +431,7 @@ td.event {
         -moz-transform:rotate(0deg);
     }
     100% {
-        -moz-transform:rotate(360deg);
+        -moz-transform:rotate(-360deg);
     }
 }
 @-o-keyframes rotate {
@@ -440,7 +439,7 @@ td.event {
         -o-transform:rotate(0deg);
     }
     100% {
-        -o-transform:rotate(360deg);
+        -o-transform:rotate(-360deg);
     }
 }
 @-ms-keyframes rotate {
@@ -448,7 +447,7 @@ td.event {
         -ms-transform:rotate(0deg);
     }
     100% {
-        -ms-transform:rotate(360deg);
+        -ms-transform:rotate(-360deg);
     }
 }
 @keyframes rotate {
@@ -456,7 +455,7 @@ td.event {
         transform:rotate(0deg);
     }
     100% {
-        transform:rotate(360deg);
+        transform:rotate(-360deg);
     }
 }