"മീഡിയവിക്കി:Common.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
No edit summary റ്റാഗ്: Manual revert |
No edit summary |
||
| (ഒരേ ഉപയോക്താവ് ചെയ്ത ഇടയ്ക്കുള്ള 6 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല) | |||
| വരി 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; | |||
} | |||
} | } | ||