"മീഡിയവിക്കി:Common.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം

← മുൻപത്തെ വ്യത്യാസം അടുത്ത വ്യത്യാസം →

@@ വരി 615: / വരി 615: @@
      right: 10px;
 }
+/* ===== SchoolWiki Sitenotice Section ===== */
-/* SchoolWiki Sitenotice Section */
+/* ===== OUTER FULL-WIDTH BAR ===== */
-/* Outer full-width sitenotice */
 .sw-sitenotice-outer {
    background: #fff;
@@ വരി 624: / വരി 622: @@
 }
-/* Centered content container */
+/* ===== CENTERED RESPONSIVE GRID ===== */
-.sw-sitenotice-inner {
+.sw-sitenotice-grid {
    max-width: 1100px;
    margin: 0 auto;
-   padding: 8px 12px;
+   padding: 10px 12px;
-}
-/* ===== Login bar ===== */
+   display: grid;
-.sw-login-bar {
+   grid-template-columns: 1fr auto;
-   display: flex;
+   gap: 12px;
-   justify-content: center;
+   align-items: start;
-  align-items: center;
-   gap: 10px;
-   flex-wrap: wrap;
-  background: #fffbd6;
-  border: 1px solid #e6e0a3;
-  padding: 6px 10px;
-  border-radius: 6px;
-  font-size: 90%;
-  margin-bottom: 8px;
 }
-.sw-login-link {
+/* ===== LEFT MAIN NOTICE ===== */
-  text-decoration: none;
+.sw-main-card {
-  color: #0645ad;
-  padding: 3px 8px;
-  border-radius: 14px;
-  white-space: nowrap;
-}
-.sw-login-link:hover {
-  background: rgba(0,0,0,0.05);
-}
-/* ===== Campaign card ===== */
-.sw-notice-card {
    display: flex;
-  align-items: center;
    gap: 12px;
+  padding: 12px;
    border: 2px solid #ff3396;
    border-radius: 10px;
-  padding: 10px;
 }
-.sw-notice-title {
+.sw-main-title {
    font-size: 120%;
    font-weight: 700;
@@ വരി 674: / വരി 649: @@
 }
-.sw-notice-links {
+.sw-main-links {
    font-size: 90%;
    line-height: 1.6;
 }
-/* ===== Mobile adjustments ===== */
+/* ===== RIGHT LOGIN BAR ===== */
+.sw-login-box {
+  background: #fffbd6;
+  border: 1px solid #e6e0a3;
+  padding: 6px 10px;
+  border-radius: 8px;
+  font-size: 85%;
+  white-space: nowrap;
+}
+.sw-login-box a {
+  text-decoration: none;
+  color: #0645ad;
+  padding: 2px 4px;
+}
+.sw-login-box a:hover {
+  background: rgba(0,0,0,0.05);
+  border-radius: 6px;
+}
+/* ===== MOBILE BEHAVIOR ===== */
 @media (max-width: 720px) {
-   .sw-notice-card {
+   .sw-sitenotice-grid {
-     flex-direction: column;
+     grid-template-columns: 1fr;
-    text-align: center;
    }
-   .sw-login-bar {
+   .sw-login-box {
-     font-size: 85%;
+     text-align: center;
-     gap: 6px;
+     font-size: 80%;
    }
-   .sw-login-link {
+   .sw-main-card {
-     padding: 3px 6px;
+     flex-direction: column;
+    text-align: center;
    }
 }