"ഫലകം:Header4/styles.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം

ഫലകം:Header4/styles.css (മൂലരൂപം കാണുക)

10:25, 30 സെപ്റ്റംബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം

1,192 ബൈറ്റുകൾ നീക്കംചെയ്തിരിക്കുന്നു , 30 സെപ്റ്റംബർ

തിരുത്തലിനു സംഗ്രഹമില്ല

ബ്യൂറോക്രാറ്റുകൾ, ചെക്ക് യൂസർമാർ, emailconfirmed, സമ്പർക്കമുഖ കാര്യനിർവാഹകർ, kiteuser, oversight, അമർച്ചകർ, കാര്യനിർവാഹകർ, അപ്‌ലോഡ് സഹായി മേള തിരുത്തുന്നവർ

24,964

തിരുത്തലുകൾ

@@ വരി 1: / വരി 1: @@
 /* Container */
-        #mp-topbanner {
+#mp-topbanner {
-            width: 96%;
+    width: 96%;
-            max-width: 1200px;
+    max-width: 1200px;
-            background: linear-gradient(135deg, #f0f7ff, #ffffff);
+    background: linear-gradient(135deg, #f0f7ff, #ffffff);
-            margin: 10px auto;
+    margin: 10px auto;
-            padding: 20px;
+    padding: 20px;
-            border-radius: 12px;
+    border-radius: 12px;
-            border: 3px solid #7BBCE5;
+    border: 3px solid #7BBCE5;
-            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
-            display: flex;
+    display: flex;
-            flex-direction: row;
+    flex-direction: row;
-            align-items: stretch;
+    align-items: stretch;
-            gap: 20px;
+    gap: 20px;
-        }
+}
-        /* Left (Image) */
+/* Left (Image) */
-        #mp-topbanner .banner-left {
+#mp-topbanner .banner-left {
-            flex: 1;
+    flex: 1;
-            display: flex;
+    display: flex;
-            align-items: center;
+    align-items: center;
-            justify-content: center;
+    justify-content: center;
-            overflow: hidden;
+    overflow: hidden;
-        }
+}
-        #mp-topbanner .banner-left img {
+#mp-topbanner .banner-left img {
-            width: 100%;
+    width: 100%;
-            height: auto;
+    height: auto;
-            max-width: 100%;
+    max-width: 100%;
-            border-radius: 8px;
+    border-radius: 8px;
-            box-shadow: 0 4px 10px rgba(0,0,0,0.15);
+    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
-            object-fit: cover;
+    object-fit: cover;
-            min-height: 200px;
+    min-height: 200px;
-        }
+}
-        /* Right (Text) */
+/* Right (Text) */
-        #mp-topbanner .banner-right {
+#mp-topbanner .banner-right {
-            flex: 2;
+    flex: 2;
-            display: flex;
+    display: flex;
-            flex-direction: column;
+    flex-direction: column;
-            justify-content: center;
+    justify-content: center;
-            text-align: left;
+    text-align: left;
-            padding: 10px 0;
+    padding: 10px 0;
-        }
+}
-        /* Title */
+/* Title */
-        #mp-topbanner .banner-title {
+#mp-topbanner .banner-title {
-            font-size: 2rem;
+    font-size: 2rem;
-            font-weight: bold;
+    font-weight: bold;
-            color: #004EC3;
+    color: #004EC3;
-            margin: 0 0 15px 0;
+    margin: 0 0 15px 0;
-            line-height: 1.2;
+    line-height: 1.2;
-        }
+}
-        /* Description */
+/* Description */
-        #mp-topbanner .banner-desc {
+#mp-topbanner .banner-desc {
-            font-size: 1.2rem;
+    font-size: 1.2rem;
-            color: #333;
+    color: #333;
-            line-height: 1.6em;
+    line-height: 1.6em;
-            margin-bottom: 15px;
+    margin-bottom: 15px;
-        }
+}
-        /* Stats */
+/* Stats */
-        #mp-topbanner .banner-stats {
+#mp-topbanner .banner-stats {
-            font-size: 1rem;
+    font-size: 1rem;
-            color: #444;
+    color: #444;
-            line-height: 1.6em;
+    line-height: 1.6em;
-            margin-bottom: 10px;
+    margin-bottom: 10px;
-        }
+}
-        /* Links */
+/* Links */
-        .banner-links {
+.banner-links {
-            display: flex;
+    display: flex;
-            flex-wrap: wrap;
+    flex-wrap: wrap;
-            gap: 10px;
+    gap: 10px;
-            margin-top: 10px;
+    margin-top: 10px;
-        }
+}
-        .banner-links a {
+.banner-links a {
-            display: inline-block;
+    display: inline-block;
-            padding: 8px 15px;
+    padding: 8px 15px;
-            background-color: #004EC3;
+    background-color: #004EC3;
-            color: white;
+    color: white;
-            text-decoration: none;
+    text-decoration: none;
-            border-radius: 5px;
+    border-radius: 5px;
-            font-weight: bold;
+    font-weight: bold;
-            transition: background-color 0.3s;
+    transition: background-color 0.3s;
-        }
+}
-        .banner-links a:hover {
+.banner-links a:hover {
-            background-color: #003A9B;
+    background-color: #003A9B;
-        }
+}
-        /* Responsive: stack on small screens */
+/* Responsive: stack on small screens */
-        @media (max-width: 768px) {
+@media (max-width: 768px) {
-            #mp-topbanner {
+    #mp-topbanner {
-                flex-direction: column;
+        flex-direction: column;
-                padding: 15px;
+        padding: 15px;
-                gap: 15px;
+        gap: 15px;
-            }
+    }
-            #mp-topbanner .banner-left,
+    #mp-topbanner .banner-left,
-            #mp-topbanner .banner-right {
+    #mp-topbanner .banner-right {
-                flex: 1 1 100%;
+        flex: 1 1 100%;
-                max-width: 100%;
+        max-width: 100%;
-            }
+    }
-            #mp-topbanner .banner-right {
+    #mp-topbanner .banner-right {
-                text-align: center;
+        text-align: center;
-                margin-top: 0;
+        margin-top: 0;
-            }
+    }
-            #mp-topbanner .banner-title {
+    #mp-topbanner .banner-title {
-                font-size: 1.6rem;
+        font-size: 1.6rem;
-            }
+    }
-            #mp-topbanner .banner-desc {
+    #mp-topbanner .banner-desc {
-                font-size: 1.1rem;
+        font-size: 1.1rem;
-            }
+    }
-            .banner-links {
+    .banner-links {
-                justify-content: center;
+        justify-content: center;
-            }
+    }
-        }
+}
-        /* Extra small screens */
+/* Extra small screens */
-        @media (max-width: 480px) {
+@media (max-width: 480px) {
-            #mp-topbanner {
+    #mp-topbanner {
-                padding: 10px;
+        padding: 10px;
-            }
+    }
-            #mp-topbanner .banner-title {
+    #mp-topbanner .banner-title {
-                font-size: 1.4rem;
+        font-size: 1.4rem;
-            }
+    }
-            #mp-topbanner .banner-desc {
+    #mp-topbanner .banner-desc {
-                font-size: 1rem;
+        font-size: 1rem;
-            }
+    }
-            .banner-links {
+    .banner-links {
-                flex-direction: column;
+        flex-direction: column;
-                align-items: center;
+        align-items: center;
-            }
+    }
-            .banner-links a {
+    .banner-links a {
-                width: 100%;
+        width: 100%;
-                text-align: center;
+        text-align: center;
-            }
+    }
-        }
+}