MediaWiki:Common.css: Difference between revisions

From sewi
No edit summary
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 2: Line 2:
.mw-logo {
.mw-logo {
     position: relative !important;
     position: relative !important;
     height: 120px !important;
     height: 100px !important;
     width: auto !important;
     width: auto !important;
}
}
Line 8: Line 8:
.mw-logo-container {
.mw-logo-container {
     position: relative !important;
     position: relative !important;
     padding-left: 130px !important;
     padding-left: 120px !important;
}
}


Line 18: Line 18:
     top: 50% !important;
     top: 50% !important;
     transform: translateY(-50%) !important;
     transform: translateY(-50%) !important;
     width: 120px !important;
     width: 100px !important;
     height: 120px !important;
     height: 100px !important;
     background: url('http://sewihockey.com/images/e/e1/Se_wi_puck_small.png') no-repeat center !important;
     background: url('http://sewihockey.com/images/e/e1/Se_wi_puck_small.png') no-repeat center !important;
     background-size: contain !important;
     background-size: contain !important;
}
}


/* Position the text properly */
/* Style the main site name */
.mw-logo-wordmark {
.mw-logo-wordmark {
    height: auto !important;
    display: inline-block !important;
    padding-top: 35px !important; /* Reduced to make room for tagline */
    font-size: 26px !important;
}
/* Show and style the tagline */
.mw-logo-tagline {
     display: block !important;
     display: block !important;
     font-size: 14px !important;
     font-size: 28px !important;
     color: #666 !important;
     padding-top: 20px !important;
    margin-top: 5px !important;
}
}


/* Add custom tagline using pseudo-element if needed */
/* Add the tagline with simple positioning */
.mw-logo-wordmark:after {
.mw-logo-wordmark:after {
     content: "South East Wisconsin Ice Hockey Info" !important;
     content: "South East Wisconsin Hockey" !important;
     display: block !important;
     display: block !important;
     font-size: 14px !important;
     font-size: 14px !important;
     color: #666 !important;
     color: #666 !important;
    font-weight: normal !important;
     margin-top: 5px !important;
     margin-top: 5px !important;
}
}

Latest revision as of 04:25, 20 March 2025

/* CSS placed here will be applied to all skins */
.mw-logo {
    position: relative !important;
    height: 100px !important;
    width: auto !important;
}

.mw-logo-container {
    position: relative !important;
    padding-left: 120px !important;
}

/* Position the image */
.mw-logo:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 100px !important;
    height: 100px !important;
    background: url('http://sewihockey.com/images/e/e1/Se_wi_puck_small.png') no-repeat center !important;
    background-size: contain !important;
}

/* Style the main site name */
.mw-logo-wordmark {
    display: block !important;
    font-size: 28px !important;
    padding-top: 20px !important;
}

/* Add the tagline with simple positioning */
.mw-logo-wordmark:after {
    content: "South East Wisconsin Hockey" !important;
    display: block !important;
    font-size: 14px !important;
    color: #666 !important;
    margin-top: 5px !important;
}