MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 85: Line 85:
}
}


/* =============================== */
/* HERO SECTION */
/* TRICOLOR TOP LINE */
.bw-hero {
.bw-hero {
     padding: 50px 20px;
     padding: 40px 20px;               /* reduced height */
     text-align: center;
     text-align: center;
     background: white;
     background: white;


     /* Tricolor gradient */
     /* thinner tricolor line */
     border-top: 10px solid transparent;
     border-top: 4px solid transparent;
     border-image: linear-gradient(to right,
     border-image: linear-gradient(to right,
         #FF9933,  
         #FF9933,     /* saffron */
         white,  
         white,
         #138808
         #138808     /* green */
     ) 1;
     ) 1;


     border-radius: 12px 12px 0 0;
     border-radius: 8px 8px 0 0;
    margin-bottom: 0;
}
}


/* HEADLINE */
/* WELCOME TEXT — remove underline + reduce spacing */
.bw-welcome {
.bw-welcome {
     font-size: 48px;
     font-size: 48px;
     font-weight: 700;
     font-weight: 700;
     margin: 0 0 10px 0;
     margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border: none !important;          /* remove default underline */
}
}


.bw-brand {
.bw-brand {
     color: #3366cc; /* Your blue heading */
     color: #3366cc;
}
}


/* SUBTEXT */
/* SUBTEXT */
.bw-tagline {
.bw-tagline {
     font-size: 20px;
     font-size: 18px;
     color: #555;
     color: #555;
     margin-bottom: 35px;
     margin: 0 0 25px 0;
}
}


Line 124: Line 126:
.bw-search-form {
.bw-search-form {
     display: inline-flex;
     display: inline-flex;
    align-items: center;
     gap: 10px;
     gap: 10px;
}
}


.bw-search-input {
.bw-search-input {
     width: 380px;
     width: 360px;
     padding: 12px 18px;
     padding: 12px 16px;
     font-size: 18px;
     font-size: 16px;
     border: 2px solid #ccc;
     border: 2px solid #ccc;
     border-radius: 8px;
     border-radius: 8px;
Line 137: Line 138:


.bw-search-btn {
.bw-search-btn {
     padding: 12px 22px;
     padding: 12px 20px;
     background: #0b57d0;
     background: #0b57d0;
     color: white;
     color: white;
     font-size: 18px;
     font-size: 16px;
     border: none;
     border: none;
     border-radius: 8px;
     border-radius: 8px;
     cursor: pointer;
     cursor: pointer;
    transition: 0.2s;
}
}