Jump to content

Template:MainPageBanner/styles.css: Difference between revisions

From nUSA Wiki
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 1: Line 1:
/* General reset */
/* General styles for sections */
* {
#mp-topbanner {
     box-sizing: border-box;
     background-color: #f4f4f4;
     margin: 0;
    padding: 15px;
     padding: 0;
     border: 1px solid #ccc;
     margin-bottom: 10px;
}
}


/* Top Banner */
#mp-welcomecount {
#mp-topbanner {
    background-color: #0033a0; /* Blue color */
    color: white;
    padding: 15px 20px;
     text-align: center;
     text-align: center;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
}


#mp-welcome h1 {
#mp-welcome h1 {
     font-size: 2.2em;
     font-size: 2em;
     font-weight: bold;
     font-weight: bold;
}
}
Line 23: Line 18:
#mp-free {
#mp-free {
     font-size: 1.2em;
     font-size: 1.2em;
     margin-top: 8px;
     margin-top: 5px;
}
}


#articlecount {
#articlecount {
     font-size: 1em;
     font-size: 1.1em;
     color: #f0f0f0;
     color: #333;
     margin-top: 8px;
     margin-top: 10px;
}
}


/* Main Banner Section */
#mp-banner {
#mp-banner {
     background-color: #f5f5f5; /* Light gray background */
     background-color: #e7f7fc;
     padding: 15px;
     padding: 15px;
    border: 1px solid #8a8a8a;
     margin-top: 15px;
     margin-top: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
}


/* Layout for Sections */
/* Sections Layout */
.mp-section {
.mp-section {
     width: 48%;
     width: 45%;
    margin-top: 10px;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     float: left;
     float: left;
     margin-right: 4%; /* Adds a small gap between sections */
    padding: 10px;
     margin: 10px;
}
}


#mp-leftsection {
#mp-leftsection {
     background-color: #bf0a30; /* Red color */
     background-color: #f9f9f9;
     color: white;
     border: 1px solid #ccc;
}
}


#mp-rightsection {
#mp-rightsection {
     background-color: #ffffff; /* White background */
     background-color: #f9f9f9;
     color: #0033a0; /* Blue text */
     border: 1px solid #ccc;
    margin-left: 4%;
}
}


/* Section Headers */
/* Stats Box */
.mp-section h2 {
#mp-stats {
    font-size: 1.4em;
    background-color: #0033a0; /* Blue color */
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
 
/* Remove margin between sections */
.mp-section p {
    font-size: 1.1em;
    line-height: 1.4;
}
 
/* Clearfix for float */
.clearfix::after {
    content: "";
    display: table;
     clear: both;
     clear: both;
    padding: 15px;
    background-color: #e7f7fc;
    border: 1px solid #8a8a8a;
    margin-top: 20px;
    text-align: center;
}
}

Revision as of 19:44, 2 January 2025

/* General styles for sections */
#mp-topbanner {
    background-color: #f4f4f4;
    padding: 15px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

#mp-welcomecount {
    text-align: center;
}

#mp-welcome h1 {
    font-size: 2em;
    font-weight: bold;
}

#mp-free {
    font-size: 1.2em;
    margin-top: 5px;
}

#articlecount {
    font-size: 1.1em;
    color: #333;
    margin-top: 10px;
}

#mp-banner {
    background-color: #e7f7fc;
    padding: 15px;
    border: 1px solid #8a8a8a;
    margin-top: 15px;
}

/* Sections Layout */
.mp-section {
    width: 45%;
    float: left;
    padding: 10px;
    margin: 10px;
}

#mp-leftsection {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
}

#mp-rightsection {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
}

/* Stats Box */
#mp-stats {
    clear: both;
    padding: 15px;
    background-color: #e7f7fc;
    border: 1px solid #8a8a8a;
    margin-top: 20px;
    text-align: center;
}