# HG changeset patch # User HIROSE Yuuji # Date 1437525078 -32400 # Node ID a9f061d7415327aa8c316782f89eb2fdce6c1012 # Parent f4048bfdc7f5325178d35c97e9e9c6964b8ecd07 Add transition to hidden div by div.fold diff -r f4048bfdc7f5 -r a9f061d74153 templ/default/default.css --- 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 {