Jump to content
സഹായം

ಪ್ರವೇಶಿಸಿರಿ (ಸಹಾಯ)
உள்ளேற (உதவி)

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

1,062 ബൈറ്റുകൾ കൂട്ടിച്ചേർത്തിരിക്കുന്നു ,  31 ഒക്ടോബർ
തിരുത്തലിനു സംഗ്രഹമില്ല
('.kite-district-office-container { max-width: 600px; margin: 20px auto; padding: 16px; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.07); } .kite-district-office-content { display: flex; align-items: flex-start; gap: 16px; } .kite-district-office-image img { width: 110px; height: 110px; object-fit: cover; border-radius: 8px; } .kite-district-office-description {...' താൾ സൃഷ്ടിച്ചിരിക്കുന്നു)
 
No edit summary
വരി 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;
   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;
   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;
   object-fit: cover;
   border-radius: 8px;
   object-position: center;
}
}


.kite-district-office-description {
.kite-office-content {
   flex: 1;
   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;
   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;
     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;
     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;
   }
   }
}
}
"https://schoolwiki.in/പ്രത്യേകം:മൊബൈൽവ്യത്യാസം/2892261" എന്ന താളിൽനിന്ന് ശേഖരിച്ചത്