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

"https://schoolwiki.in/ഫലകം:KITE_office/styles.css" എന്ന താളിൽനിന്ന് ശേഖരിച്ചത്

@@ വരി 1: / വരി 1: @@
-.kite-district-office-container {
+.kite-office-card {
-   max-width: 600px;
+   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: 16px;
+   padding: 32px;
-   background: #fff;
+   max-width: 1100px;
-   border-radius: 8px;
+  box-sizing: border-box;
-   box-shadow: 0 2px 8px rgba(0,0,0,0.07);
+   border:3px solid #7BBCE5;
+}
+.kite-office-card-inner {
+  display: flex;
+   align-items: center;
+  gap: 32px;
 }
-.kite-district-office-content {
+.kite-office-card-image {
+  flex: 0 0 340px;
    display: flex;
-   align-items: flex-start;
+   align-items: center;
-   gap: 16px;
+  justify-content: center;
+   min-width: 150px;
 }
-.kite-district-office-image img {
+.kite-office-card-image img {
-   width: 110px;
+   width: 100%;
-   height: 110px;
+   max-width: 340px;
-   object-fit: cover;
+   height: auto;
-   border-radius: 8px;
+   border-radius: 12px;
+  background: #f8f8f8;
 }
-.kite-district-office-description {
+.kite-office-card-content {
    flex: 1;
-   padding-left: 8px;
+   display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 18px;
+}
+.kite-office-card-title {
+  font-size: 2.1em;
+  font-weight: bold;
+  color: #2650b0;
+  margin-bottom: 6px;
+  font-family: inherit;
+  letter-spacing: 0.01em;
+}
+.kite-office-card-desc {
+  font-size: 1.14em;
+  color: #444;
+  margin-bottom: 16px;
+  line-height: 1.8;
 }
-.kite-district-office-link {
+.banner-links {
-   text-align: right;
+   margin-top: 2px;
-   margin-top: 16px;
+   display: flex;
-   font-weight: 500;
+  gap: 14px;
+   flex-wrap: wrap;
 }
-.kite-district-office-link a {
+.banner-links a,
+.banner-links .kite-office-card-btn {
+  background: #2162cb;
+  color: #fff !important;
+  border-radius: 6px;
+  padding: 10px 28px;
+  font-size: 1em;
    text-decoration: none;
-   color: #2A66B0;
+   display: inline-block;
+  font-weight: 600;
+  box-shadow: 0 1px 3px rgba(33, 98, 203, 0.08);
+  border: none;
+  cursor: pointer;
+  transition: background 0.18s;
 }
-@media (max-width: 600px) {
+.banner-links a:hover,
-   .kite-district-office-content {
+.banner-links a:focus,
+.banner-links .kite-office-card-btn:hover,
+.banner-links .kite-office-card-btn:focus {
+  background: #113b89;
+  color: #fff !important;
+}
+@media (max-width: 880px) {
+   .kite-office-card-inner {
      flex-direction: column;
-     align-items: center;
+     align-items: flex-start;
-    text-align: center;
+     gap: 18px;
-  }
-  .kite-district-office-image img {
-     margin-bottom: 12px;
    }
-   .kite-district-office-description {
+   .kite-office-card-image {
-     padding-left: 0;
+     margin-bottom: 8px;
+    width: 100%;
    }
-   .kite-district-office-link {
+   .kite-office-card-image img {
-     text-align: center;
+     width: 100%;
-     margin-top: 12px;
+     max-width: 400px;
    }
 }