From 118ba929c81fe3c64f7b5dd87fe63a2dd443ec0f Mon Sep 17 00:00:00 2001 From: Florian Fischer Date: Sun, 28 Mar 2021 12:58:31 +0200 Subject: make html depend on the template and tweak sidebar css --- html/template.html | 62 +++++++++++++++++++++++++++--------------------------- 1 file changed, 31 insertions(+), 31 deletions(-) (limited to 'html/template.html') diff --git a/html/template.html b/html/template.html index 39fc6877..6edfbda8 100644 --- a/html/template.html +++ b/html/template.html @@ -197,39 +197,39 @@ div.csl-indent { $endif$ $if(toc)$ - /* Hide for mobile */ - .sidebar { - display: none; - } - @media screen and (min-width: 768px) { - .sidebar { - position: fixed; - top: 51px; - bottom: 0; - left: 0; - z-index: 1000; - display: block; - padding: 20px; - overflow-x: hidden; - overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ - background-color: #f5f5f5; - border-right: 1px solid #eee; - max-width: 200px; - } - } +/* Hide for mobile */ +.sidebar { + display: none; +} +@media screen and (min-width: 768px) { + .sidebar { + position: fixed; + top: 51px; + bottom: 0; + left: 0; + z-index: 1000; + display: block; + padding: 20px; + overflow-x: hidden; + overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ + background-color: #f5f5f5; + border-right: 1px solid #eee; + max-width: 200px; + } +} - @media screen and (min-width: 768px) and (max-width: 1200px){ - .main { - position: absolute; - left: 250px; - max-width: 80%; - overflow: auto; - } - } +@media screen and (min-width: 768px) and (max-width: 1200px) { + .main { + position: absolute; + left: 250px; + max-width: 80%; + overflow: auto; + } +} - .sidebar ul { - padding-left: 7px; - } +.sidebar ul { + padding-left: 10px; +} $endif$ -- cgit v1.2.3