This commit is contained in:
Marc Beninca 2023-07-01 01:04:37 +02:00
parent 3524199aba
commit 7d6e5921b8

View file

@ -108,6 +108,14 @@ def main():
''' '''
css_file = os.path.join(css, 'index.css') css_file = os.path.join(css, 'index.css')
css_text = f'''\ css_text = f'''\
@media screen and (max-width: 1200px) {{
body {{
font-size: 2em;
}}
}}
body {{ body {{
background: rgb(255,255,255); background: rgb(255,255,255);
color: rgb(0,0,0); color: rgb(0,0,0);
@ -120,6 +128,8 @@ color: rgb(160,160,160);
header {{ header {{
// background-image: url("../img/debian.jpeg"); // background-image: url("../img/debian.jpeg");
display: flex;
flex-wrap: wrap;
}} }}
.tabs {{ .tabs {{
@ -146,25 +156,28 @@ border: 1px solid;
margin: 1em 0; margin: 1em 0;
}} }}
.tabs > input:checked + label {{ .tabs > input:checked + label {{
background-color: gray; background: linear-gradient(rgba(128,128,128,1), rgba(128,128,128,0));
}} }}
.tabs > label {{ .tabs > label {{
padding: 10px; padding: 1em;
}} }}
.tabs > div {{ .tabs > div {{
padding: 10px; padding: 1em 0;
}}
a {{
text-decoration: none;
}}
img {{
border: 1px solid;
border-color: rgb(192,192,192);
border-radius: 1em;
height: 8em;
}} }}
/******************************************************************************* /*******************************************************************************
@media screen and (max-width: 1200px) {{
html {{
font-size: 2em;
}}
}}
* {{ border: 1px solid; }} * {{ border: 1px solid; }}
header {{ background: #800000; }} header {{ background: #800000; }}
nav {{ background: #008000; }} nav {{ background: #008000; }}
@ -211,17 +224,6 @@ display: flex;
flex-wrap: wrap; flex-wrap: wrap;
}} }}
img {{
border: 1px solid;
border-color: rgb(192,192,192);
border-radius: 1em;
height: 8em;
}}
a {{
text-decoration: none;
}}
nav a {{ nav a {{
background: linear-gradient(rgba(64,64,64,1), rgba(64,64,64,0)); background: linear-gradient(rgba(64,64,64,1), rgba(64,64,64,0));
border-color: rgb(128,128,128); border-color: rgb(128,128,128);
@ -233,9 +235,6 @@ font-weight: bold;
padding: .25em .5em; padding: .25em .5em;
//transition: all .5s; //transition: all .5s;
}} }}
nav a.active {{
background: linear-gradient(rgba(128,128,128,1), rgba(128,128,128,0));
}}
a {{ a {{
color: rgb(0,192,192); color: rgb(0,192,192);
@ -312,7 +311,7 @@ function main() {{
}} }}
const dark = document.getElementById('dark') const dark = document.getElementById('dark')
if (dark) {{ if (dark) {{
dark.checked = true dark.click()
}} }}
}} }}