mirror of
https://github.com/bitsocialnet/5chan.git
synced 2026-08-03 07:41:04 +02:00
103 lines
1.9 KiB
CSS
103 lines
1.9 KiB
CSS
|
|
.boardNavDesktop {
|
|
font-size: var(--topbar-font-size);
|
|
color: var(--topbar-separator-color);
|
|
position: relative;
|
|
}
|
|
|
|
.boardNavDesktop a, .navTopRight span {
|
|
color: var(--topbar-desktop-link-text-color);
|
|
text-decoration: var(--topbar-desktop-link-text-decoration);
|
|
}
|
|
|
|
.boardNavDesktop a:hover, .navTopRight span:hover {
|
|
color: var(--topbar-desktop-link-text-color-hover);
|
|
text-decoration: var(--topbar-desktop-link-text-decoration-hover);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.navTopRight {
|
|
float: right;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.searchBar {
|
|
position: absolute;
|
|
right: 0;
|
|
padding: 3px 5px 0 0;
|
|
}
|
|
|
|
.boardNavDesktop .searchBar {
|
|
margin-right: -7px;
|
|
}
|
|
|
|
.disabledButton {
|
|
cursor: not-allowed !important;
|
|
}
|
|
|
|
.searchBar input[type="text"] {
|
|
outline: none;
|
|
margin: 2px;
|
|
padding: 1px;
|
|
border: 1px solid #000;
|
|
width: 220px;
|
|
}
|
|
|
|
.boardNavMobile {
|
|
padding: 2px 4px;
|
|
background-color: var(--topbar-mobile-background-color);
|
|
border-bottom: var(--topbar-mobile-border-bottom);
|
|
font-size: var(--topbar-mobile-font-size);
|
|
position: fixed;
|
|
width: 100%;
|
|
z-index: 3;
|
|
transition: top 0.3s ease-in-out;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.boardNavMobile .pageJump a, .boardNavMobile .pageJump span {
|
|
color: var(--topbar-mobile-button-text-color);
|
|
text-decoration: var(--button-text-decoration-mobile);
|
|
}
|
|
|
|
.pageJump {
|
|
position: relative;
|
|
}
|
|
|
|
.boardNavMobile strong {
|
|
text-transform: capitalize;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.boardNavMobile select {
|
|
font-size: var(--topbar-mobile-font-size);
|
|
}
|
|
|
|
.boardSelect {
|
|
float: left;
|
|
color: var(--body-font-color);
|
|
}
|
|
|
|
.pageJump {
|
|
float: right;
|
|
padding: 3px 5px 0 0;
|
|
}
|
|
|
|
.pageJump a, .pageJump span {
|
|
padding-right: 5px;
|
|
text-decoration: var(--homepage-box-link-text-decoration);
|
|
cursor: pointer;
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.boardNavDesktop {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
.boardNavMobile {
|
|
display: none;
|
|
}
|
|
} |