diff --git a/src/styles/general.scss b/src/styles/general.scss index af3bfb2..7263855 100644 --- a/src/styles/general.scss +++ b/src/styles/general.scss @@ -61,6 +61,7 @@ body { display: flex; flex-direction: row; min-height: 100vh; + padding-left: 280px; } .sidebar { @@ -151,6 +152,14 @@ body { float: none; margin-left: 0; width: 100%; + padding-top: 12px; + height: 45px; + color: var(--on-accent-color); + font-family: $title_font_family; + font-size: $title_font_size; + text-align: center; + background-color: var(--div-bg-color); + box-sizing: border-box; } .segment_description_general { @@ -161,6 +170,10 @@ body { margin: 10px 0 0 0; padding: 0; font-size: 8.5pt; + font-family: $regular_font_family; + font-style: italic; + color: var(--text-color); + opacity: 0.75; text-align: justify; } } @@ -198,16 +211,26 @@ body { font-family: $regular_font_family; font-weight: bold; background-color: var(--div-bg-color); - color: var(--text-color); + color: var(--on-accent-color); .segment_image_item { margin-top: 5px; } + + .subitem { + margin-left: 5px; + } + + a:link, a:visited, a:hover, a:active { + color: var(--on-accent-color); + opacity: 0.8; + } } } .main_content { - margin-left: 280px; + margin-left: auto; + margin-right: auto; max-width: 21cm; width: 100%; padding: 0 15px; @@ -267,7 +290,7 @@ body { padding: 15px; width: 180px; height:220px; - color: var(--text-color); + color: var(--on-accent-color); font-size: $regular_image_font_size; font-family: $regular_font_family; font-weight: bold; @@ -413,7 +436,7 @@ body { .subitem { - margin-left: 15px; + margin-left: 5px; } } @@ -503,6 +526,7 @@ body { @media (max-width: 768px) { .page_layout { flex-direction: column; + padding-left: 0; } .sidebar {