Jump to content

MediaWiki:Common.css: Difference between revisions

From Adaris
No edit summary
No edit summary
Line 1: Line 1:
/* Grid layout for main page sections */
/* Styles for the Main Page */
.main-page-grid {
#mp-topbanner {
     display: grid;
     padding: 10px;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust minmax values as needed */
     background-color: #f8f9fa;
    grid-gap: 20px;
     border-bottom: 1px solid #a2a9b1;
     background-color: #f9f9f9;
}
}


.section {
.mp-box {
     border: 1px solid #eee;
     margin-bottom: 20px;
     padding: 10px;
     padding: 15px;
     background-color: #fff;
     background-color: #fff;
    border: 1px solid #a2a9b1;
    border-radius: 5px;
}
}


/* Media query for smaller screens */
.MainPageBG {
@media (max-width: 768px) {
     background-color: #f8f9fa;
     .main-page-grid {
}
        grid-template-columns: 1fr; /* Single column layout on small screens */
    }


    .section {
.mp-contains-float {
        margin-bottom: 15px; /* Add spacing between sections on small screens */
    clear: both;
     }
     overflow: auto;
}


     /* Adjust image gallery dimensions or other elements as needed */
.explore-more {
     .gallery {
     margin-top: 10px;
        width: 100%;
     font-weight: bold;
    }
    text-align: center;
}


     .gallery img {
.mp-h2 {
        max-width: 100%;
     font-size: 1.5em;
        height: auto;
    margin-bottom: 10px;
     }
    border-bottom: 2px solid #a2a9b1;
     padding-bottom: 5px;
}
}

Revision as of 20:32, 31 August 2024

/* Styles for the Main Page */
#mp-topbanner {
    padding: 10px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #a2a9b1;
}

.mp-box {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #a2a9b1;
    border-radius: 5px;
}

.MainPageBG {
    background-color: #f8f9fa;
}

.mp-contains-float {
    clear: both;
    overflow: auto;
}

.explore-more {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}

.mp-h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
    border-bottom: 2px solid #a2a9b1;
    padding-bottom: 5px;
}