Worlio/worlio-themes
4
0
Fork 0
Code Issues Pull Requests Wiki Activity

experiment on main nav too, improve look of top nav

Browse Source
This commit is contained in:
Wirlaburla 2023-08-26 04:25:11 -05:00
parent 5267e96a46
commit ee40eba6a8
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
style.css
View File

@ -525,12 +525,11 @@ nav.top.alert p {
/* Felt cute, might delete later. */ /* Felt cute, might delete later. */
nav.top .navbutton-bar .button { nav.top .navbutton-bar .button {
background-image: var(--background-image);
background-color: var(--active-button-background); background-color: var(--active-button-background);
width: unset;
border-bottom: none; border-bottom: none;
margin-top: 4px; width: unset;
padding: 4px; margin-top: 2px;
padding: 6px;
} }
nav.top .navbutton-bar .button:hover { nav.top .navbutton-bar .button:hover {
@ -538,8 +537,8 @@ nav.top .navbutton-bar .button:hover {
} }
nav.top .navbutton-bar .button.selected { nav.top .navbutton-bar .button.selected {
background-image: var(--background-image);
background-color: var(--default-button-background); background-color: var(--default-button-background);
padding-bottom: 6px;
} }
@media only screen and (orientation: landscape) { @media only screen and (orientation: landscape) {
@ -578,6 +577,14 @@ nav.top .navbutton-bar .button.selected {
nav.top.alert { nav.top.alert {
top: 36px; top: 36px;
} }
nav .popbutton.selected:not(:hover) {
background-image: var(--background-image);
background-color: var(--default-button-background);
border-right: none;
width: 56px;
font-size: 0px;
}
} }
@media only screen and (orientation: portrait) { @media only screen and (orientation: portrait) {