ബ്യൂറോക്രാറ്റുകൾ, ചെക്ക് യൂസർമാർ, emailconfirmed, സമ്പർക്കമുഖ കാര്യനിർവാഹകർ, kiteuser, oversight, അമർച്ചകർ, കാര്യനിർവാഹകർ, അപ്ലോഡ് സഹായി മേള തിരുത്തുന്നവർ
24,964
തിരുത്തലുകൾ
ഫലകം:Multiple gallery/styles.css (മൂലരൂപം കാണുക)
20:14, 27 ഒക്ടോബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
, 27 ഒക്ടോബർതിരുത്തലിനു സംഗ്രഹമില്ല
('.responsive-gallery-container { margin: 1em 0; clear: both; } .responsive-gallery-box { box-sizing: border-box; overflow: hidden; } .gallery-images { width: 100%; } .gallery-item { margin: 2px; transition: transform 0.2s ease; } .gallery-item:hover { transform: scale(1.02); } .gallery-image-wrapper { line-height: 0; } .gallery-image-wrapper img { max-width: 100%; height...' താൾ സൃഷ്ടിച്ചിരിക്കുന്നു) |
No edit summary |
||
| വരി 1: | വരി 1: | ||
/* Main container */ | |||
.responsive-gallery-container { | .responsive-gallery-container { | ||
margin: 1em 0; | margin: 1em 0; | ||
clear: both; | clear: both; | ||
max-width: 100%; | |||
} | } | ||
/* Gallery box */ | |||
.responsive-gallery-box { | .responsive-gallery-box { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
border: 1px solid #ccc; | |||
background-color: #f9f9f9; | |||
padding: 8px; | |||
} | |||
/* Header and footer */ | |||
.gallery-header, | |||
.gallery-footer { | |||
padding: 8px 10px; | |||
font-weight: bold; | |||
background-color: #eaecf0; | |||
border-bottom: 1px solid #ccc; | |||
} | |||
.gallery-footer { | |||
border-top: 1px solid #ccc; | |||
border-bottom: none; | |||
margin-top: 8px; | |||
} | } | ||
/* Flexbox images container */ | |||
.gallery-images { | .gallery-images { | ||
display: flex; | |||
gap: 4px; | |||
padding: 4px; | |||
} | |||
/* Horizontal gallery (default) */ | |||
.gallery-horizontal { | |||
flex-direction: row; | |||
flex-wrap: wrap; | |||
align-items: flex-start; | |||
} | |||
.gallery-horizontal .gallery-item { | |||
flex: 0 1 auto; | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
/* Vertical gallery */ | |||
.gallery-vertical { | |||
flex-direction: column; | |||
align-items: flex-start; | |||
} | |||
.gallery-vertical .gallery-item { | |||
flex: 0 1 auto; | |||
display: flex; | |||
flex-direction: row; | |||
width: 100%; | width: 100%; | ||
align-items: center; | |||
gap: 8px; | |||
} | |||
.gallery-vertical .gallery-caption { | |||
flex: 1; | |||
} | |||
/* Box gallery (grid-like) */ | |||
.gallery-box { | |||
flex-direction: row; | |||
flex-wrap: wrap; | |||
justify-content: flex-start; | |||
} | } | ||
.gallery-box .gallery-item { | |||
flex: 0 0 auto; | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
/* Gallery item */ | |||
.gallery-item { | .gallery-item { | ||
box-sizing: border-box; | |||
overflow: hidden; | |||
transition: transform 0.2s ease; | transition: transform 0.2s ease; | ||
} | } | ||
| വരി 20: | വരി 90: | ||
.gallery-item:hover { | .gallery-item:hover { | ||
transform: scale(1.02); | transform: scale(1.02); | ||
z-index: 1; | |||
} | } | ||
/* Image wrapper */ | |||
.gallery-image-wrapper { | .gallery-image-wrapper { | ||
line-height: 0; | line-height: 0; | ||
overflow: hidden; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
flex: 1; | |||
} | } | ||
.gallery-image-wrapper img { | .gallery-image-wrapper img { | ||
max-width: 100%; | max-width: 100%; | ||
max-height: 100%; | |||
height: auto; | height: auto; | ||
width: auto; | |||
object-fit: contain; | |||
} | |||
.gallery-box .gallery-image-wrapper { | |||
width: 100%; | |||
height: 100%; | |||
} | } | ||
.gallery-box .gallery-image-wrapper img { | |||
width: 100%; | |||
height: 100%; | |||
object-fit: cover; | |||
} | |||
/* Caption styling */ | |||
.gallery-caption { | .gallery-caption { | ||
padding: 4px 2px; | |||
font-size: 94%; | |||
line-height: 1.4em; | |||
word-wrap: break-word; | word-wrap: break-word; | ||
overflow-wrap: break-word; | overflow-wrap: break-word; | ||
background-color: #f9f9f9; | |||
} | } | ||
| വരി 44: | വരി 140: | ||
} | } | ||
.gallery-horizontal { | .gallery-horizontal, | ||
.gallery-box { | |||
flex-direction: column !important; | flex-direction: column !important; | ||
align-items: center; | align-items: center; | ||
| വരി 51: | വരി 148: | ||
.gallery-item { | .gallery-item { | ||
max-width: 100% !important; | max-width: 100% !important; | ||
width: 100% !important; | |||
} | |||
.gallery-vertical .gallery-item { | |||
flex-direction: column !important; | |||
} | } | ||
| വരി 75: | വരി 177: | ||
} | } | ||
.gallery- | .gallery-images { | ||
gap: 2px !important; | |||
} | } | ||
} | } | ||