MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 3: / Line 3: @@
   */
-.mainpage-wrapper {
+.mainpage-hero {
-    display: flex;
+  margin: 12px 0 18px 0;
-    gap: 20px;
+  padding: 14px 16px;
-    margin-top: 15px;
+  border: 1px solid #cfcfcf;
+  background: #f8f9fa;
 }
-.mainpage-left {
+.mainpage-hero-title {
-    width: 50%;
+  font-size: 1.6em;
+  font-weight: 700;
+  margin-bottom: 4px;
 }
-.mainpage-right {
+.mainpage-hero-sub {
-    width: 50%;
+  font-size: 1.05em;
+  line-height: 1.4;
 }
-.mainpage-header {
+.mainpage-wrapper {
-    width: 100%;
+  display: flex;
-    margin-bottom: 20px;
+  gap: 18px;
-    padding: 15px;
+  align-items: flex-start;
-    background: #f8f9fa;
+  flex-wrap: wrap; /* important for smaller screens */
-    border: 1px solid #ccc;
 }
+.mainpage-left { flex: 2 1 520px; min-width: 360px; }
+.mainpage-right { flex: 1 1 320px; min-width: 300px; }
 .mainpage-box {
-    background: #ffffff;
+  border: 1px solid #cfcfcf;
-    padding: 12px;
+  background: #fff;
-    margin-bottom: 20px;
+  padding: 12px 14px;
-    border: 1px solid #ccc;
+  margin-bottom: 16px;
 }
 .mainpage-box h3 {
-    margin-top: 0;
+  margin-top: 0;
-    border-bottom: 2px solid #ddd;
+  border-bottom: 2px solid #e3e3e3;
-    padding-bottom: 4px;
+  padding-bottom: 6px;
 }