diff options
Diffstat (limited to 'evmik.scss')
| -rw-r--r-- | evmik.scss | 82 |
1 files changed, 72 insertions, 10 deletions
@@ -20,10 +20,17 @@ $normal_fg: black; $sidebar_bg: lighten($body_bg,35%); $sidebar_border_clr: $body_bg; +$toc_bg: lighten($body_bg,35%); +$toc_border_clr: $body_bg; + + $div_padding: 0.5%; $div_margin_vert: 0.5%; $div_margin_horiz: 0.5%; +$small_screen: 480px; +$large_screen: 1200px; + $errormsg_bg: #ff0000; $infomsg_bg: #ffccff; @@ -100,20 +107,75 @@ body { } } div.toc { - float: left; - width: $toc_width; - font-weight: bold; - a { - color: black; - text-decoration: none; + margin: { + right: $body_margin; + left: 0; + top: $div_padding; + bottom: 0; + } + float: right; + z-index: 1; + background-color: $toc_bg; + width : 15em; + border-style: solid; + border-width: 1px; + border-color: $toc_border_clr; + ul { + list-style-type : none; + padding: { + top: 0; + bottom: 0; + left: 1em; + right: 0; + } + margin: 0; + } + p { + margin: 0; } - a:hover { - text-decoration: underline; + h3 { + padding: .1em; + margin: 0; + font-weight: bold; + } + // small screen/handheld + // @media (max-width: $small_screen) { + // above gives hick up to sass + // so I have to do hard coded values + @media (max-width: 4in) { + float: none; + width: auto; + margin: 0; + padding: 0; + h3 { + display: none; + } + ul { + padding: 0; + list-style-type : none; + text-align: center; + } + li { + display: inline-block; + padding: .4em; + } } } + // div.toc { + // float: left; + // width: $toc_width; + // font-weight: bold; + // a { + // color: black; + // text-decoration: none; + // } + // a:hover { + // text-decoration: underline; + // } + // } div.body { - float: right; - width: 100% - $toc_width - 5%; + // float: right; + // width: 100% - $toc_width - 5%; h1 { padding: { left: $div_padding; |