Jump to content

MediaWiki:Common.css: Difference between revisions

From Wyld West Wiki
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 79: Line 79:


@media (max-width: 767px) {
@media (max-width: 767px) {
     /* Force smaller font size inside the pinned TOC */
     /* Adjust font size of TOC items for mobile screens */
     .vector-toc {
     .vector-toc,
         font-size: 12px !important;
    .vector-toc .vector-toc-list-item,
    .vector-toc .vector-toc-list-item a,
    .vector-toc .vector-toc-text,
    .vector-toc .vector-toc-numb {
         font-size: 16px !important; /* Adjust to the size you want */
        line-height: 1.2 !important;  /* Optional: tweak line height for better readability */
     }
     }


     /* Override any other large font sizes */
     /* In case there are additional related elements you need to style */
    .vector-toc-list-item,
    .vector-toc-list-item a,
    .vector-toc-list-item .vector-toc-text,
    .vector-toc-list-item .vector-toc-numb,
    .vector-toc-list-item span,
    .vector-toc-list-item div {
        font-size: 12px !important;
        line-height: 1.2 !important;
    }
 
    /* Even more specific override */
    .vector-toc-list-item:not(.vector-toc-list-item-active) .vector-toc-text {
        font-size: 12px !important;
    }
 
    /* Override inherited styles */
    .vector-toc .vector-toc-list-item,
    .vector-toc .vector-toc-link,
    .vector-toc .vector-toc-text {
        font-size: 12px !important;
    }
 
    /* Override styles from other parent containers */
     #mw-panel-toc .vector-toc .vector-toc-list-item {
     #mw-panel-toc .vector-toc .vector-toc-list-item {
         font-size: 12px !important;
         font-size: 16px !important;
     }
     }
}
}

Revision as of 15:58, 15 March 2025

/* CSS placed here will be applied to all skins */


@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Gloock&display=swap');

/*look into CSS Pseudo-elements for the :before etc...display: none */
/*.mw-logo-wordmark { color: black; font-family: Cinzel Decorative;}*/

/*.mw-logo-wordmark {display: none;}*/

/*.mw-logo-wordmark::before { font-weight: bold; color: red; font-family: Cinzel Decorative; content: "test ";}*/
/*.mw-logo-wordmark::after .first {color: green; font-family: Cinzel Decorative; content: " test2";}*/

#ca-talk { display:none!important; }

.mw-body {font-family: Arial;}



#firstHeading { color: black; font-family: Cinzel Decorative; bold; }

.mw-body-content h1 { color: black; font-family: Cinzel Decorative; bold; }

.mw-body-content h2 { color: black; font-family: Cinzel Decorative; bold;}

.mw-body-content h3 { color: black; font-family: Cinzel Decorative; bold;}

.mw-body-content h4 { color: black; font-family: Gloock; }

.mw-body-content h5 { color: black; font-family: Gloock; }


body {
    background-image: url('/resources/assets/Wyld West_Background 2_CW 1.jpg');
    background-size: cover; /* Ensures it covers the full page */
    background-position: center;
    background-attachment: fixed; /* Keeps the image fixed when scrolling */
}

#mw-head, #p-personal, #mw-panel {
    background-color: 4a90e2 !important; /* Change this to your preferred color */
}


.vector-header.mw-header {
    background-image: url("/resources/assets/Wyld West_Background 1_CW 1.jpg");
    background-size: cover;  /* Adjusts the image to fit the header */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents tiling */
}


/* Hide the Edit tab ONLY for non-logged-in users */
body.not-logged-in #ca-edit {
    display: none !important;
}

/* Hide the View Source tab ONLY for non-logged-in users */
body.not-logged-in #ca-viewsource {
    display: none !important;
}

/* Hide the View History tab ONLY for non-logged-in users */
body.not-logged-in #ca-history {
    display: none !important;
}

/* Hide the Tools dropdown ONLY for non-logged-in users */
body.not-logged-in #p-tb {
    display: none !important;
}

/* Hide "To_delete_later" link from non-logged-in users */
body.not-logged-in #ca-To_delete_later {
    display: none !important;
}


@media (max-width: 767px) {
    /* Adjust font size of TOC items for mobile screens */
    .vector-toc, 
    .vector-toc .vector-toc-list-item, 
    .vector-toc .vector-toc-list-item a, 
    .vector-toc .vector-toc-text, 
    .vector-toc .vector-toc-numb {
        font-size: 16px !important;  /* Adjust to the size you want */
        line-height: 1.2 !important;  /* Optional: tweak line height for better readability */
    }

    /* In case there are additional related elements you need to style */
    #mw-panel-toc .vector-toc .vector-toc-list-item {
        font-size: 16px !important;
    }
}