Worlio/worlio-themes
4
0
Fork 0
Code Issues Pull Requests Wiki Activity

correct nav slideout sizings

Browse Source
This commit is contained in:
Wirlaburla 2023-07-30 17:36:59 -05:00
parent 76d2744e0b
commit 492c228c48
1 changed files with 34 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
style.css
View File

@ -27,7 +27,7 @@ nav
.no-scroll::-webkit-scrollbar, .no-scroll::-webkit-scrollbar,
nav::-webkit-scrollbar, nav::-webkit-scrollbar,
nav.top::-webkit-scrollbar { nav.top::-webkit-scrollbar {
display: none; display: none;
} }
div.grower { flex-grow: 1; } div.grower { flex-grow: 1; }
@ -315,6 +315,7 @@ nav.top div.slideout .dropdown .clicker {
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
height: 34px;
} }
/*nav.top div.slideout.account .upane { /*nav.top div.slideout.account .upane {
@ -361,6 +362,10 @@ nav.top div.slideout.active .dropdown .right {
opacity: 1; opacity: 1;
} }
nav.top div.slideout .dropdown .right.text {
margin: 8px;
}
nav.top div.slideout.alerts .dropdown .alerts, nav.top div.slideout.alerts .dropdown .alerts,
nav.top div.slideout.mail .dropdown .mail { nav.top div.slideout.mail .dropdown .mail {
text-align: left; text-align: left;
@ -716,33 +721,33 @@ nav.top.alert p {
} }
.header div.buttontab { .header div.buttontab {
background: var(--default-button-background); background: var(--default-button-background);
border: var(--default-button-border); border: var(--default-button-border);
margin: -12px 4px 8px 4px; margin: -12px 4px 8px 4px;
padding: 8px 4px 2px 4px; padding: 8px 4px 2px 4px;
font-size: 12px; font-size: 12px;
} }
.header div.buttontab a { .header div.buttontab a {
color: var(--main-text); color: var(--main-text);
display: inline-block; display: inline-block;
text-decoration: none; text-decoration: none;
font-family: var(--primary-font); font-family: var(--primary-font);
height: 100%; height: 100%;
} }
.header div.buttontab a img { .header div.buttontab a img {
vertical-align: middle; vertical-align: middle;
} }
.header div.buttontab:hover { .header div.buttontab:hover {
background: var(--hover-button-background); background: var(--hover-button-background);
border: var(--hover-button-border); border: var(--hover-button-border);
} }
.header div.buttontab:active { .header div.buttontab:active {
background: var(--active-button-background); background: var(--active-button-background);
border: var(--active-button-border); border: var(--active-button-border);
} }
@media only screen and (orientation: landscape) { @media only screen and (orientation: landscape) {
@ -973,7 +978,7 @@ body.dashboard .profile-tag {
} }
body.dashboard .profile-tag img { body.dashboard .profile-tag img {
padding: 4px; padding: 4px;
} }
body.dashboard .section { body.dashboard .section {
@ -1009,7 +1014,7 @@ body.dashboard .profile-text {
} }
body.dashboard .profile-role { body.dashboard .profile-role {
font-size: 0.8em; font-size: 0.8em;
} }
body.dashboard .dash-container .sidebar .userlink.online a { body.dashboard .dash-container .sidebar .userlink.online a {
@ -1555,10 +1560,10 @@ div.emotebox .emote-container:hover {
} }
.rating .star-container .stars { .rating .star-container .stars {
background: url('//assets.worlio.com/style/icons/ratings/star'); background: url('//assets.worlio.com/style/icons/ratings/star');
height: 100%; height: 100%;
background-size: auto 100%; background-size: auto 100%;
max-width: 100%; max-width: 100%;
} }
.rating .star-container { .rating .star-container {
background-image: url('//assets.worlio.com/style/icons/ratings/unstar'); background-image: url('//assets.worlio.com/style/icons/ratings/unstar');
@ -1568,24 +1573,24 @@ div.emotebox .emote-container:hover {
} }
.rating.large { .rating.large {
height: 48px; height: 48px;
display: inline-block; display: inline-block;
} }
.rating.large .star-container { .rating.large .star-container {
width: 240px; width: 240px;
} }
.rating.medium { .rating.medium {
height: 24px; height: 24px;
display: inline-block; display: inline-block;
} }
.rating.medium .star-container { .rating.medium .star-container {
width: 120px; width: 120px;
} }
.rating.small { .rating.small {
height: 12px; height: 12px;
display: inline-block; display: inline-block;
} }
.rating.small .star-container { .rating.small .star-container {
width: 60px; width: 60px;