diff options
Diffstat (limited to 'css/main.css')
| -rw-r--r-- | css/main.css | 254 |
1 files changed, 254 insertions, 0 deletions
diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..d6c0d76 --- /dev/null +++ b/css/main.css @@ -0,0 +1,254 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + hyphens: auto; + /*word-break: break-all;*/ +} + +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; + + 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%; +}*/ + +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 + * + */ |