--- doc/tmpl/css/main.css 2017/06/01 18:54:52 3268 +++ doc/tmpl/css/main.css 2017/06/02 18:31:00 3270 @@ -122,6 +122,16 @@ box-shadow: 0px 10px 8px rgba(15,15,15,0.25); } +nav > div.foldbtn { + display:block; + position:fixed; + top:34; + left:10; + color:#998952; + font-weight:200; + font-size:28px; +} + nav > ul { list-style:none; padding:0; @@ -311,6 +321,23 @@ -webkit-border-bottom-left-radius: 11px; -moz-border-radius-bottomleft: 11px; border-bottom-left-radius: 11px; + + -webkit-transition: -webkit-transform 0.16s ease, width 0.2s ease; + -o-transition: -o-transform 0.16s ease, width 0.2s ease; + -ms-transition: -ms-transform 0.16s ease, width 0.2s ease; + -moz-transition: -moz-transform 0.16s ease, width 0.2s ease; + transition: transform 0.16s ease, width 0.2s ease; +} + +.no-toc aside { + overflow:hidden; + width:0; + + -webkit-transition: -webkit-transform 0.16s ease, width 0.2s ease; + -o-transition: -o-transform 0.16s ease, width 0.2s ease; + -ms-transition: -ms-transform 0.16s ease, width 0.2s ease; + -moz-transition: -moz-transform 0.16s ease, width 0.2s ease; + transition: transform 0.16s ease, width 0.2s ease; } aside > div.toc { @@ -528,6 +555,22 @@ border-left-style:solid; border-left-width:1px; border-left-color:#898989; + + -webkit-transition: -webkit-transform 0.16s ease, margin-left 0.2s ease; + -o-transition: -o-transform 0.16s ease, margin-left 0.2s ease; + -ms-transition: -ms-transform 0.16s ease, margin-left 0.2s ease; + -moz-transition: -moz-transform 0.16s ease, margin-left 0.2s ease; + transition: transform 0.16s ease, margin-left 0.2s ease; +} + +.no-toc article { + margin-left:0px; + + -webkit-transition: -webkit-transform 0.16s ease, margin-left 0.2s ease; + -o-transition: -o-transform 0.16s ease, margin-left 0.2s ease; + -ms-transition: -ms-transform 0.16s ease, margin-left 0.2s ease; + -moz-transition: -moz-transform 0.16s ease, margin-left 0.2s ease; + transition: transform 0.16s ease, margin-left 0.2s ease; } article h1 {