diff options
Diffstat (limited to 'panel.css')
-rw-r--r-- | panel.css | 28 |
1 files changed, 25 insertions, 3 deletions
@@ -20,12 +20,17 @@ left:-0.3em; margin:0; font-weight:normal; } -#panel li a { +#panel li>a { display:block; padding-left:1.5em; padding-top:0.5em; padding-bottom:0.5em; } +#panel li a#paneltoggle { +text-align:right; +padding:0.1em; +padding-right:0.3em; +} #panel li span { display:block; padding-left:1.5em; @@ -49,6 +54,14 @@ padding-top:0.5em; #content { margin-left: 16em; } +#content.expanded { +margin-left: 1em; +} +#panel.collapsed { +left:-15em; +} +#panel li a#paneltoggle::after {content:'«';} +#panel.collapsed li a#paneltoggle::after {content:'»';} #content p{text-indent:2em;} #content .block h2{font-weight:normal;} #content .block h3{font-weight:normal;} @@ -56,16 +69,25 @@ margin-left: 16em; display: none; padding: 1em; } -#footer,div.footer{ +div.footer{ position:fixed; bottom:0; left:16em; padding-bottom:0.5em; width:calc(100% - 16em); } +#content.expanded + div.footer{ + left:1em; + width:calc(100% - 1em); +} +#content.expanded > div.footer{ + left:1em; + width:calc(100% - 1em); +} @media (max-width:768px) { #panel{left:-15em;} #content{margin-left:1em;} - #footer,div.footer{width:calc(100% - 1em);left:1em;} + div.footer{width:calc(100% - 1em);left:1em;} + #panel li a#paneltoggle{display:none;} } |