MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
+mediawiki body.page-Main_Page h1.firstHeading {
+    display: none;
+}
 .current-box {
      width: 100%;
@@ Line 59: / Line 63: @@
      .current-text {
          width: 100%;
+        float: none;
+        text-align: center;
          padding-left: 1%;
          padding-right: 1%;
-         padding-bottom: 0;
+         padding-bottom: 0%;
+        margin-right: 0%;
      }
      .current-media {
          width: 100%;
+        float: none;
          padding-top: 0;
+        text-align: center;
+        display: block;
          padding-left: 1%;
          padding-right: 1%;
-         padding-bottom: 0;
+         padding-bottom: 0%;
      }
@@ Line 80: / Line 90: @@
 }
-/* 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;
+    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;
+}