s4

diff templ/default/default.css @ 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 6b2ba8af4c9e
children 280024035566
line diff
     1.1 --- a/templ/default/default.css	Tue Jul 21 15:26:02 2015 +0900
     1.2 +++ b/templ/default/default.css	Wed Jul 22 09:31:18 2015 +0900
     1.3 @@ -78,8 +78,12 @@
     1.4  div.fold {margin-top: 1em; border-top: 1px solid black; padding-top: 1em;}
     1.5  div.fold > div {
     1.6      display: none; max-height: 80%; overflow: auto;
     1.7 +    height: 0px; opacity: 0; padding: 0 1ex;
     1.8  }
     1.9 -div.fold input[type="checkbox"]:checked ~ div {display: block;}
    1.10 +div.fold input[type="checkbox"]:checked ~ div {
    1.11 +    display: block; background: #eef;
    1.12 +    height: auto; opacity: 1.0; transition: 1s;
    1.13 +}
    1.14  
    1.15  /********************* icon list *********************/
    1.16  div.iconlist {