"മീഡിയവിക്കി:Common.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
Ranjithsiji (സംവാദം) ചെയ്ത നാൾപ്പതിപ്പ് 2928499 നീക്കം ചെയ്യുന്നു റ്റാഗുകൾ: തിരസ്ക്കരിക്കൽ Reverted |
No edit summary |
||
| (ഒരേ ഉപയോക്താവ് ചെയ്ത ഇടയ്ക്കുള്ള 7 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല) | |||
| വരി 614: | വരി 614: | ||
top: -50px; | top: -50px; | ||
right: 10px; | right: 10px; | ||
} | |||
/* ===== SchoolWiki Sitenotice Section ===== */ | |||
/* ===================================================== | |||
SchoolWiki – Sitenotice Layout (Desktop + Mobile) | |||
===================================================== */ | |||
/* Outer full-width sitenotice container */ | |||
.sw-sitenotice-outer { | |||
background: #ffffff; | |||
border-bottom: 1px solid #dcdcdc; | |||
} | |||
/* Centered grid container */ | |||
.sw-sitenotice-grid { | |||
max-width: 1100px; | |||
margin: 0 auto; | |||
padding: 10px 12px; | |||
display: grid; | |||
grid-template-columns: 4fr 1fr; /* LEFT 80% | RIGHT 20% */ | |||
gap: 16px; | |||
align-items: start; | |||
} | |||
/* ===================================================== | |||
LEFT: Main Notice Card | |||
===================================================== */ | |||
.sw-main-card { | |||
display: flex; | |||
gap: 14px; | |||
padding: 14px; | |||
border: 2px solid #ff3396; | |||
border-radius: 12px; | |||
background: #ffffff; | |||
} | |||
.sw-main-image img { | |||
max-width: 64px; | |||
height: auto; | |||
} | |||
.sw-main-content { | |||
flex: 1; | |||
} | |||
.sw-main-title { | |||
font-size: 120%; | |||
font-weight: 700; | |||
margin-bottom: 6px; | |||
line-height: 1.3; | |||
border-bottom:2px solid #aaa; | |||
} | |||
.sw-main-links { | |||
font-size: 90%; | |||
line-height: 1.6; | |||
} | |||
/* ===================================================== | |||
RIGHT: Help / Login Panel | |||
===================================================== */ | |||
.sw-login-box { | |||
background: #fffbd6; | |||
border: 1px solid #e6e0a3; | |||
padding: 10px 14px; | |||
border-radius: 12px; | |||
font-size: 85%; | |||
} | |||
.sw-login-box div { | |||
margin: 6px 0; | |||
} | |||
.sw-login-box a { | |||
text-decoration: none; | |||
color: #0645ad; | |||
display: inline-block; | |||
} | |||
.sw-login-box a:hover { | |||
text-decoration: underline; | |||
} | |||
/* ===================================================== | |||
Mobile / Small Screen Behavior | |||
===================================================== */ | |||
@media (max-width: 720px) { | |||
/* Stack layout */ | |||
.sw-sitenotice-grid { | |||
grid-template-columns: 1fr; | |||
} | |||
/* Center everything on mobile */ | |||
.sw-main-card { | |||
flex-direction: column; | |||
text-align: center; | |||
align-items: center; | |||
} | |||
.sw-main-image img { | |||
max-width: 56px; | |||
} | |||
.sw-login-box { | |||
text-align: center; | |||
font-size: 80%; | |||
} | |||
.sw-login-box div { | |||
margin: 4px 0; | |||
} | |||
} | } | ||
| വരി 726: | വരി 841: | ||
/* ========================================================= | /* ========================================================= | ||
Commons Gallery Lightbox | Commons Gallery Lightbox (FULL, ENHANCED) | ||
========================================================= */ | ========================================================= */ | ||
| വരി 734: | വരി 849: | ||
display: none; | display: none; | ||
z-index: 9999; | z-index: 9999; | ||
/* Enhancements */ | |||
user-select: none; | |||
-webkit-user-select: none; | |||
-ms-user-select: none; | |||
} | } | ||
| വരി 740: | വരി 860: | ||
} | } | ||
/* Backdrop */ | |||
#commons-lightbox .clb-backdrop { | #commons-lightbox .clb-backdrop { | ||
position: absolute; | position: absolute; | ||
| വരി 746: | വരി 867: | ||
} | } | ||
/* Content container */ | |||
#commons-lightbox .clb-content { | #commons-lightbox .clb-content { | ||
position: absolute; | position: absolute; | ||
| വരി 756: | വരി 878: | ||
} | } | ||
/* 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: | വരി 902: | ||
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; | |||
} | |||
} | } | ||