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

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

14:48, 31 ഒക്ടോബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം

1,062 ബൈറ്റുകൾ കൂട്ടിച്ചേർത്തിരിക്കുന്നു , 31 ഒക്ടോബർ

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

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

24,964

തിരുത്തലുകൾ

@@ വരി 1: / വരി 1: @@
-.kite-district-office-container {
+.kite-office-container {
-   max-width: 600px;
+   display: flex;
-   margin: 20px auto;
+  width: 100%;
-   padding: 16px;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+   overflow: hidden;
+   margin: 20px 0;
    background: #fff;
-  border-radius: 8px;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.07);
 }
-.kite-district-office-content {
+.kite-office-image {
+  flex: 0 0 500px;
    display: flex;
-   align-items: flex-start;
+   align-items: center;
-   gap: 16px;
+  justify-content: center;
+   overflow: hidden;
 }
-.kite-district-office-image img {
+.kite-office-image img {
-   width: 110px;
+   width: 500px;
-   height: 110px;
+   height: 100%;
    object-fit: cover;
-   border-radius: 8px;
+   object-position: center;
 }
-.kite-district-office-description {
+.kite-office-content {
    flex: 1;
-   padding-left: 8px;
+   padding: 30px 40px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
-.kite-district-office-link {
+.kite-office-heading {
-   text-align: right;
+   margin: 0 0 15px 0;
-   margin-top: 16px;
+   font-size: 2em;
-   font-weight: 500;
+   font-weight: bold;
+  color: #333;
 }
-.kite-district-office-link a {
+.kite-office-description {
+  margin-bottom: 25px;
+  line-height: 1.7;
+  color: #555;
+  font-size: 1.05em;
+}
+.kite-office-button-wrapper {
+  display: inline-block;
+  align-self: flex-start;
+}
+.kite-office-button-wrapper a {
+  text-decoration: none !important;
+}
+.kite-office-button {
+  display: inline-block;
+  padding: 12px 24px;
+  background-color: #2A66B0;
+  color: #fff !important;
    text-decoration: none;
-   color: #2A66B0;
+   border-radius: 5px;
+  font-weight: 600;
+  text-align: center;
+  transition: background-color 0.3s ease;
+  cursor: pointer;
 }
-@media (max-width: 600px) {
+.kite-office-button-wrapper a:hover .kite-office-button {
-   .kite-district-office-content {
+  background-color: #1e4a7f;
+}
+@media (max-width: 900px) {
+   .kite-office-container {
      flex-direction: column;
-     align-items: center;
+  }
+  .kite-office-image {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .kite-office-image img {
+    width: 100%;
+    height: 300px;
+  }
+  .kite-office-content {
+    padding: 25px;
+  }
+  .kite-office-heading {
+    font-size: 1.6em;
+  }
+  .kite-office-button-wrapper {
+     align-self: stretch;
+  }
+  .kite-office-button {
+    display: block;
+    width: 100%;
      text-align: center;
    }
-   .kite-district-office-image img {
+}
-     margin-bottom: 12px;
+@media (max-width: 600px) {
+   .kite-office-image img {
+     height: 250px;
+  }
+  .kite-office-content {
+    padding: 20px;
    }
-   .kite-district-office-description {
-     padding-left: 0;
+   .kite-office-heading {
+     font-size: 1.4em;
    }
-   .kite-district-office-link {
-     text-align: center;
+   .kite-office-description {
-    margin-top: 12px;
+     font-size: 1em;
    }
 }