mirror of
https://github.com/bitsocialnet/5chan.git
synced 2026-08-03 07:41:04 +02:00
92 lines
1.9 KiB
CSS
92 lines
1.9 KiB
CSS
|
|
.boardNavDesktop {
|
|
font-size: var(--boardnav-font-size);
|
|
color: var(--boardnav-separator-color);
|
|
}
|
|
|
|
.boardNavDesktop a {
|
|
color: var(--boardnav-desktop-link-text-color);
|
|
text-decoration: var(--boardnav-desktop-link-text-decoration);
|
|
}
|
|
|
|
.boardNavDesktop a:hover {
|
|
color: var(--boardnav-desktop-link-text-color-hover);
|
|
text-decoration: var(--boardnav-desktop-link-text-decoration-hover);
|
|
}
|
|
|
|
.navTopRight {
|
|
float: right;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.boardNavMobile {
|
|
padding: 2px 4px;
|
|
background-color: var(--boardnav-mobile-background-color);
|
|
border-bottom: var(--boardnav-mobile-border-bottom);
|
|
font-size: var(--boardnav-mobile-font-size);
|
|
position: fixed;
|
|
width: 100%;
|
|
z-index: 6;
|
|
animation-name: stickyMenuAnimation;
|
|
animation-duration: 1s;
|
|
animation-timing-function: linear;
|
|
animation-iteration-count: 1;
|
|
animation-fill-mode: both;
|
|
animation-play-state: paused;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
@keyframes stickyMenuAnimation {
|
|
0% {
|
|
top: 0px;
|
|
}
|
|
100% {
|
|
top: -50px;
|
|
}
|
|
}
|
|
|
|
.boardNavMobile .pageJump a {
|
|
color: var(--button-text-color-mobile);
|
|
text-decoration: var(--button-text-decoration-mobile);
|
|
}
|
|
|
|
.boardNavMobile strong {
|
|
text-transform: capitalize;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.boardNavMobile select {
|
|
font-size: var(--boardnav-mobile-font-size);
|
|
border: var(--select-border, revert);
|
|
background-color: var(--select-background-color, revert);
|
|
color: var(--select-color, revert);
|
|
}
|
|
|
|
.boardSelect {
|
|
float: left;
|
|
}
|
|
|
|
.pageJump {
|
|
float: right;
|
|
padding: 3px 5px 0 0;
|
|
}
|
|
|
|
.pageJump a, .mobileSearchButton {
|
|
padding-right: 5px;
|
|
color: var(--homepage-box-link-text-color);
|
|
text-decoration: var(--homepage-box-link-text-decoration);
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.boardNavDesktop {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
.boardNavMobile {
|
|
display: none;
|
|
}
|
|
} |