diff options
Diffstat (limited to 'css/main.css')
| -rw-r--r-- | css/main.css | 254 |
1 files changed, 4 insertions, 250 deletions
diff --git a/css/main.css b/css/main.css index d6c0d76..97cf762 100644 --- a/css/main.css +++ b/css/main.css @@ -1,254 +1,8 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; - hyphens: auto; - /*word-break: break-all;*/ +:root { + font-family: monospace; } -html { - min-height: 100%; - min-width: 100%; - - display: flex; - flex-direction: column; -} - -body { - min-height: 100%; - width: 100%; - - display: flex; - flex-direction: column; - flex-grow: 1; - - font-family: Verdana, sans-serif; - font-size: 11pt; - - text-align: center; -} - -div#page, div#divbodyholder, div#cgit { - background-color: var(--bg-color); - - padding: 3px 0px 3px 0px; - - min-height: 100%; - width: 100%; - - flex-grow: 1; - - /*background-image: url(/icons/collage.png); - background-size: contain; - background-attachment: fixed; - background-repeat: repeat;*/ -} - -div.inner_page { - position: relative; - - width: 65%; - - align-items: center; - justify-content: center; - - margin: 0px auto 0px auto; - - border-width: 0px; - border-color: var(--theme-color); - border-style: solid; - border-radius: 15px; - - box-shadow: 0px 0px 33px 14px #000000; -} - -div.page_header { - padding-top: 2em; - padding-bottom: 2em; - width: 100%; - display: flex; - justify-content: center; - - background-color: var(--theme-color); - border-radius: 15px 15px 0 0; -} - - -div.page_header img { - margin: 3px 0px 0px 40px; - - border: 0px 0px 0px; -} - -div.table_of_contents { - clear: center; - - min-width: 200px; - - margin: 3px 3px 3px 3px; - padding: 10px; - - background-color: var(--bg-color); - - text-align: center; -} - -div.table_of_contents_item { - clear: center; - text-align: center; - +/*iframe { width: 100%; - margin: 4px 0px 0px 0px; - - background-color: var(--bg-color); - color: var(--text-color); -} - -div.table_of_contents_item a { - margin: 6px 0px 0px 6px; -} - -div.content_section, div.content { - margin: 3px 3px 3px 3px; - background-color: var(--bg-color); - text-align: left; -} - -div.content_section_text, div.content { - padding: 4px 8px 4px 8px; - color: var(--text-color); -} - -a.ablack { - color: var(--bg-color); - text-decoration: none; -} - -div.subtitle { - margin-bottom: 2ex; - text-align: center; -} - -div#footer { - padding-top: 5px; - color: var(--text-color); -} - -div.content_section_text pre { - margin: 8px 0px 8px 0px; - padding: 8px 8px 8px 8px; - - border-width: 1px; - border-style: solid; - border-color: var(--text-color); - - background-color: var(--bg-color); - - font-style: italic; -} - -div.content_section_text p, -div.content p { - margin-bottom: 6px; - text-align: left; -} - -div.content_section_text p:first-letter, -div.content:first-letter { - font-size: 15pt; -} - -ul, ol { - padding: 4px 8px 4px 16px; - margin-left: 1%; - - text-align: left; -} - -div.section_header, -summary.section_header { - padding: 3px 6px 3px 6px; - border-radius: 15px; - - background-color: var(--theme-color); - - color: var(--bg-color); - font-weight: bold; - font-size: 112%; - text-align: center; -} - -div.section_header_last { - border-radius: 0px 0px 15px 15px; -} - -.floating_element { - color: var(--bg-color); - position: relative; - background-color: var(--theme-color); - border-radius: 0px 0px 20px 20px; - - img { - max-width: 13%; - display: block; - } -} - -table.services_table { - border-collapse: collapse; - - padding: 5px 20px 15px 20px; - margin: 10px auto 10px auto; -} - -tr.services_table_item { - border-top: 1px solid var(--text-color); - border-bottom: 1px solid var(--text-color); -} - -td:nth-of-type(5) { - word-break: break-all; -} - -/*img.floating_element { - justify-content: center; - position: relative; - float: left; - max-width: 13%; + aspect-ratio: unset; }*/ - -a { - color: var(--text-color); - word-break: break-all; -} - -a:hover { - text-decoration: underline; - font-weight: bold; - color: var(--text-color); -} - -div.section_header_last a:visited, -div.section_header_last a:link, -div.section_header_last a:active { - font-weight: initial; -} - -div.section_header_last a:hover { - text-decoration: underline; - font-weight: bold; - color: var(--text-color); -} - -.word-break { - word-break: all; -} - -div.validator { -} - -/* - * There was a CSS snippet to reset custom browser behaviour - * https://stackoverflow.com/a/19184796 - * - */ |