MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 69: / Line 69: @@
      background-color: #fff !important;
 }
-/* --- HERO SECTION CONTAINER --- */
+/* === HERO SECTION CONTAINER === */
 .hero-container {
-     background: #ffffff;
+     width: 100%;
-     padding: 60px 20px;
+     max-width: 1080px;
-     text-align: center;
+     margin: 0 auto;
-     border-radius: 6px;
+     padding: 20px 20px 40px;
-     margin-top: 10px;
+     margin-left: 40px;
 }
-/* --- TOP TRICOLOUR BORDER --- */
+/* === INDIAN FLAG LINE === */
 .flag-line {
-     height: 6px;
+     height: 8px;
-     width: 100%;
+     width: 95%;
-     background: linear-gradient(to right, #FF5722, #FFFFFF, #1B8E1B);
+     background: linear-gradient(to right, #ff8a00, #ffffff, #0f8f00);
-     border-radius: 4px 4px 0 0;
+     border-radius: 5px;
-     margin-bottom: 35px;
+     margin: 25px auto 40px;
 }
-/* --- TITLE --- */
+/* === HERO TITLE === */
 .hero-title {
-     font-size: 42px;
+     font-size: 34px;
-     font-weight: 700;
+     font-weight: 600;
-     margin-bottom: 12px;
+    margin-top: 10px;
+     margin-bottom: 20px;
+    text-align: left;
 }
 .brand-name {
-     color: #2a55e8;
+     color: #2a63d4;
+    font-weight: 700;
 }
-/* --- SUBTITLE --- */
+/* === SUBTITLE === */
 .hero-subtitle {
+    max-width: 900px;
+    margin: 0 0 35px 0;
      font-size: 20px;
+    line-height: 1.6;
      font-style: italic;
-     color: #555;
+     color: #444;
-     margin-bottom: 18px;
+     text-align: left;
 }
-/* --- ARTICLE COUNT --- */
+/* === SEARCH BAR GROUP === */
-.article-count {
+.hero-search form {
-    font-size: 18px;
-    margin-bottom: 28px;
-}
-/* --- SEARCH BAR AREA --- */
-.hero-search {
      display: flex;
-    justify-content: center;
      gap: 10px;
-     margin-top: 10px;
+     justify-content: flex-start;
 }
 .hero-input {
-     width: 380px;
+     width: 420px;
      padding: 12px;
-    border-radius: 6px;
      border: 1px solid #ccc;
+    border-radius: 4px;
      font-size: 15px;
 }
 .hero-button {
-     padding: 12px 22px;
+     padding: 12px 20px;
      background: #e0e0e0;
-     border: 1px solid #bdbdbd;
+     border: 1px solid #bbb;
-     border-radius: 6px;
+     border-radius: 4px;
-    font-size: 15px;
      font-weight: 600;
      cursor: pointer;
 }