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

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

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

246 ബൈറ്റുകൾ നീക്കംചെയ്തിരിക്കുന്നു , 31 ഒക്ടോബർ

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

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

24,964

തിരുത്തലുകൾ

@@ വരി 1: / വരി 1: @@
-.kite-office-container {
+.kite-office-card {
+  background: #fff;
+  border-radius: 16px;
+  box-shadow: 0 4px 16px rgba(50, 104, 228, 0.10), 0 1.5px 4px rgba(50, 104, 228, 0.09);
+  margin: 20px auto;
+  padding: 32px;
+  max-width: 1100px;
+  box-sizing: border-box;
+}
+.kite-office-card-inner {
    display: flex;
-   width: 100%;
+   align-items: center;
-  border: 1px solid #ddd;
+   gap: 32px;
-  border-radius: 8px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  overflow: hidden;
-  margin: 20px 0;
-   background: #fff;
 }
-.kite-office-image {
+.kite-office-card-image {
-   flex: 0 0 500px;
+   flex: 0 0 340px;
    display: flex;
    align-items: center;
    justify-content: center;
-   overflow: hidden;
+   min-width: 150px;
 }
-.kite-office-image img {
+.kite-office-card-image img {
-   width: 500px;
+   width: 100%;
-   height: 100%;
+  max-width: 340px;
-   object-fit: cover;
+   height: auto;
-   object-position: center;
+   border-radius: 12px;
+   background: #f8f8f8;
 }
-.kite-office-content {
+.kite-office-card-content {
    flex: 1;
-  padding: 30px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
+  gap: 18px;
 }
-.kite-office-heading {
+.kite-office-card-title {
-  margin: 0 0 15px 0;
+   font-size: 2.1em;
-   font-size: 2em;
    font-weight: bold;
-   color: #333;
+   color: #2650b0;
+  margin-bottom: 6px;
+  font-family: inherit;
+  letter-spacing: 0.01em;
 }
-.kite-office-description {
+.kite-office-card-desc {
-   margin-bottom: 25px;
+   font-size: 1.14em;
-   line-height: 1.7;
+   color: #444;
-   color: #555;
+   margin-bottom: 16px;
-   font-size: 1.05em;
+   line-height: 1.8;
 }
-.kite-office-button-wrapper {
+.kite-office-card-buttons {
-   display: inline-block;
+   margin-top: 2px;
-   align-self: flex-start;
+   display: flex;
-}
+  gap: 14px;
+   flex-wrap: wrap;
-.kite-office-button-wrapper a {
-   text-decoration: none !important;
 }
-.kite-office-button {
+.kite-office-card-btn {
-  display: inline-block;
+   background: #2162cb;
-  padding: 12px 24px;
-   background-color: #2A66B0;
    color: #fff !important;
+  border-radius: 6px;
+  padding: 10px 28px;
+  font-size: 1em;
    text-decoration: none;
-   border-radius: 5px;
+   display: inline-block;
    font-weight: 600;
-   text-align: center;
+   box-shadow: 0 1px 3px rgba(33, 98, 203, 0.08);
-   transition: background-color 0.3s ease;
+   border: none;
    cursor: pointer;
+  transition: background 0.18s;
 }
-.kite-office-button-wrapper a:hover .kite-office-button {
+.kite-office-card-btn:hover,
-   background-color: #1e4a7f;
+.kite-office-card-btn:focus {
+   background: #113b89;
+  color: #fff !important;
 }
-@media (max-width: 900px) {
+@media (max-width: 880px) {
-   .kite-office-container {
+   .kite-office-card-inner {
      flex-direction: column;
+    align-items: flex-start;
+    gap: 18px;
    }
+   .kite-office-card-image {
-   .kite-office-image {
+     margin-bottom: 8px;
-     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-card-image img {
-   .kite-office-button {
-    display: block;
      width: 100%;
-     text-align: center;
+     max-width: 400px;
-  }
-}
-@media (max-width: 600px) {
-  .kite-office-image img {
-    height: 250px;
-  }
-  .kite-office-content {
-    padding: 20px;
-  }
-  .kite-office-heading {
-    font-size: 1.4em;
-  }
-  .kite-office-description {
-    font-size: 1em;
    }
 }