added experimental nav button changes
This commit is contained in:
parent
f9ae7530af
commit
5267e96a46
20
style.css
20
style.css
|
@ -522,6 +522,26 @@ nav.top.alert p {
|
||||||
white-space: pre-line;
|
white-space: pre-line;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Felt cute, might delete later. */
|
||||||
|
|
||||||
|
nav.top .navbutton-bar .button {
|
||||||
|
background-image: var(--background-image);
|
||||||
|
background-color: var(--active-button-background);
|
||||||
|
width: unset;
|
||||||
|
border-bottom: none;
|
||||||
|
margin-top: 4px;
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav.top .navbutton-bar .button:hover {
|
||||||
|
background-color: var(--hover-button-background);
|
||||||
|
}
|
||||||
|
|
||||||
|
nav.top .navbutton-bar .button.selected {
|
||||||
|
background-color: var(--default-button-background);
|
||||||
|
padding-bottom: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
@media only screen and (orientation: landscape) {
|
@media only screen and (orientation: landscape) {
|
||||||
nav {
|
nav {
|
||||||
width: 60px;
|
width: 60px;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user