"മീഡിയവിക്കി:Common.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
Ranjithsiji (സംവാദം) ചെയ്ത നാൾപ്പതിപ്പ് 2928499 നീക്കം ചെയ്യുന്നു റ്റാഗുകൾ: തിരസ്ക്കരിക്കൽ Reverted |
No edit summary റ്റാഗ്: Manual revert |
||
| വരി 726: | വരി 726: | ||
/* ========================================================= | /* ========================================================= | ||
Commons Gallery Lightbox | Commons Gallery Lightbox (FULL, ENHANCED) | ||
========================================================= */ | ========================================================= */ | ||
| വരി 734: | വരി 734: | ||
display: none; | display: none; | ||
z-index: 9999; | z-index: 9999; | ||
/* Enhancements */ | |||
user-select: none; | |||
-webkit-user-select: none; | |||
-ms-user-select: none; | |||
} | } | ||
| വരി 740: | വരി 745: | ||
} | } | ||
/* Backdrop */ | |||
#commons-lightbox .clb-backdrop { | #commons-lightbox .clb-backdrop { | ||
position: absolute; | position: absolute; | ||
| വരി 746: | വരി 752: | ||
} | } | ||
/* Content container */ | |||
#commons-lightbox .clb-content { | #commons-lightbox .clb-content { | ||
position: absolute; | position: absolute; | ||
| വരി 756: | വരി 763: | ||
} | } | ||
/* Image */ | |||
#commons-lightbox .clb-image { | #commons-lightbox .clb-image { | ||
max-width: 95vw; | max-width: 95vw; | ||
max-height: 80vh; | max-height: 80vh; | ||
object-fit: contain; | object-fit: contain; | ||
display: block; | |||
} | } | ||
/* Caption */ | |||
#commons-lightbox .clb-caption { | #commons-lightbox .clb-caption { | ||
color: # | color: #ffffff; | ||
font-size: 0.85em; | font-size: 0.85em; | ||
text-align: center; | text-align: center; | ||
margin-top: 0.5em; | margin-top: 0.5em; | ||
line-height: 1.4; | line-height: 1.4; | ||
max-width: 90vw; | |||
} | } | ||
/* Close button */ | |||
#commons-lightbox .clb-close { | #commons-lightbox .clb-close { | ||
position: absolute; | position: absolute; | ||
| വരി 775: | വരി 787: | ||
right: 14px; | right: 14px; | ||
font-size: 28px; | font-size: 28px; | ||
color: # | color: #ffffff; | ||
background: none; | |||
border: none; | |||
cursor: pointer; | |||
z-index: 2; | |||
} | |||
/* Navigation buttons */ | |||
#commons-lightbox .clb-prev, | |||
#commons-lightbox .clb-next { | |||
position: absolute; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
font-size: 36px; | |||
color: #ffffff; | |||
background: none; | background: none; | ||
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
padding: 0 12px; | |||
z-index: 2; | |||
} | |||
#commons-lightbox .clb-prev { | |||
left: 10px; | |||
} | |||
#commons-lightbox .clb-next { | |||
right: 10px; | |||
} | |||
/* Hover feedback (desktop only) */ | |||
@media (hover: hover) { | |||
#commons-lightbox .clb-prev:hover, | |||
#commons-lightbox .clb-next:hover, | |||
#commons-lightbox .clb-close:hover { | |||
opacity: 0.75; | |||
} | |||
} | |||
/* Mobile adjustments */ | |||
@media (max-width: 600px) { | |||
#commons-lightbox .clb-prev, | |||
#commons-lightbox .clb-next { | |||
font-size: 28px; | |||
} | |||
} | } | ||