changeset 30:a9f061d74153

Add transition to hidden div by div.fold
author HIROSE Yuuji <yuuji@gentei.org>
date Wed, 22 Jul 2015 09:31:18 +0900
parents f4048bfdc7f5
children 737a6e2717a9
files templ/default/default.css
diffstat 1 files changed, 5 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/templ/default/default.css	Wed Jul 22 09:19:35 2015 +0900
+++ b/templ/default/default.css	Wed Jul 22 09:31:18 2015 +0900
@@ -78,8 +78,12 @@
 div.fold {margin-top: 1em; border-top: 1px solid black; padding-top: 1em;}
 div.fold > div {
     display: none; max-height: 80%; overflow: auto;
+    height: 0px; opacity: 0; padding: 0 1ex;
 }
-div.fold input[type="checkbox"]:checked ~ div {display: block;}
+div.fold input[type="checkbox"]:checked ~ div {
+    display: block; background: #eef;
+    height: auto; opacity: 1.0; transition: 1s;
+}
 
 /********************* icon list *********************/
 div.iconlist {

yatex.org