Amberlynn Wiki

MediaWiki:Common.css: Difference between revisions

← Older edit
No edit summary
Tag: Reverted
No edit summary
 
(26 intermediate revisions by the same user not shown)
Line 1: Line 1:
body.page-Main_Page h1.firstHeading {
    display: none;
}
.current-box {
.current-box {
     width: 100%;
     width: 100%;
Line 5: Line 9:
     text-align: center;
     text-align: center;
     gap: 2%; /* Adds 2% margin between text and media */
     gap: 2%; /* Adds 2% margin between text and media */
    margin-top: 0;
}
}


Line 11: Line 16:
     flex: 0 0 60%;
     flex: 0 0 60%;
     text-align: center;
     text-align: center;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
     background-color: #fdf4ff;
     background-color: #fdf4ff;
     box-sizing: border-box; /* Prevents border from adding to width */
     box-sizing: border-box;
    margin-top: 0;
}
}


Line 23: Line 26:
     background-color: #eecdf2;
     background-color: #eecdf2;
     display: block;
     display: block;
     width: 100%; /* Makes header full width */
     margin-top: 0;
     margin-left: -2%; /* Compensates for parent padding */
    padding: 0.2em 0.4em;
     margin-right: -2%; /* Compensates for parent padding */
     border-top: 1px solid #a2a9b1;
     padding: 0 2%; /* Restores internal spacing */
    border-bottom: 1px solid #a2a9b1;
}
 
.current-text-header:first-child {
     margin-top: 0;
     border-top: 0px solid #a2a9b1;
}
}


.current-media {
.current-media {
     border: 1px solid #a2a9b1;
     border: 1px solid #a2a9b1;
     flex: 0 0 38%; /* Adjusted from 32% to account for 2% gap */
     flex: 0 0 38%;
     text-align: center;
     text-align: center;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
     background-color: #f5fffa;
     background-color: #f5fffa;
     box-sizing: border-box; /* Prevents border from adding to width */
     box-sizing: border-box;
    margin-top: 0;
}
}


Line 45: Line 51:
     background-color: #cef2e0;
     background-color: #cef2e0;
     display: block;
     display: block;
     width: 100%; /* Makes header full width */
     margin-top: 0;
     margin-left: -2%; /* Compensates for parent padding */
    padding: 0.2em 0.4em;
     margin-right: -2%; /* Compensates for parent padding */
     border-top: 1px solid #a2a9b1;
     padding: 0 2%; /* Restores internal spacing */
    border-bottom: 1px solid #a2a9b1;
}
 
.current-media-header:first-child {
     margin-top: 0;
     border-top: 0px solid #a2a9b1;
}
}


Line 81: Line 92:


/* Note: I removed float properties as they're not needed with flexbox */
/* Note: I removed float properties as they're not needed with flexbox */
.eras-table {
    margin: 1em 0;             
    background-color: #f8f9fa; 
    border: 1px solid #808080; 
    border-collapse: collapse; 
    color: #000;               
    width: 100%;               
    table-layout: fixed;       
}
.eras-table th {
    background-color: #f2d7c0; /* Changed from #cef2e0 (green) to #f2d7c0 (orange) */
    border: 1px solid #a2a9b1; 
    padding: 0.2em 0.4em;     
    text-align: center;       
    font-weight: bold;         
    width: 100%;               
    display: table-cell;       
    font-size: 115%;
}
.eras-table td {
    background-color: #fff3eb; /* Changed from #f5fffa (green) to #fff3eb (orange) */
    border: 1px solid #a2a9b1; 
    padding: 10px;             
    vertical-align: top;       
    text-align: center;       
}
/* Ensure images scale properly */
.eras-table img {
    max-width: 200px;
    width: 100%;
    height: auto;
    display: block;           
    margin: 0 auto;           
}
@media screen and (max-width: 768px) {
    .eras-table {
        display: block;       
        margin: 1em 0;         
        border-collapse: collapse;
    }
    .eras-table thead {
        display: block;       
    }
    .eras-table th {
        display: block;       
        width: 100%;           
        text-align: center;   
    }
    .eras-table tbody {
        display: flex;
        flex-wrap: wrap;
    }
    .eras-table tr {
        display: contents;     
    }
    .eras-table td {
        flex: 0 0 33.333%;   
        box-sizing: border-box;
        text-align: center;   
        padding: 10px;         
    }
}
.youtube-responsive {
    position: relative;
    width: 100%;             
    padding-bottom: 56.25%; 
    height: 0;               
    overflow: hidden;       
}
.youtube-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important; 
    height: 100% !important;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-top: 2%;
    max-width: 100%;         
    box-sizing: border-box; 
}
.navbox {
    padding: 0 !important;
}
Retrieved from "https://amberlynn.wiki/MediaWiki:Common.css"