diff --git a/content/static/datenspuren/script/clouds.js b/content/static/datenspuren/script/clouds.js index 960523811..2a947e903 100644 --- a/content/static/datenspuren/script/clouds.js +++ b/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() { diff --git a/content/static/datenspuren/style/style.css b/content/static/datenspuren/style/style.css index baf43eb9e..9ab70215f 100644 --- a/content/static/datenspuren/style/style.css +++ b/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); } }