മീഡിയവിക്കി:Common.css

/* CSS placed here will be applied to all skins
   <source lang="css"> */

/*Total Website Font control*/
html, body {font-size:1.1em !important;}
p {
font-size:1.1em; 
line-height:1.6;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}

/* പ്രധാന താളിലെ “പ്രധാന താൾ“ എന്ന തലക്കെട്ട് ഒഴിവാകാൻ - To remove Main page title */
.page-പ്രധാന_താൾ .firstHeading {
display: none !important;
}

/* പ്രധാന താളിലെ “സ്കൂൾ വിക്കി“ എന്ന തലക്കെട്ട് ഒഴിവാകാൻ
   To remove Main page title */
body.page-പ്രധാനതാൾ h1.firstHeading { display:none; }
body.page-പ്രധാനതാൾ #breadcrumbs2 {display: none !important;}
span.Uniq1234 a { color: #fff !important; font-size:0.9em; font-weight:normal;  }
/*add a nice bar on header*/
.vector-header-container {border-bottom:3px solid #ccc;}
/* wikitable/prettytable class for skinning normal tables */

table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaa solid;
  border-collapse: collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaa solid;
  padding: 0.2em;
}

table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}

table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
}

/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
    display: inline;
    margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
    display: inline;
}
/* Nowrap list items */
.hlist dd,
.hlist dt,
.hlist li {
    white-space: nowrap;
    white-space: normal !ie;  /* IE < 8 no-wraps entire list, so disable it */
}
/* But allow parent list items to be wrapped */
.hlist dd dl,
.hlist dt dl,
.hlist li ol,
.hlist li ul {
    white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ":";
}
.hlist dd:after,
.hlist li:after {
    content: " ·";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}

/* Add parens around nested lists */
.hlist dl dl dd:first-child:before,
.hlist ol ol li:first-child:before,
.hlist ul ul li:first-child:before {
    content: "(";
}
.hlist dl dl dd:last-child:after,
.hlist ol ol li:last-child:after,
.hlist ul ul li:last-child:after {
    content: ")";
    font-weight: normal;
}

/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
.hlist.hnum ol ol li:first-child:before {
    content: "(" counter(level2) " ";
}
.hlist.hnum ol ol li:before {
    content: counter(level2) " ";
}

/* Unbulleted lists */
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
    text-align: center;       /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}

/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li span {
  font-variant: small-caps;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* Infobox template style */

.infobox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox th{font-size:0.8em;font-weight:bold;}
.infobox td,
.infobox th {
   vertical-align: top;
   border-top: solid 1px #ccd2d9;
   text-align: left;
   padding-left:6px;
   font-size:0.9em;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}

@media print {

#stub {display: none;}
#footer-places { display: none} 

    .infobox.sisterproject {
        display: none;
    }
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
   border: 0;
   border-top: 1px solid #aaa;
   border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
   border: 0;
   border-right: 1px solid #aaa;
}


/* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */

.infobox.geography {
   text-align: left;
   border-collapse: collapse;
   line-height: 1.2em; 
   font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
   border-top: solid 1px #aaa;
   padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
   border-top: solid 1px #aaa;
   padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
      border: 0;
      padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
   border-top: 0;
   border-bottom: solid 1px #aaa;
   padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
      border: 0;
      padding: 0;
}

/* Style for "notices" */
.notice {
    margin: 1em;
    padding: 0.2em;
}

#disambig {
    background-color:#f4f4f4;
    font-size:90%;
}

#spoiler {
    border-top: 2px solid #ddd;
    border-bottom:2px solid #ddd;
}

/* [[പ്രത്യേകം:എല്ലാതാളുകളും]] എന്ന താളിൽ തിരിച്ചുവിടൽ താളുകളുകളുടെ പേര് ചെരിച്ചെഴുതി ഐക്കൺ സഹിതം കാണുവാൻ   Makes redirects appear in italics on [[Special:Allpages]] */
.allpagesredirect a { background: url(http://upload.wikimedia.org/wikipedia/ml/5/5c/Allpagesredirect.gif) center left no-repeat; padding-left: 13px; }
.allpagesredirect {background-color:#F0F0F0;font-style: italic;font-size: 90%}


/* സേവ് കടുപ്പത്തിൽ കാണിക്കുവാൻ */
#wpSave {
  font-weight: bold;
}

/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.hiddenStructure {
   display: inline ! important;
   color: #f00; 
   background-color: #0f0;
}

/* Removes underlines from links */
.nounderlines a { 
  text-decoration: none;
}

/* Remove underline from IPA links */
.IPA a:link, .IPA a:visited {
  text-decoration: none;
}

/* Removes useless links from printout */
@media print {
    #privacy, #about, #disclaimer {display:none;}
}

#EnWpMpBook { background-image: url(http://upload.wikimedia.org/wikipedia/en/7/7e/MP-open-book.png); }
#EnWpMpSearch { background: url(http://upload.wikimedia.org/wikipedia/en/a/ae/MP-magnifying-glass.png) no-repeat top right; }
#EnWpMpSearchInner { float: right; width: 20em; text-align: center; }
#EnWpMpBook2 { background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/8e/MP-open-book2.png); }

.messagebox.small-talk {
  width: 238px;
  font-size: 85%;
  float: right;
  clear: both;
  margin: 0 0 1em 1em;
  line-height: 1.25em; 
  background: #F8EABA;
}

/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */

div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 4px;
        border: 1px solid #aaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #fff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        background-color: #ccccff;
        position:relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
a.NavToggle {
        position:absolute;
        top:0px;
        right:3px;
        font-weight:normal;
        font-size:smaller;
}

/* Coloured watchlist numbers */
.mw-plusminus-pos {
  color:darkgreen;
}

/* .mw-plusminus-null currently at developer default */

.mw-plusminus-neg {
  color:darkred;
}

/* Prevents line breaks in links */
.nowraplinks a {
    white-space: nowrap;
}


/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa; 
    background-color: #ecfcf4; 
    padding: 5px;
}


/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #a2a9b1;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    /* @noflip */
    float: left;
}
div.NavFrame div.NavHead {
    line-height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    /* @noflip */
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}


