Add a bunch of missing styles

This commit is contained in:
Wirlaburla 2024-06-04 23:05:18 -05:00
parent 60f788fbde
commit 00e20938ee

View File

@ -1530,24 +1530,63 @@ body.shop.item .page-container .usercard .userlink .mycon {
} }
} }
/* == USER PAGE */ /* == USER PROFILE */
body.userpage iframe#profile { body.profile .profile-box {
display: block; display: flex;
position: absolute; gap: 4px;
border: none; }
margin: 0px;
top: 28px; right: 0px; bottom: 0px; left: -8px; body.profile .profile-box .mainbar {
width: calc(100% + 16px); flex-grow: 1;
height: calc(100% - 20px); }
body.profile .profile-box .mainbar,
body.profile .profile-box .sidebar {
margin: 0px 2px;
} }
@media only screen and (orientation: landscape) { @media only screen and (orientation: landscape) {
body.profile .profile-box {
flex-direction: row;
}
} }
@media only screen and (orientation: portrait) { @media only screen and (orientation: portrait) {
body.profile .profile-box {
flex-direction: column;
}
} }
/* == USER SETTINGS */
body.settings.profile .page-container .usercard {
background-image: var(--usercard-image, none);
background-color: var(--usercard-color, var(--secondary-container-background));
border: 1px solid #7e7e7e;
}
body.settings.profile .page-container div.usercard { width: 400px; }
body.settings.profile .page-container .usercard .userlink {
font-size: 20px;
font-weight: bold;
}
body.settings.profile .page-container .usercard .userlink .mycon {
height: 32px;
}
body.settings.profile table.optlist {
width: 418px;
}
body.settings.profile .page-container label { font-weight: bold; }
body.settings.profile .wdropdown#card button.usercard, .wdropdown#frame button { width: 300px; }
body.settings.profile .wdropdown#card .select { overflow-x: hidden; }
body.settings.profile .wdropdown#frame > button { padding: 2px; }
body.settings.profile .wdropdown#frame > div.select .avatar {
float: left;
margin-right: 2px;
}
/* == MISC */
heading .button { heading .button {
display: inline-block !important; display: inline-block !important;