Stylistic updates, removing dark menu

This commit is contained in:
Adsooi 2021-06-23 03:18:18 +02:00
parent 4a881df172
commit 9efa26c25e
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
11 changed files with 132 additions and 40 deletions

View file

@ -210,7 +210,7 @@ p {
width: 100%;
}
.column .text-right, .column.text-right, .column .text-left, .column.text-left {
.column :not(p).text-right, .column.text-right :not(p), .column :not(p).text-left, .column.text-left :not(p) {
text-align: center;
}

View file

@ -2,9 +2,8 @@
nav {
font-size: 1.3em;
height: 3em;
/*background: var(--nav-background);*/
position: absolute;
width: 100vw;
width: 100%;
font-family: var(--light-font);
}
@ -55,11 +54,6 @@ nav .navbar-list {
background-color: var(--nav-background);
}
.dark .navbar-list li.background {
background-color: var(--nav-background-dark);
}
.menu-with-sub {
display: block;
}
@ -102,16 +96,13 @@ nav .navbar-list {
/*background: var(--nav-background);*/
}
nav.menuShown {
nav.menu-shown {
position: fixed;
z-index: 1;
background: var(--nav-background);
}
nav.menuShown.dark {
background: var(--nav-background-dark);
}
/* positioning for mobile */
nav .nav-flex {
display: block;
max-width: 100%;
@ -127,23 +118,19 @@ nav .navbar-list {
}
.navbar-menu {
height: calc(100vh - 3em);
height: 100vh;
width: 100% !important;
display: none !important;
background: var(--nav-background);
}
.navbar-menu.dark {
background: var(--nav-background-dark);
}
.navbar-menu.shown {
display: block !important;
}
.navbar-list {
display: block !important;
width: 100vw;
width: 100%;
height: 100%;
padding-left: 0;
}
@ -161,8 +148,17 @@ nav .navbar-list {
margin-left: 1em;
display: ruby;
}
/* removing white text from menu with light background */
nav.menu-shown.text-white a[role=button], nav.menu-shown .text-white a[role=button], nav.menu-shown a[role=button].text-white {
color: black;
}
#content {
/*padding-top: 4em;*/
nav.menu-shown.text-white .icon-monochrome {
filter: unset;
}
nav.menu-shown.text-white .navbar-list li.background {
background-color: var(--nav-background);
}
}

View file

@ -31,5 +31,10 @@ section.section-header > div.columns-container {
@media screen and (max-width: 700px) {
section.section-header {
height: auto;
min-height: calc(100vh + 3em);
}
section.section-header > div.columns-container {
min-height: calc(100vh - 3em);
}
}