From fcfbff9d03b4e2e2b5b77ef79d1a6ac3b88c52c0 Mon Sep 17 00:00:00 2001 From: gurkenhabicht Date: Mon, 7 Nov 2022 00:20:29 +0100 Subject: [PATCH] changed layout --- static/stylesheet.css | 12 ++++++------ style.toml | 43 ++++++++++++++++++++++--------------------- 2 files changed, 28 insertions(+), 27 deletions(-) diff --git a/static/stylesheet.css b/static/stylesheet.css index 0d70a28..ed526f5 100644 --- a/static/stylesheet.css +++ b/static/stylesheet.css @@ -8,7 +8,7 @@ h3 { font-size: 16px; font-style: normal; font-variant: normal; font-weight: 700 p { font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 27px; } blockquote { text-align: center; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 27px; } -pre { font-family: monospace; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 27px; padding-left: 2ch;padding-top:2ch; padding-bottom: 2ch; overflow: auto; max-width: 100%; border-radius: 5px;} +pre { font-family: monospace; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 27px; padding-left: 2ch;padding-top:2ch; padding-bottom: 2ch; overflow: auto; max-width: 100%; border-radius: 5px; } code { max-width: 100%; overflow: auto; } img { max-width: 100%; } @@ -28,7 +28,7 @@ details summary::marker { height: auto; content: "\1F4C1\20";} .menu { line-height: 1em; font-size: 32px; text-decoration: none; width: 100%; margin: 0 auto; opacity: 1; } .banner { float: left; text-align: center; width: 13%; font-weight: 700; padding-top: 8px;} -.header-wrapper { width: 100%; position: fixed; top: 0; opacity: 0.9; } +.header-wrapper { width: 100%; position: fixed; top: 0; } .HolyGrail, .HolyGrail-body { @@ -43,13 +43,13 @@ details summary::marker { height: auto; content: "\1F4C1\20";} order: -1; } -@media (min-width: 1024px/*768px*/) { - .header-wrapper { width: 100%; position: fixed; top: 0; padding-bottom: 12px; padding-top: 10px; opacity: 0.9; } +@media (min-width: 768px) { + .header-wrapper { width: 100%; position: fixed; top: 0; padding-bottom: 12px; padding-top: 10px; /*opacity: 0.96;*/ } .HolyGrail-body { flex-direction: row; flex: 1; text-align: left; - margin-top: 3.4%; + margin-top: 6.8vh; /*padding-left: 8px; padding-right:8px;*/ } @@ -69,7 +69,7 @@ details summary::marker { height: auto; content: "\1F4C1\20";} flex: 0 0 12em; /* experimental line height */ line-height: 27px; - border-radius: 5px; + /* border-radius: 5px; */ } .HolyGrail-ads { diff --git a/style.toml b/style.toml index c344c00..e590a85 100644 --- a/style.toml +++ b/style.toml @@ -13,11 +13,11 @@ details_hover_background = "#21262d" details_hover = "#ecf2f8" selection_background = "#fa7970" moz_selection_background = "#fa7970" -header_background = "#161b22" +header_background = "#0d1117" nav_background = "#0d1117" -content_border_top = "#89929b" +content_border_top = "none" content_border_bottom = "#89929b" -search_input_background = "#0d1117" +search_input_background = "#161b22" search_input = "#c6cdd5" search_input_border = "#21262d" search_focus_border = "#c6cdd5" @@ -45,11 +45,11 @@ details_hover_background = "#616e87" details_hover = "#2e3440" selection_background = "#d08770" moz_selection_background = "#d08770" -header_background = "#616e87" +header_background = "#2e3440" nav_background = "#2e3440" -content_border_top = "#2e3440" +content_border_top = "none" content_border_bottom = "#2e3440" -search_input_background = "#2e3440" +search_input_background = "#616e87" search_input = "#d8dee9" search_input_border = "#616e87" search_focus_border = "#d08770" @@ -76,9 +76,10 @@ details_hover_background = "#2f333d" details_hover = "#979fad" selection_background = "#668799" moz_selection_background = "#668799" -header_background = "#2f333d" +header_background = "#282c34" nav_background = "#282c34" -content_border_top = "#979fad" +#content_border_top = "#979fad" +content_border_top = "none" content_border_bottom = "#979fad" search_input_background = "#3a3f4b" search_input = "#979fad" @@ -107,11 +108,11 @@ details_hover_background = "#839496" details_hover = "#002b36" selection_background = "#fdf6e3" moz_selection_background = "#fdf6e3" -header_background = "#073642" +header_background = "#002b36" nav_background = "#002b36" -content_border_top = "#002b36" +content_border_top = "none" content_border_bottom = "#002b36" -search_input_background = "#839496" +search_input_background = "#073642" search_input = "#002b36" search_input_border = "#002b36" search_focus_border = "#b58900" @@ -138,12 +139,12 @@ details_hover_background = "#073642" details_hover = "#eee8d5" selection_background = "#073642" moz_selection_background = "#073642" -header_background = "#fdf6e3" +header_background = "#eee8d5" nav_background = "#eee8d5" -content_border_top = "#002b36" +content_border_top = "none" content_border_bottom = "#002b36" -search_input_background = "#eee8d5" -search_input = "#002b36" +search_input_background = "#fdf6e3" +search_input = "#657b83" search_input_border = "#002b36" search_focus_border = "#b58900" autocomplete_suggestions_background = "#eee8d5" @@ -169,11 +170,11 @@ details_hover_background = "#e6db74" details_hover = "#3e3d32" selection_background = "#fd5ff0" moz_selection_background = "#fd5ff0" -header_background = "#3e3d32" +header_background = "#272822" nav_background = "#272822" -content_border_top = "#cfcfc2" +content_border_top = "none" content_border_bottom = "#cfcfc2" -search_input_background = "#272822" +search_input_background = "#3e3d32" search_input = "#75715e" search_input_border = "#75715e" search_focus_border = "#ae81ff" @@ -200,11 +201,11 @@ details_hover_background = "#2ed9ff" details_hover = "#ecf2f8" selection_background = "#2e9dff" moz_selection_background = "#2e9dff" -header_background = "#fff" +header_background = "#ecf5ff" nav_background = "#ecf5ff" -content_border_top = "#262626" +content_border_top = "none" content_border_bottom = "#262626" -search_input_background = "#ecf5ff" +search_input_background = "#fff" search_input = "#262626" search_input_border = "#262626" search_focus_border = "#2e9dff"