MediaWiki:Common.css

@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);
}

/* Fix SocialProfile tab spacing in Vector 2022 */

#user-profile-tabs ul li {
    display: inline-block;
    margin-right: 10px;
}

/* Responsive avatar sizing*/
.user-profile-avatar img {
    max-width: 120px;
    height: auto;
    border-radius: 12px;
}

/* Fix some ugly box spacing */
.profile-info-table td {
    padding: 6px;
}

.user-page .user-page-title {
    font-size: 1.5em;
    margin-bottom: 1em;
}

.wikitable.user-profile-info {
    max-width: 100%;
}

/* 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;
}

/* Left section */
#user-page-left {
    flex: 0 0 45%;
    float: none;
}

/* Right section */
#user-page-right {
    flex: 0 0 52%;
    float: none;
}

/* Proper clearfix override */
.clearfix {
    position: relative !important;
    top: 40px;
    display: flow-root; /* modern fix */
}

.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);
}