s4
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 diff
1.1 --- a/templ/default/default.css Wed Jul 22 09:19:35 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 {