navbar background without gradient and darker pagination links
This commit is contained in:
parent
cf3eb1acd3
commit
253cc91514
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user