Jump to content

User:Thewarior/common.css: Difference between revisions

From PlanetSmith Wiki
css tests
 
m modified all of that
 
Line 1: Line 1:
/* Main Page Layout */
/* User-specific layout test */
.main-page-container {
.wiki-grid {
     display: flex;
     display: grid;
     flex-wrap: wrap;
     grid-template-columns: 2fr 1fr; /* Left column double the width of right */
     gap: 15px;
     gap: 1rem;
     margin-top: 10px;
     margin-top: 1rem;
}
}


.main-page-box {
.wiki-card {
     border: 1px solid #a2a9b1;
     border: 1px solid #c8ccd1;
     background-color: #f8f9fa;
     background: #ffffff;
     padding: 10px;
     padding: 1rem;
     flex: 1 1 45%; /* Makes columns responsive */
     box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
}


.main-page-header {
.wiki-card-header {
     background-color: #cedff2;
     border-bottom: 1px solid #a2a9b1;
    border: 1px solid #a2a9b1;
     margin: -1rem -1rem 1rem -1rem;
     padding: 10px;
     padding: 0.5rem 1rem;
     margin-bottom: 10px;
     background: #f8f9fa;
     font-size: 1.2em;
     font-weight: bold;
     font-weight: bold;
    font-family: 'Linux Libertine', 'Georgia', serif;
    font-size: 1.2rem;
}
}


.main-page-stat-bar {
/* Responsive adjustment for mobile/small screens */
     border: 1px solid #a2a9b1;
@media (max-width: 720px) {
    background-color: #fff;
     .wiki-grid {
    padding: 5px 15px;
        grid-template-columns: 1fr;
    text-align: center;
     }
     margin-bottom: 10px;
}
}

Latest revision as of 17:40, 2 April 2026

/* User-specific layout test */
.wiki-grid {
    display: grid;
    grid-template-columns: 2fr 1fr; /* Left column double the width of right */
    gap: 1rem;
    margin-top: 1rem;
}

.wiki-card {
    border: 1px solid #c8ccd1;
    background: #ffffff;
    padding: 1rem;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.wiki-card-header {
    border-bottom: 1px solid #a2a9b1;
    margin: -1rem -1rem 1rem -1rem;
    padding: 0.5rem 1rem;
    background: #f8f9fa;
    font-weight: bold;
    font-family: 'Linux Libertine', 'Georgia', serif;
    font-size: 1.2rem;
}

/* Responsive adjustment for mobile/small screens */
@media (max-width: 720px) {
    .wiki-grid {
        grid-template-columns: 1fr;
    }
}