Jump to content

MediaWiki:Common.css: Difference between revisions

From Transight Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* Top navbar area in burgundy */
/* Top bar full width background - burgundy */
#mw-head-base,
#mw-head,
#mw-head,
#mw-head-base,
#left-navigation,
#p-personal,
#right-navigation {
    background-color: #800020 !important;
    color: white !important;
    border: none !important;
}
 
/* Header tabs (Main Page, Read, etc.) styling */
.vector-menu-tabs,
.vector-menu-tabs,
.vector-menu-tabs li {
.vector-menu-tabs li {
     background-color: #800020 !important;
     background-color: transparent !important;
    color: white !important;
     border: none !important;
     border: none !important;
}
}


/* Transparent tabs over the burgundy bar */
/* Individual tabs */
.vector-menu-tabs li a {
.vector-menu-tabs li a {
     background: transparent !important;
     background-color: transparent !important;
     color: white !important;
     color: white !important;
    border: none !important;
    padding: 8px 12px !important;
     font-weight: bold;
     font-weight: bold;
}
}


/* Highlight current tab with underline only */
/* Selected tab underline only */
.vector-menu-tabs .selected a {
.vector-menu-tabs .selected a {
     border-bottom: 3px solid white !important;
     border-bottom: 3px solid white !important;
Line 23: Line 31:
}
}


/* Search input styling */
/* Search bar styling */
#p-search input {
#p-search input {
     background-color: white !important;
     background-color: white !important;
     color: black !important;
     color: black !important;
     border: none !important;
     border: none !important;
    border-radius: 4px;
     padding: 4px 8px;
     padding: 4px 8px;
    border-radius: 4px;
}
}


/* Search button styling */
/* Search button styling */
#p-search button {
#p-search button {
     background-color: #ffffff !important;
     background-color: white !important;
     color: #800020 !important;
     color: #800020 !important;
    font-weight: bold;
     border: none !important;
     border: none !important;
     font-weight: bold;
     padding: 4px 8px;
    border-radius: 4px;
}
}


/* Insert Transight logo in top left */
/* Insert Transight logo top-left */
#p-logo {
#p-logo {
     background-image: url(/images/Transight_logo.jpg);  /* Update with your real file path */
     background-image: url(/images/Transight_logo.jpg);  /* Update with correct path */
     background-size: contain;
     background-size: contain;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
Line 48: Line 58:
     width: 220px;
     width: 220px;
     margin: 0;
     margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}
}


/* Clean up side menus and remove burgundy boxes */
/* Sidebar and toolboxes back to clean look */
#mw-panel,
#mw-panel,
#p-tb,
#p-tb {
    background-color: #f8f8f8 !important;
    color: #000 !important;
}
 
/* Remove burgundy boxes in menus */
.vector-menu .vector-menu-content-list li a {
.vector-menu .vector-menu-content-list li a {
     background-color: transparent !important;
     background-color: transparent !important;
Line 58: Line 76:
}
}


/* Adjust top right login icons spacing */
/* Top right login/user area alignment */
#p-personal {
#p-personal {
     padding-top: 10px;
     padding-top: 15px;
}
 
/* Remove empty title spacing if needed */
#firstHeading {
    margin-top: 1.5em;
}
}

Revision as of 05:21, 23 June 2025

/* Top bar full width background - burgundy */
#mw-head-base,
#mw-head,
#left-navigation,
#right-navigation {
    background-color: #800020 !important;
    color: white !important;
    border: none !important;
}

/* Header tabs (Main Page, Read, etc.) styling */
.vector-menu-tabs,
.vector-menu-tabs li {
    background-color: transparent !important;
    border: none !important;
}

/* Individual tabs */
.vector-menu-tabs li a {
    background-color: transparent !important;
    color: white !important;
    border: none !important;
    padding: 8px 12px !important;
    font-weight: bold;
}

/* Selected tab underline only */
.vector-menu-tabs .selected a {
    border-bottom: 3px solid white !important;
    background: transparent !important;
}

/* Search bar styling */
#p-search input {
    background-color: white !important;
    color: black !important;
    border: none !important;
    border-radius: 4px;
    padding: 4px 8px;
}

/* Search button styling */
#p-search button {
    background-color: white !important;
    color: #800020 !important;
    font-weight: bold;
    border: none !important;
    padding: 4px 8px;
    border-radius: 4px;
}

/* Insert Transight logo top-left */
#p-logo {
    background-image: url(/images/Transight_logo.jpg);  /* Update with correct path */
    background-size: contain;
    background-repeat: no-repeat;
    height: 60px;
    width: 220px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

/* Sidebar and toolboxes back to clean look */
#mw-panel,
#p-tb {
    background-color: #f8f8f8 !important;
    color: #000 !important;
}

/* Remove burgundy boxes in menus */
.vector-menu .vector-menu-content-list li a {
    background-color: transparent !important;
    color: #800020 !important;
}

/* Top right login/user area alignment */
#p-personal {
    padding-top: 15px;
}

/* Remove empty title spacing if needed */
#firstHeading {
    margin-top: 1.5em;
}