storyview transitions

2 files changed, 9 insertions, 7 deletions

diff --git a/StoneIsland/www/css/account.css b/StoneIsland/www/css/account.css
index cfca71de..fbb960d0 100644
--- a/StoneIsland/www/css/account.css
+++ b/StoneIsland/www/css/account.css
@@ -206,10 +206,11 @@ input[type=text], input[type=password], input[type=number], input[type=email] {
 }
 
 input.switch {
-  height: 50px;
-  width: 50px;
-  opacity: 0;
-  z-index:9999999;
+    height: 50px;
+    width: 50px;
+    opacity: 0;
+    z-index: 9999999;
+    position: relative;
 }
 
 input.switch + label {
@@ -221,7 +222,7 @@ input.switch + label {
     border-radius: 15px;
     position: absolute;
     top: 50%;
-    left: 0;
+    left: 25px;
     transform: translateX(-50%) translateY(-50%);
 }
 
diff --git a/StoneIsland/www/css/blogs.css b/StoneIsland/www/css/blogs.css
index 70753fd8..7af45c4f 100644
--- a/StoneIsland/www/css/blogs.css
+++ b/StoneIsland/www/css/blogs.css
@@ -23,10 +23,11 @@
   text-decoration: underline;
 }
 #story .content > div {
-  display: none;
+display:none;
 }
 #story .content div.active {
-  display: block;
+display:block;
+animation: mfadein 0.6s;
 }
 
 .hub #hub { display: block }