MediaWiki:Common.css: Difference between revisions

Revision as of 21:11, 14 December 2024

#content {
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-template-areas: 
        "sidebar main"
        "footer footer";
}

#top {
    grid-area: sidebar;
    background-color: #f0f0f0;
    padding: 20px;
}

#article {
    grid-area: main;
    padding: 20px;
}

#footer {
    grid-area: footer;
    background-color: #e0e0e0;
    padding: 20px;
    text-align: center;
}

@@ Line 1: / Line 1: @@
 #content {
-     max-width: 1200px;
+     display: grid;
-     width: 100%;
+     grid-template-columns: 250px 1fr;
-    margin: 20px auto;
+     grid-template-areas:
-    background-color: #ffffff;
+        "sidebar main"
-    padding: 20px;
+        "footer footer";
-     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    display: flex;
-    flex-direction: row; /* Arrange children horizontally */
-    gap: 20px;
 }
 #top {
-     flex: 1;
+     grid-area: sidebar;
-     background-color: #f8f8f8;
+     background-color: #f0f0f0;
      padding: 20px;
-    border-radius: 8px;
 }
 #article {
-     flex: 2;
+     grid-area: main;
-    background-color: #e8e8e8;
      padding: 20px;
-    border-radius: 8px;
-    display: flex;
-    flex-direction: column; /* Stack children vertically */
-    justify-content: space-between; /* Push footer to the bottom */
 }
 #footer {
+    grid-area: footer;
+    background-color: #e0e0e0;
+    padding: 20px;
      text-align: center;
-    margin-top: auto; /* Push footer to the bottom of #article */
-    font-size: 0.9em;
-    color: #666;
 }