navbar background without gradient and darker pagination links

This commit is contained in:
Felix Hamann 2019-02-11 20:26:59 +01:00
parent cf3eb1acd3
commit 253cc91514
2 changed files with 5 additions and 8 deletions

View File

@ -18,7 +18,7 @@
.page-link { .page-link {
margin-top: 7px; margin-top: 7px;
display: inline-block; display: inline-block;
background-color: var(--color-grey); background-color: var(--color-grey-medium);
+ .page-link { + .page-link {
margin-left: 7px; margin-left: 7px;
@ -28,10 +28,11 @@
color: var(--color-lightwhite); color: var(--color-lightwhite);
padding: 7px 13px; padding: 7px 13px;
display: inline-block; display: inline-block;
text-decoration: none;
} }
&:not(.current):hover { &:not(.current):hover {
background-color: var(--color-lighter); background-color: var(--color-primary);
a { a {
color: var(--color-lightwhite); color: var(--color-lightwhite);
@ -40,10 +41,9 @@
&.current { &.current {
pointer-events: none; pointer-events: none;
background-color: var(--color-light); background-color: var(--color-dark);
a { a {
text-decoration: underline;
pointer-events: none; pointer-events: none;
} }
} }

View File

@ -36,10 +36,7 @@
top: 0; top: 0;
left: var(--asidenav-width-xl); left: var(--asidenav-width-xl);
height: var(--header-height); height: var(--header-height);
background: var(--color-darker); /* Old browsers */ background-color: var(--color-primary);
background: -moz-linear-gradient(bottom, var(--color-primary) 0%, var(--color-primary) 80%, var(--color-dark) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom, var(--color-primary) 0%, var(--color-primary) 80%, var(--color-dark) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, var(--color-primary) 0%, var(--color-primary) 80%, var(--color-dark) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color: white; color: white;
z-index: 20; z-index: 20;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);