Template:Main page/styles2.css: Difference between revisions

From WikiAnimal
No edit summary
No edit summary
Line 6: Line 6:
/* Common styling for all main page boxes */
/* Common styling for all main page boxes */
.mp-box {
.mp-box {
     border: 1px solid #aaa;
     border: 1px solid #DE1E22; /* Red border */
     padding: 0.5em;
     padding: 0.5em;
     margin-top: 4px;
     margin-top: 4px;
     background: #f9f9f9; /* Set a common background color */
     background: #E86E53; /* Tiger Lily background */
}
}


/* Styling for main headings */
/* Styling for main headings */
.mp-h2 {
.mp-h2 {
     border: 1px solid #aaa;
     border: 1px solid #DE1E22; /* Red border */
     margin: 0.5em 0;
     margin: 0.5em 0;
     padding: 0.2em 0.4em;
     padding: 0.2em 0.4em;
Line 20: Line 20:
     font-weight: bold;
     font-weight: bold;
     font-family: inherit;
     font-family: inherit;
     background: #cef2e0; /* Set a background color */
     background: #81AC5B; /* Kelly Green background */
    color: #fff; /* White text color for better contrast */
}
}



Revision as of 21:25, 4 April 2024

/* Hide talk page link for CA namespace */
.ca-talk { 
    display: none !important; 
}

/* Common styling for all main page boxes */
.mp-box {
    border: 1px solid #DE1E22; /* Red border */
    padding: 0.5em;
    margin-top: 4px;
    background: #E86E53; /* Tiger Lily background */
}

/* Styling for main headings */
.mp-h2 {
    border: 1px solid #DE1E22; /* Red border */
    margin: 0.5em 0;
    padding: 0.2em 0.4em;
    font-size: 120%;
    font-weight: bold;
    font-family: inherit;
    background: #81AC5B; /* Kelly Green background */
    color: #fff; /* White text color for better contrast */
}

/* Styling for subheadings */
.mp-later {
    font-size: 85%;
    font-weight: normal;
}

/* Welcome section */
#mp-welcomecount {
    text-align: center;
    margin: 0.4em;
}

#mp-welcome {
    font-size: 162%;
    padding: 0.1em;
}

#mp-welcome h1 {
    font-size: inherit;
    font-family: inherit;
    display: inline;
    border: none;
}

/* Clear fix */
.mp-contains-float::after {
    content: "";
    display: block;
    clear: both;
}

/* Responsive adjustments */
@media (max-width: 875px) {
    /* Specific adjustments for smaller screens if needed */
}