MediaWiki:Common.css: Difference between revisions

Revision as of 14:38, 25 November 2025

.gbi-profile-banner {
    width: 100%;
    height: 330px;
    object-fit: cover;
}
.gbi-profile-photo {
    width: 200px;
    height: 260px;
    object-fit: cover;
    border-radius: 12px;
    border:4px solid white;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.infobox-gbi {
    width:100%;
    background:white;
    border-radius:12px;
    padding:15px;
    border:1px solid #d6e0f5;
    font-size:14px;
}

@@ Line 1: / Line 1: @@
-/* PRO PROFILE UI */
-/* Banner */
-.gbi-banner-wrapper {
-    width: 100%;
-    overflow: hidden;
-}
 .gbi-profile-banner {
      width: 100%;
      height: 330px;
      object-fit: cover;
-}
-/* Profile photo overlay */
-.gbi-profile-photo-wrapper {
-    text-align: center;
-    margin-top: -120px;
 }
 .gbi-profile-photo {
-     width: 210px;
+     width: 200px;
-     height: 270px;
+     height: 260px;
      object-fit: cover;
-    border-radius: 16px;
-    border: 5px solid #fff;
-    box-shadow: 0 10px 28px rgba(0,0,0,0.18);
-}
-/* Center Header */
-.gbi-profile-header {
-    text-align: center;
-    font-family: Montserrat, sans-serif;
-    margin-bottom: 20px;
-}
-.gbi-name {
-    font-size: 40px;
-    font-weight: 700;
-    color: #002b7f;
-    margin: 10px 0;
-}
-.gbi-pronoun {
-    font-size: 20px;
-    opacity: 0.7;
-}
-.gbi-headline {
-    font-size: 19px;
-    color: #333;
-    opacity: 0.9;
-}
-/* Tabs */
-.gbi-tabs {
-    width: 100%;
-    text-align: center;
-    margin: 20px 0;
-}
-/* Rows */
-.gbi-tabs a {
-    background: #eef2ff;
-    color: #002b7f;
-    padding: 10px 22px;
-    border-radius: 20px;
-    margin: 5px;
-    display: inline-block;
-    text-decoration: none;
-    font-size: 14px;
-    border: 1px solid #002b7f;
-}
-.gbi-tab-active {
-    background-color: #002b7f !important;
-    color: #fff !important;
-}
-/* 3-Column Grid */
-.gbi-layout {
-    display: grid;
-    grid-template-columns: 22% 50% 28%;
-    gap: 20px;
-    width: 95%;
-    margin: auto;
-}
-/* Cards */
-.gbi-section-card {
-    background: #fff;
-    border: 1px solid #dce4f5;
      border-radius: 12px;
-     padding: 18px 20px;
+     border:4px solid white;
-    margin-bottom: 22px;
+     box-shadow: 0 8px 25px rgba(0,0,0,0.15);
-     box-shadow: 0 4px 18px rgba(0,0,0,0.05);
 }
+.infobox-gbi {
-/* Media gallery */
+     width:100%;
-.gbi-gallery img {
+     background:white;
-     width: 160px;
+     border-radius:12px;
-     height: 160px;
+     padding:15px;
-     border-radius: 10px;
+    border:1px solid #d6e0f5;
-     object-fit: cover;
+     font-size:14px;
-     margin: 4px;
 }