|
|
| Line 1: |
Line 1: |
| mediawiki body.page-Main_Page h1.firstHeading {
| |
| display: none;
| |
| }
| |
|
| |
| .current-box { | | .current-box { |
| width: 100%; | | width: 100%; |
| Line 63: |
Line 59: |
| .current-text { | | .current-text { |
| width: 100%; | | width: 100%; |
| float: none;
| |
| text-align: center;
| |
| padding-left: 1%; | | padding-left: 1%; |
| padding-right: 1%; | | padding-right: 1%; |
| padding-bottom: 0%; | | padding-bottom: 0; |
| margin-right: 0%;
| |
| } | | } |
| | | |
| .current-media { | | .current-media { |
| width: 100%; | | width: 100%; |
| float: none;
| |
| padding-top: 0; | | padding-top: 0; |
| text-align: center;
| |
| display: block;
| |
| padding-left: 1%; | | padding-left: 1%; |
| padding-right: 1%; | | padding-right: 1%; |
| padding-bottom: 0%; | | padding-bottom: 0; |
| } | | } |
| | | |
| Line 90: |
Line 80: |
| } | | } |
|
| |
|
| .eras-table {
| | /* Note: I removed float properties as they're not needed with flexbox */ |
| 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;
| |
| 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;
| |
| border: 1px solid #a2a9b1;
| |
| padding: 10px;
| |
| vertical-align: top;
| |
| text-align: center;
| |
| }
| |
| | |
| .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;
| |
| max-width: 100%;
| |
| box-sizing: border-box;
| |
| }
| |