"मीडियाविकि:Common.css": अवतरणों में अंतर

मीडियाविकि:Common.css (स्रोत देखें)

११:३३, ३० सितम्बर २०२४ का अवतरण

१,८९७ बाइट्स जोड़े गए , ३० सितम्बर

सम्पादन सारांश नहीं है

Admin

प्रशासक, अन्तरफलक प्रबंधक, प्रबंधक

८०

सम्पादन

@@ पंक्ति १: / पंक्ति १: @@
 /* मुखपृष्ठ शैलियाँ */
-.page-मुखपृष्ठ #mw-content-text {
+/* MediaWiki:Common.css */
-     max-width: 1200px;
-     margin: 0 auto;
+body {
-     font-family: 'Noto Sans Devanagari', Arial, sans-serif;
+    font-family: 'Arial', sans-serif;
+    color: #333;
+    background-color: #f9f9f9;
+    margin: 0;
+    padding: 0;
+}
+/* Hero Section */
+.hero {
+    background: #fc5351;
+    color: #ffffff;
+    padding: 60px 20px;
+    border-radius: 20px;
+    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
+     text-align: center;
+     margin-bottom: 40px;
+}
+.hero h1 {
+     font-size: 2.5em;
+    font-weight: 700;
+    margin: 0;
 }
-.page-मुखपृष्ठ #firstHeading {
+.hero p {
-     background-color: #fc5351;
+    font-size: 1.25em;
-     color: white;
+    margin: 20px 0;
+    font-weight: 300;
+}
+.hero a {
+    display: inline-block;
+     background: #ffffff;
+    color: #fc5351;
+    padding: 15px 30px;
+    border-radius: 30px;
+    text-decoration: none;
+    font-size: 1.2em;
+    font-weight: 600;
+    margin-top: 20px;
+    transition: background 0.3s, color 0.3s;
+    border: 2px solid #fc5351;
+}
+.hero a:hover {
+    background: #fc5351;
+     color: #ffffff;
+}
+/* Info Cards */
+.card {
+    background: #ffffff;
+    border-radius: 15px;
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
      padding: 20px;
-     text-align: center;
+     border: 1px solid #e0e0e0;
-     border-radius: 10px;
+     margin-bottom: 20px;
 }
-.page-मुखपृष्ठ h2 {
+.card h2 {
+    font-size: 2em;
      color: #6c0cec;
-     border-bottom: 2px solid #e0e0e0;
+     border-bottom: 3px solid #e0e0e0;
      padding-bottom: 10px;
+    margin-bottom: 20px;
+    font-weight: 700;
+}
+.card p {
+    font-size: 1.2em;
+    color: #555;
+    line-height: 1.6;
+}
+/* CTA Section */
+.cta {
+    background: #f4f4f4;
+    color: #333;
+    padding: 40px;
+    border-radius: 15px;
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
+    text-align: center;
+    margin-top: 40px;
 }
-.page-मुखपृष्ठ #mw-content-text > p:first-of-type {
+.cta h2 {
-     background-color: #f4f4f4;
+     font-size: 2.2em;
-     padding: 20px;
+     font-weight: 700;
-     border-radius: 10px;
+     color: #fc5351;
-     margin-bottom: 20px;
+     margin: 0;
 }
-.page-मुखपृष्ठ .mw-parser-output > h2 {
+.cta p {
-     background-color: white;
+     font-size: 1.2em;
-    padding: 15px;
+     margin-top: 15px;
-    border-radius: 10px;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-     margin-top: 30px;
 }
-.page-मुखपृष्ठ #mw-content-text > h2:last-of-type {
+.cta a {
-    background-color: #f4f4f4;
      color: #fc5351;
+    font-weight: 600;
+    text-decoration: underline;
+    transition: color 0.3s;
+}
+.cta a:hover {
+    color: #b03a30;
+}
+/* Footer */
+.footer {
+    text-align: center;
      padding: 20px;
-     text-align: center;
+     background: #ffffff;
-     border-radius: 10px;
+     border-top: 1px solid #ddd;
-     margin-top: 30px;
+     margin-top: 40px;
+    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
+}
+.footer p {
+    margin: 0;
+    color: #777;
+    font-size: 1.1em;
+}
+/* Media Queries */
+@media (max-width: 768px) {
+    .hero h1 {
+        font-size: 1.8em;
+    }
+    .hero p {
+        font-size: 1em;
+    }
+    .hero a {
+        font-size: 1em;
+        padding: 10px 20px;
+    }
+    .card h2 {
+        font-size: 1.5em;
+    }
+    .card p {
+        font-size: 1em;
+    }
+    .cta h2 {
+        font-size: 1.8em;
+    }
+    .cta p {
+        font-size: 1em;
+    }
+}
+@media (max-width: 480px) {
+    .hero h1 {
+        font-size: 1.5em;
+    }
+    .hero p {
+        font-size: 0.9em;
+    }
+    .hero a {
+        font-size: 0.9em;
+        padding: 8px 15px;
+    }
+    .card h2 {
+        font-size: 1.3em;
+    }
+    .card p {
+        font-size: 0.9em;
+    }
+    .cta h2 {
+        font-size: 1.5em;
+    }
+    .cta p {
+        font-size: 0.9em;
+    }
+}
+#ca-viewsource {
+    display: none;
 }