|
|
| Line 18: |
Line 18: |
| color: var(--color-base); | | color: var(--color-base); |
| border: 1px solid var(--color-subtle); | | border: 1px solid var(--color-subtle); |
| }
| |
|
| |
| /* Fix SocialProfile tab spacing in Vector 2022 */
| |
|
| |
| /* Responsive avatar sizing*/
| |
| .user-profile-avatar img {
| |
| max-width: 120px;
| |
| height: auto;
| |
| border-radius: 12px;
| |
| }
| |
|
| |
| /* Container to hold left and right sections side-by-side */
| |
| #user-page-container {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 20px; /* Optional spacing between left and right */
| |
| justify-content: space-between;
| |
| margin-top: 40px;
| |
| }
| |
|
| |
| #user-page-left {
| |
| float: left;
| |
| width: 45%;
| |
| margin-right: 2%;
| |
| clear: none;
| |
| }
| |
|
| |
| #user-page-right {
| |
| float: left;
| |
| width: 53%;
| |
| clear: none;
| |
| }
| |
|
| |
| /* Optional: add a clearfix on whatever element follows to stop collapse */
| |
| #user-page-left::after,
| |
| #user-page-right::after {
| |
| content: "";
| |
| display: table;
| |
| clear: both;
| |
| }
| |
|
| |
| .clearfix {
| |
| position: static !important;
| |
| display: block !important;
| |
| }
| |
|
| |
| .profile-on {
| |
| background: var(--color-subtle);
| |
| }
| |
| .profile-update-title {
| |
| color: var(--color-subtle);
| |
| font-size: 16px;
| |
| font-weight: 700;
| |
| margin: 0 0 5px 0 !important;
| |
| }
| |
| .profile-update-row {
| |
| color: var(--color-subtle);
| |
| font-weight: 700;
| |
| font-size: 12px;
| |
| }
| |
|
| |
| #profile-top {
| |
| top: 20px;
| |
| padding: 10px 0;
| |
| position: relative;
| |
| }
| |
| #profile-title {
| |
| top: -20px;
| |
| margin: 0px 0 15px 0;
| |
| position: relative;
| |
| }
| |
| #profile-toggle-button {
| |
| background-color: #ffa500;
| |
| top: -15px;
| |
| right: 0;
| |
| padding: 2px 10px;
| |
| position: absolute;
| |
| }
| |
| .no-info-container {
| |
| margin: 20px 0 20px 0;
| |
| background: #001f3f;
| |
| padding: 20px;
| |
| text-align: center;
| |
| color: var(--color-subtle);
| |
| }
| |
| .profile-info-container div p {
| |
| color: #FFF;
| |
| }
| |
| .profile-info-container div b {
| |
| color: #FFAA22;
| |
| }
| |
| .user-section-title {
| |
| color: var(--color-subtle);
| |
| }
| |
|
| |
|
| |
| .eyecontainer,
| |
| .eyecontainer .title {
| |
| position: relative;
| |
| top: -20px;
| |
| }
| |
| .eye-container {
| |
| background-color: var(--color-subtle);
| |
| background: var(--color-subtle);
| |
| }
| |
|
| |
| div.eye-container[fieldkey="up_real_name"], div.eye-container[fieldkey="up_email"],
| |
| div.eye-container[fieldkey="up_location_city"], div.eye-container[fieldkey="up_location_country"],
| |
| div.eye-container[fieldkey="up_hometown_country"], div.eye-container[fieldkey="up_birthday"],
| |
| div.eye-container[fieldkey="up_hometown_city"] {
| |
| top: -20px;
| |
| }
| |
|
| |
| .eye-container .menu .item {
| |
| background: var(--color-subtle);
| |
| } | | } |
@import url('https://fonts.googleapis.com/css2?family=Bona+Nova+SC:ital,wght@0,400;0,700;1,400&family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Metamorphous&display=swap');
.mwe-popups-extract p {
display: block !important;
visibility: visible !important;
}
.mwe-popups-extract .portable-infobox {
display: none !important; /* Ensure infobox doesn't interfere */
}
.copyright-warning {
color: var(--color-base);
font-size: 11px;
margin: 0 0 10px;
width: 700px;
max-width: 100%;
}
.create-title {
color: var(--color-base);
border: 1px solid var(--color-subtle);
}