diff --git a/build.py b/build.py index c9ebef7..5d60533 100755 --- a/build.py +++ b/build.py @@ -108,7 +108,11 @@ def main(): ''' css_file = os.path.join(css, 'index.css') css_text = f'''\ -@media screen and (max-width: 1200px) {{ +/* +* {{ border: 1px solid; }} +/**/ + +@media screen and (max-aspect-ratio: 10/16) {{ body {{ font-size: 2em; @@ -119,6 +123,7 @@ font-size: 2em; body {{ background: rgb(255,255,255); color: rgb(0,0,0); +font-family: sans; margin: .5em; }} body.dark {{ @@ -152,17 +157,23 @@ order: 2; }} .tabs {{ -border: 1px solid; -margin: 1em 0; +margin: 0; }} .tabs > input:checked + label {{ background: linear-gradient(rgba(128,128,128,1), rgba(128,128,128,0)); }} .tabs > label {{ -padding: 1em; +background: linear-gradient(rgba(64,64,64,1), rgba(64,64,64,0)); +border-color: rgb(128,128,128); +border-radius: .5em; +border-style: solid; +border-width: 1px 1px 0 1px; +margin: 0; +padding: .5em 1.5em; }} .tabs > div {{ -padding: 1em 0; +margin: 0 +padding: 1em 0 0 0; }} a {{ @@ -178,7 +189,6 @@ height: 8em; /******************************************************************************* -* {{ border: 1px solid; }} header {{ background: #800000; }} nav {{ background: #008000; }} section {{ background: #000080; }} @@ -199,10 +209,7 @@ position: relative; header {{ background-position: center; background-size: cover; -padding: 1vh 1vw 0 1vw; -position: absolute; width: 100%; -z-index: 1; }} section {{ @@ -225,11 +232,6 @@ flex-wrap: wrap; }} nav a {{ -background: linear-gradient(rgba(64,64,64,1), rgba(64,64,64,0)); -border-color: rgb(128,128,128); -border-radius: .5em; -border-style: solid; -border-width: 1px 1px 0 1px; #color: rgb(128,128,0); font-weight: bold; padding: .25em .5em;