Main Page: Difference between revisions

@@ Line 1: / Line 1: @@
-{{SHORTDESC:<br>}}
+<templatestyles src="Template:Main Page/styles.css" />
-{{Front page header}}
+{{Main Page header}}
-{| style="width:100%; margin-top:7px"
+<!-- First row - About and In the news -->
-| style="border:1px solid #cef2e0; background-color:#f5fffa; padding:5px 15px 15px 8px; vertical-align:top;" |{{About}}</br>
+<div class="main-page-row">
-{{Featured article/Main}}
+  <div class="main-page-col main-page-about">
-| style="width:4px" rowspan="3" |
+    {{About}}
-| style="border:1px solid #cedff2; background-color:#f5faff; padding:5px 15px 15px 8px; width:49.7%; vertical-align:top;" rowspan="3" | {{In the news}}
+  </div>
-{{Did you know/Main}}
+  <div class="main-page-col main-page-news">
-|}
+    {{In the news}}
-{| style="width:100%; margin-top:7px"
+  </div>
-| style="border:1px solid #ddcef2; background-color:#faf5ff; padding:0px 15px 15px 8px; vertical-align:top;" |{{Featured screenshot/Main}}
+</div>
-|}
-__NOTOC__ __NOEDITSECTION__ __NOTITLE__
+<!-- Second row - Featured article and Did you know -->
+<div class="main-page-row">
+  <div class="main-page-col main-page-featured">
+    {{Featured article}}
+  </div>
+  <div class="main-page-col main-page-dyk">
+    {{Did you know}}
+  </div>
+</div>
+<!-- Third row - Featured screenshot -->
+<div class="main-page-row">
+  <div class="main-page-col main-page-screenshot">
+    {{Featured screenshot}}
+  </div>
+</div>
+__NOTOC__ __NOEDITSECTION__