Веб-сайт самохостера Lotigara

summaryrefslogtreecommitdiff
path: root/css/main.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/main.css')
-rw-r--r--css/main.css254
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
+ *
+ */