/* Messagebox templates */

.messagebox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   width: 80%;
   margin: 0 auto 1em auto;
   padding: .2em;
}
.messagebox.merge {
   border: 1px solid #c0b8cc;
   background-color: #f0e5ff;
   text-align: center;
}
.messagebox.cleanup {
   border: 1px solid #9f9fff;
   background-color: #efefff;
   text-align: center;
}
.messagebox.standard-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
}
.messagebox.nested-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
   width: 100%;
   margin: 2px 4px 2px 4px;
}

div.firstBoxes {font-size:1.6em;margin:0.5em 0;text-align:center;font-weight:bold;width:25%;float:left;min-height:200px;}
div.firstBoxes a {font-size:0.7em; line-height:0.8;}
#firstHeading {font-weight:700; font-size:2em;padding:22px 12px !important;}
#wikiEditor-0-dialog-summary {width:400px !important;}
#wpTextbox1 {font-size:1.2em;}
#t-upload{display:none !important;}

/* For showing the location on top of the page */
.location {
    position: absolute;
    top: -50px;
    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;
  }
}

/* =========================================================
   MOBILE OPTIMIZATION LAYER
   ========================================================= */

/* Improve base readability on small screens */
@media (max-width: 768px) {

  html, body {
    font-size: 1em !important;
  }

  p {
    font-size: 1em;
    line-height: 1.7;
  }

  #firstHeading {
    font-size: 1.5em !important;
    padding: 12px !important;
  }

  /* Disable problematic floats */
  .infobox,
  .messagebox.small-talk,
  .location {
    float: none !important;
    margin: 0.5em auto !important;
    width: 100% !important;
    position: static !important;
  }

  /* Navigation boxes */
  .navbox,
  .navbox-inner,
  .navbox-subgroup {
    font-size: 95%;
  }

  /* Tables: prevent overflow */
  table.wikitable,
  table.prettytable,
  table.infobox {
    display: block;
    overflow-x: auto;
    width: 100% !important;
  }

  /* Remove fixed widths */
  .messagebox {
    width: 100% !important;
  }

  /* Hide non-essential elements on mobile */
  #t-upload {
    display: none !important;
  }
}

/* =========================================================
   WIKIMEDIA COMMONS GALLERY (RESPONSIVE)
   ========================================================= */

.commons-gallery {
  width: 100%;
  margin: 1em 0;
}

.commons-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 8px;
}

.commons-gallery-item {
  margin: 0;
}

.commons-gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.commons-gallery-item figcaption {
  font-size: 0.75em;
  line-height: 1.3;
  text-align: center;
  padding-top: 4px;
}

/* Extra tightening for very small screens */
@media (max-width: 480px) {

  .commons-gallery-grid {
    gap: 6px;
  }

  .commons-gallery-item figcaption {
    font-size: 0.7em;
  }

  div.firstBoxes {
    width: 100% !important;
    float: none !important;
    min-height: auto;
  }
}

/* =========================================================
   Commons Gallery Lightbox (FULL, ENHANCED)
   ========================================================= */

#commons-lightbox {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;

  /* Enhancements */
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

#commons-lightbox.active {
  display: block;
}

/* Backdrop */
#commons-lightbox .clb-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
}

/* Content container */
#commons-lightbox .clb-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1em;
}

/* Image */
#commons-lightbox .clb-image {
  max-width: 95vw;
  max-height: 80vh;
  object-fit: contain;
  display: block;
}

/* Caption */
#commons-lightbox .clb-caption {
  color: #ffffff;
  font-size: 0.85em;
  text-align: center;
  margin-top: 0.5em;
  line-height: 1.4;
  max-width: 90vw;
}

/* Close button */
#commons-lightbox .clb-close {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 28px;
  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;
  border: none;
  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;
  }
}

@media (max-width: 480px) {
  #commons-lightbox .clb-caption {
    font-size: 0.8em;
  }
}