MediaWiki:Vector.css: Difference between revisions

Latest revision as of 05:11, 5 September 2024

/* All CSS here will be loaded for users of the Vector skin */
/*body {
    background-image: url('https://wikifiction.s3.amazonaws.com/static/Light_Background.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* Additional CSS properties for background positioning and color can be added here */
}*/

//.vector-toc {
//    display: none;
//}

/* Hide the entire TOC navigation in the Vector skin */
.vector-toc-landmark {
    display: none !important;
}


/* Make the page containers transparent */
/*.mw-page-container-inner,
.mw-page-container {
    background-color: rgba(255, 255, 255, 0); /* White background with 0% opacity */
    font-size: 16px !important; /* Adjust the size as needed */
}*/

/* Ensure the main menu and all its child elements have a transparent background */
/*.vector-main-menu,
.vector-main-menu * {
    background-color: rgba(255, 255, 255, 0) !important;
}*/

/* Set consistent font size for the main menu and list items for all users */
.vector-main-menu .mw-list-item,
.vector-main-menu .mw-list-item a {
    font-size: 14px !important; /* Adjust the size as needed */
}

/* Hide the main menu until we build it based on login status and then display it via JS */
#mw-panel {
    display: none;
}

/* Fix personal URLs showing up in dropdown in mobile view (<720 pixels)
/* Hide collapsible items at all widths */
.vector-user-menu .user-links-collapsible-item {
    display: none !important;
}

/* Ensure the logo is responsive by overriding the min-width (fixes header overflow issue for mobile screen sizes)*/
.mw-logo {
    min-width: auto; /* Remove the fixed min-width */
}

/* Keep the user main menu area white */
.vector-main-menu {
    background-color: white !important; /* White background */
}








/* Add a background image to the strips on the sides */
body {
    /*background-image: url('https://wikifiction.s3.amazonaws.com/static/Light_Background.png');*/
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5)), 
                      url('https://wikifiction.s3.amazonaws.com/static/Light_Background.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* Additional CSS properties for background positioning can be added here */
    background-position: center;
}

/* Keep the main content area white */
.mw-page-container-inner,
.vector-main-menu,
.mw-page-container {
    background-color: white !important; /* White background */
}

/* Ensure the strips have the image background */
.mw-body {
    background-color: transparent !important; /* Transparent to show body background */
}
*/