diff --git a/www/report/mvp.css b/www/report/report.css similarity index 91% rename from www/report/mvp.css rename to www/report/report.css index a5cc5b9..d78c3e1 100644 --- a/www/report/mvp.css +++ b/www/report/report.css @@ -1,10 +1,10 @@ -/* MVP.css v1.7.3 - https://github.com/andybrewer/mvp */ +/* adapted from MVP.css v1.7.3 - https://github.com/andybrewer/mvp */ :root { --border-radius: 5px; --box-shadow: 2px 2px 10px; - --color: darkblue; - --hover-color: blue; + --color: blue; + --hover-color: lightblue; --color-accent: #118bee15; --color-bg: #fff; --color-bg-secondary: #e9e9e9; @@ -24,6 +24,31 @@ --width-content: 720px; } +iframe { + position: fixed; + top: 0; + left: 0; + width: calc(100% - var(--width-content) - 2rem); + height: 100vh; + border-style: none none none none; + /* border-width: 3px; + border-color: black; */ +} + +content { + margin-left: 55vw; + max-width: var(--width-content); + margin-right: 5vw; + display: block; +} + +@media screen and (max-width: 1350px) { + iframe#map{ + display: none;; + } + +} + /* @media (prefers-color-scheme: dark) { :root { @@ -60,7 +85,7 @@ body { footer, header, main { - margin: 0 auto; + margin: 0 0 0 auto; max-width: var(--width-content); width: calc(100% - 2rem); padding: .5rem 1rem; @@ -69,12 +94,13 @@ main { header{ position: fixed; top: 0; - left: calc(50% - var(--width-content) / 2); + right: 0; padding-left: 0; padding-right: 0; background-color: white; border-bottom: solid 1px var(--color-bg-secondary); z-index: 999; + max-width: calc(var(--width-content) + 2rem); } @media screen and (max-width: 740px) { @@ -245,7 +271,7 @@ h5, h6 { text-align: left; line-height: var(--line-height); - padding-top:5rem + padding-top: 2rem; } h1{ @@ -254,6 +280,7 @@ h1{ font-size: 150%; } h2{ + padding-top:5rem; font-size: 125%; } /* h1::before{ @@ -319,13 +346,13 @@ small { } sup { - background-color: var(--color-secondary); - border-radius: var(--border-radius); - color: var(--color-bg); - font-size: xx-small; + /* background-color: var(--color-secondary); */ + /* border-radius: var(--border-radius); */ + /* color: var(--color-secondary); */ + /* font-size: xx-small; */ font-weight: bold; - margin: 0.2rem; - padding: 0.2rem 0.3rem; + /* margin: 0.2rem; + padding: 0.2rem 0.3rem; */ position: relative; top: -2px; } @@ -349,7 +376,7 @@ a:hover { /* text-decoration: underline; */ } a:hover sup{ - background-color: var(--hover-color); + /* background-color: var(--hover-color); */ } a b, @@ -560,7 +587,7 @@ h1.Title{ background-color: black; color: var(--color-bg-secondary); padding: 1rem; - + margin: 0 -1rem; } .keypoints > p > strong{ margin-left:2.5rem; diff --git a/www/report/report.html b/www/report/report.html index dea9bb0..5ce8dbd 100644 --- a/www/report/report.html +++ b/www/report/report.html @@ -5,7 +5,7 @@