"മീഡിയവിക്കി:Common.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
No edit summary |
No edit summary |
||
| (ഒരേ ഉപയോക്താവ് ചെയ്ത ഇടയ്ക്കുള്ള 3 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല) | |||
| വരി 616: | വരി 616: | ||
} | } | ||
/* ===== SchoolWiki Sitenotice Section ===== */ | /* ===== SchoolWiki Sitenotice Section ===== */ | ||
/* ===== | /* ===================================================== | ||
SchoolWiki – Sitenotice Layout (Desktop + Mobile) | |||
===================================================== */ | |||
/* Outer full-width sitenotice container */ | |||
.sw-sitenotice-outer { | .sw-sitenotice-outer { | ||
background: # | background: #ffffff; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #dcdcdc; | ||
} | } | ||
/* | /* Centered grid container */ | ||
.sw-sitenotice-grid { | .sw-sitenotice-grid { | ||
max-width: 1100px; | max-width: 1100px; | ||
| വരി 629: | വരി 633: | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr | grid-template-columns: 4fr 1fr; /* LEFT 80% | RIGHT 20% */ | ||
gap: | gap: 16px; | ||
align-items: start; | align-items: start; | ||
} | } | ||
/* ===== LEFT | /* ===================================================== | ||
LEFT: Main Notice Card | |||
===================================================== */ | |||
.sw-main-card { | .sw-main-card { | ||
display: flex; | display: flex; | ||
gap: | gap: 14px; | ||
padding: | padding: 14px; | ||
border: 2px solid #ff3396; | border: 2px solid #ff3396; | ||
border-radius: | border-radius: 12px; | ||
background: #ffffff; | |||
} | |||
.sw-main-image img { | |||
max-width: 64px; | |||
height: auto; | |||
} | |||
.sw-main-content { | |||
flex: 1; | |||
} | } | ||
| വരി 647: | വരി 664: | ||
font-weight: 700; | font-weight: 700; | ||
margin-bottom: 6px; | margin-bottom: 6px; | ||
line-height: 1.3; | |||
border-bottom:2px solid #aaa; | |||
} | } | ||
| വരി 654: | വരി 673: | ||
} | } | ||
/* ===== RIGHT | /* ===================================================== | ||
RIGHT: Help / Login Panel | |||
===================================================== */ | |||
.sw-login-box { | .sw-login-box { | ||
background: #fffbd6; | background: #fffbd6; | ||
border: 1px solid #e6e0a3; | border: 1px solid #e6e0a3; | ||
padding: | padding: 10px 14px; | ||
border-radius: | border-radius: 12px; | ||
font-size: 85%; | font-size: 85%; | ||
} | |||
.sw-login-box div { | |||
margin: 6px 0; | |||
} | } | ||
| വരി 667: | വരി 692: | ||
text-decoration: none; | text-decoration: none; | ||
color: #0645ad; | color: #0645ad; | ||
display: inline-block; | |||
} | } | ||
.sw-login-box a:hover { | .sw-login-box a:hover { | ||
text-decoration: underline; | |||
} | } | ||
/* ===== | /* ===================================================== | ||
Mobile / Small Screen Behavior | |||
===================================================== */ | |||
@media (max-width: 720px) { | @media (max-width: 720px) { | ||
/* Stack layout */ | |||
.sw-sitenotice-grid { | .sw-sitenotice-grid { | ||
grid-template-columns: 1fr; | 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; | |||
} | } | ||
| വരി 686: | വരി 726: | ||
} | } | ||
.sw- | .sw-login-box div { | ||
margin: 4px 0; | |||
} | } | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||