Amberlynn Wiki

MediaWiki:Common.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 9: Line 9:
     text-align: center;
     text-align: center;
     margin-top: 3%;
     margin-top: 3%;
     background-color: #f5fffa;
     background-color: #fdf4ff; /* Swapped from #f5fffa (green) to #fdf4ff (pink) */
}
}


Line 15: Line 15:
     font-weight: bold;
     font-weight: bold;
     font-size: 115%;
     font-size: 115%;
     background-color: #cef2e0;
     background-color: #eecdf2; /* Swapped from #cef2e0 (green) to #eecdf2 (pink) */
     display: block;
     display: block;
}
}
Line 26: Line 26:
     padding-left: 2%;
     padding-left: 2%;
     padding-right: 7%;
     padding-right: 7%;
     background-color: #f5fffa;
     background-color: #fdf4ff; /* Swapped from #f5fffa (green) to #fdf4ff (pink) */
}
}


Line 35: Line 35:
     padding-right: 2%;
     padding-right: 2%;
     text-align: center;
     text-align: center;
     background-color: #f5fffa;
     background-color: #fdf4ff; /* Swapped from #f5fffa (green) to #fdf4ff (pink) */
}
}


Line 55: Line 55:


.eras-table {
.eras-table {
     margin: 1em 0;              /* From wikitable */
     margin: 1em 0;               
     background-color: #f8f9fa;  /* From wikitable */
     background-color: #f8f9fa;   
     border: 1px solid #808080;  /* Your eras-table, overrides wikitable’s #a2a9b1 */
     border: 1px solid #808080;   
     border-collapse: collapse;  /* From wikitable */
     border-collapse: collapse;   
     color: #000;                /* From wikitable */
     color: #000;                 
     width: 100%;                /* Your eras-table */
     width: 100%;                 
     table-layout: fixed;        /* Your eras-table */
     table-layout: fixed;         
}
}


.eras-table th {
.eras-table th {
     background-color: #eecdf2; /* Your eras-table, overrides wikitable’s #eaecf0 */
     background-color: #cef2e0; /* Swapped from #eecdf2 (pink) to #cef2e0 (green) */
     border: 1px solid #a2a9b1;  /* From wikitable */
     border: 1px solid #a2a9b1;   
     padding: 0.2em 0.4em;      /* From wikitable */
     padding: 0.2em 0.4em;       
     text-align: center;        /* Both wikitable and eras-table */
     text-align: center;         
     font-weight: bold;          /* From wikitable */
     font-weight: bold;           
     width: 100%;                /* Your eras-table */
     width: 100%;                 
     display: table-cell;        /* Your eras-table */
     display: table-cell;         
     font-size: 115%;
     font-size: 115%;
}
}


.eras-table td {
.eras-table td {
     background-color: #fdf4ff; /* Your eras-table, overrides wikitable’s default */
     background-color: #f5fffa; /* Swapped from #fdf4ff (pink) to #f5fffa (green) */
     border: 1px solid #a2a9b1;  /* From wikitable */
     border: 1px solid #a2a9b1;   
     padding: 10px;              /* Your eras-table, overrides wikitable’s 0.2em 0.4em */
     padding: 10px;               
     vertical-align: top;        /* Your eras-table */
     vertical-align: top;         
     text-align: center;        /* Your eras-table, overrides wikitable’s default */
     text-align: center;         
}
}


Line 88: Line 88:
     width: 100%;
     width: 100%;
     height: auto;
     height: auto;
     display: block;            /* Ensure image behaves as a block for centering */
     display: block;             
     margin: 0 auto;            /* Center the image horizontally */
     margin: 0 auto;             
}
}


@media screen and (max-width: 768px) {
@media screen and (max-width: 768px) {
     .eras-table {
     .eras-table {
         display: block;        /* Switch to block for responsive layout */
         display: block;         
         margin: 1em 0;          /* From wikitable, consistent in media query */
         margin: 1em 0;           
         border-collapse: collapse; /* From wikitable, maintain table integrity */
         border-collapse: collapse;  
     }
     }
     .eras-table thead {
     .eras-table thead {
         display: block;        /* Ensure header stays separate */
         display: block;         
     }
     }
     .eras-table th {
     .eras-table th {
         display: block;        /* Full width block for header */
         display: block;         
         width: 100%;            /* Explicitly full width */
         width: 100%;             
         text-align: center;    /* Maintain centering */
         text-align: center;     
     }
     }
     .eras-table tbody {
     .eras-table tbody {
Line 111: Line 111:
     }
     }
     .eras-table tr {
     .eras-table tr {
         display: contents;      /* Let cells flow into flex */
         display: contents;       
     }
     }
     .eras-table td {
     .eras-table td {
         flex: 0 0 33.333%;    /* 3 columns */
         flex: 0 0 33.333%;     
         box-sizing: border-box;
         box-sizing: border-box;
         text-align: center;    /* Ensure text stays centered in flex layout */
         text-align: center;     
         padding: 10px;          /* Your eras-table padding */
         padding: 10px;           
     }
     }
}
}
Line 123: Line 123:
.youtube-responsive {
.youtube-responsive {
     position: relative;
     position: relative;
     width: 100%;              /* Full width of parent */
     width: 100%;               
     padding-bottom: 56.25%;  /* 16:9 aspect ratio */
     padding-bottom: 56.25%;   
     height: 0;                /* Collapses div height, relies on padding */
     height: 0;                 
     overflow: hidden;        /* Prevents spillover */
     overflow: hidden;         
}
}


Line 133: Line 133:
     top: 0;
     top: 0;
     left: 0;
     left: 0;
     width: 100% !important;  /* Overrides inline width */
     width: 100% !important;   
     height: 100% !important;  /* Overrides inline height */
     height: 100% !important;   
     max-width: 96%;          /* Ensures it doesn’t exceed container */
     max-width: 96%;           
     box-sizing: border-box;  /* Includes padding/borders in size */
     box-sizing: border-box;   
}
}
Retrieved from "https://amberlynn.wiki/MediaWiki:Common.css"