Schoolwiki

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

← മുൻപത്തെ വ്യത്യാസം
Sadik Khalid (സംവാദം | സംഭാവനകൾ)
34 തിരുത്തുകൾ
(ചെ.) Admin (സന്ദേശങ്ങള്‍) നടത്തിയ തിരുത്തലുകള്‍ നീക്കം ചെയ്തിരിക്കുന്നു; നിലവിലുള്
Optimize the css
 
(6 ഉപയോക്താക്കൾ ചെയ്ത ഇടയ്ക്കുള്ള 70 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല)
വരി 1: വരി 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* <source lang="css"> */


/* പ്രധാന താളിലെ “സ്കൂള്‍ വിക്കി“ എന്ന തലക്കെട്ട് ഒഴിവാകാന്‍ - To remove Main page title */
/* ─────────────────────────────────────────────
body.page-സ്കൂള്‍_വിക്കി h1.firstHeading { display:none; }
  BASE TYPOGRAPHY
  ───────────────────────────────────────────── */


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


/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
p {
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
  font-size: 1.1em;
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
  line-height: 1.6;
/* Please ignore any validator errors caused by these two lines */
  -webkit-hyphens: auto;
.references-2column {
  hyphens: auto;
   font-size: 90%;
}
   -moz-column-count:2;
 
  column-count:2;
img {
   max-width: 100%;
   height: auto;
}
}


.same-bg { background: none }
/* ─────────────────────────────────────────────
  HIDE MAIN PAGE TITLE
  ───────────────────────────────────────────── */
 
.page-പ്രധാന_താൾ .firstHeading { display: none !important; }
body.page-പ്രധാനതാൾ h1.firstHeading { display: none; }
body.page-പ്രധാനതാൾ #breadcrumbs2 { display: none !important; }


/* Highlight clicked reference in blue to help navigation */
span.Uniq1234 a { color: #fff !important; font-size: 0.9em; font-weight: normal; }


ol.references > li:target {
/* ─────────────────────────────────────────────
background-color: #DEF;
  SITE HEADER
}
  ───────────────────────────────────────────── */


sup.reference:target {  
.vector-header-container { border-bottom: 3px solid #ccc; }
  background-color: #DEF;
}


/* wikitable/prettytable class for skinning normal tables */
/* ─────────────────────────────────────────────
  TABLES — wikitable / prettytable
  ───────────────────────────────────────────── */


table.wikitable,
table.wikitable,
വരി 36: വരി 45:
   border: 1px #aaa solid;
   border: 1px #aaa solid;
   border-collapse: collapse;
   border-collapse: collapse;
  max-width: 100%;
}
}


വരി 57: വരി 67:
}
}


/* default skin for navigation boxes */
/* ─────────────────────────────────────────────
table.navbox {            /* navbox container style */
  HORIZONTAL LISTS (hlist)
  border:1px solid #aaa;
  ───────────────────────────────────────────── */
  width:100%;
  margin:auto;
  clear:both;
  font-size:88%;
  text-align:center;
  padding:1px;
}
table.navbox + table.navbox {
  margin-top:-1px;        /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
  text-align:center;      /* title and above/below styles */
  padding-left:1em;
  padding-right:1em;
}
.navbox-group {          /* group style */
  white-space:nowrap;
  text-align:right;
  font-weight:bold;
  padding-left:1em;
  padding-right:1em;
}
.navbox, .navbox-subgroup {
  background:#fdfdfd;    /* Background color */
}
.navbox-list {
  border-color:#fdfdfd;  /* Must match background color */
}
.navbox-title, table.navbox th {
  background:#ccccff;    /* Level 1 color */
}
.navbox-abovebelow, .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 */
}
 
.collapseButton {        /* 'show'/'hide' buttons created dynamically by the        */
    float: right;        /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
    font-weight: normal;  /* are styled here so they can be customised.              */
    text-align: right;
    width: auto;
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances the vde links from */
    width: 6em;          /* [[Template:Tnavbar]], so they need to be the same width.      */
}


/* Infobox template style */
.hlist dl, .hlist ol, .hlist ul { margin: 0; }


.infobox {
.hlist dd, .hlist dt, .hlist li {
  border: 1px solid #aaa;
  display: inline;
  background-color: #f9f9f9;
  margin: 0;
  color: black;
  white-space: nowrap;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;
}
.infobox td,
.infobox th {
  vertical-align: top;
}
.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 {
.hlist dl dl, .hlist ol ol, .hlist ul ul { display: inline; }
  width: 20em;
  font-size: 90%;
}


@media print {
.hlist dd dl, .hlist dt dl, .hlist li ol, .hlist li ul { white-space: normal; }
    .infobox.sisterproject {
        display: none;
    }
}


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


.infobox.bordered .mergedrow td,
.hlist dd::after,
.infobox.bordered .mergedrow th {
.hlist li::after { content: " ·"; font-weight: bold; }
  border: 0;
  border-right: 1px solid #aaa;
}


.hlist dd:last-child::after,
.hlist dt:last-child::after,
.hlist li:last-child::after { content: none; }


/* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */
.hlist dl dl dd:first-child::before,
.hlist ol ol li:first-child::before,
.hlist ul ul li:first-child::before { content: "("; }


.infobox.geography {
.hlist dl dl dd:last-child::after,
  text-align: left;
.hlist ol ol li:last-child::after,
  border-collapse: collapse;
.hlist ul ul li:last-child::after { content: ")"; font-weight: normal; }
  line-height: 1.2em;  
  font-size: 90%;
}


.infobox.geography  td,
.hlist.hnum ol li { counter-increment: level1; }
.infobox.geography  th {
.hlist.hnum ol li::before { content: counter(level1) " "; }
  border-top: solid 1px #aaa;
.hlist.hnum ol ol li { counter-increment: level2; }
  padding: 0.4em 0.6em 0.4em 0.6em;
.hlist.hnum ol ol li:first-child::before { content: "(" counter(level2) " "; }
}
.hlist.hnum ol ol li::before { content: counter(level2) " "; }
.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 {
  UNBULLETED LISTS
      border: 0;
  ───────────────────────────────────────────── */
      padding: 0 0.6em 0.2em 0.6em;
}


.infobox.geography .mergedbottomrow td,
.plainlist ul { line-height: inherit; list-style: none; margin: 0; }
.infobox.geography .mergedbottomrow th {
.plainlist ul li { margin-bottom: 0; }
  border-top: 0;
  border-bottom: solid 1px #aaa;
  padding: 0 0.6em 0.4em 0.6em;
}


.infobox.geography .maptable td,
/* ─────────────────────────────────────────────
.infobox.geography .maptable th {
  NAVBOX
      border: 0;
  ───────────────────────────────────────────── */
      padding: 0;
}


/* Style for "notices" */
.navbox {
.notice {
  border: 1px solid #aaa;
    margin: 1em;
  width: 100%;
    padding: 0.2em;
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
}


#disambig {
.navbox-inner,
    border-top: 1px solid #ccc;
.navbox-subgroup { width: 100%; }
    border-bottom: 1px solid #ccc;
}


#spoiler {
.navbox th,
    border-top: 2px solid #ddd;
.navbox-title,
    border-bottom:2px solid #ddd;
.navbox-abovebelow {
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
}
}


/* Standard talk template style */
th.navbox-group {
 
  white-space: nowrap;
.Talk-Notice  {
  text-align: right; /* @noflip */
    border: 1px solid #C0C090;
    background-color: #F8EABA;
    margin-bottom: 3px;
    width: 85%;
    border-spacing: 3px;
    margin-left: auto;
    margin-right: auto;
}
}


.Talk-Notice:after {
.navbox, .navbox-subgroup { background: #fdfdfd; }
  content: "The CSS for this template should be changed. See [[Wikipedia:Template Standardisation]].";
.navbox-list { border-color: #fdfdfd; }
}
.navbox th, .navbox-title { background: #ccccff; }


/* Make template background appear correctly on all browsers */
.navbox-abovebelow,
.Talk-Notice td {
th.navbox-group,
    background: inherit;
.navbox-subgroup .navbox-title { background: #ddddff; }
}


/* Persondata */
.navbox-subgroup .navbox-group,
table.persondata {
.navbox-subgroup .navbox-abovebelow { background: #e6e6ff; }
    border: 1px solid #aaa;
    display: none;
    speak: none;
}
.persondata-label {
    color: #aaa;
}


/* Makes redirects appear in italics on [[Special:Allpages]] */
.navbox-even { background: #f7f7f7; }
.allpagesredirect a { background: url(http://upload.wikimedia.org/wikipedia/ml/5/5c/Allpagesredirect.gif) center left no-repeat; padding-left: 13px; }
.navbox-odd { background: transparent; }
.allpagesredirect {background-color:#F0F0F0;font-style: italic;font-size: 90%}


/* Choose whether to have AD/BC dates or CE/BCE dates*/
table.navbox + table.navbox { margin-top: -1px; }


/* First, the default : display both : See templates ADCE and BCEBC for how these are used*/
.navbox .hlist td dl,
.Use_Default_Date_Convention { display: inline; }
.navbox .hlist td ol,
.Use_AD_and_BC { display: none; }
.navbox .hlist td ul,
.Use_BCE_and_CE { display: none; }
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul { padding: 0.125em 0; }


/* If you want to display AD and BC add the following to User:You/monobook.css page */
ol + table.navbox,
/*
ul + table.navbox { margin-top: 0.5em; }
.Use_Default_Date_Convention { display: none; }
.Use_AD_and_BC { display:inline; }
.Use_BCE_and_CE { display:none; }
*/


/*If you want to display CE and BCE add the following to User:You/monobook.css page */
/* ─────────────────────────────────────────────
/*
  NAVBAR
.Use_Default_Date_Convention { display: none; }
  ───────────────────────────────────────────── */
.Use_AD_and_BC { display:none; }
.Use_BCE_and_CE {display:inline; }
*/


/* Class for links with loudspeaker icon next to them */
.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; }
.navbox .navbar { display: block; font-size: 100%; }


.audiolink a{
.navbox-title .navbar {
    background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat !important;
  float: left; /* @noflip */
    padding-left: 16px !important;
  text-align: left; /* @noflip */
    padding-right: 0 !important;
  margin-right: 0.5em; /* @noflip */
  width: 6em;
}
}


/* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */
/* ─────────────────────────────────────────────
 
  COLLAPSIBLE BUTTONS
div.listenlist {
  ───────────────────────────────────────────── */
    background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
    padding-left: 40px;
}


div.videolist, div.multivideolist {
.collapseButton {
    background: url("http://upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png");
  float: right; /* @noflip */
    padding-left: 50px;
  font-weight: normal;
  margin-left: 0.5em; /* @noflip */
  text-align: right; /* @noflip */
  width: auto;
}
}


/* Style rules for media list templates */
.navbox .collapseButton { width: 6em; }


div.medialist {
.mw-collapsible-toggle {
    min-height: 50px;
  font-weight: normal;
    margin: 1em;
  text-align: right; /* @noflip */
    background-position: top left;
    background-repeat: no-repeat;
}
}


div.medialist ul {
.navbox .mw-collapsible-toggle { width: 6em; }
    list-style-type: none;
    list-style-image: none;
    margin: 0;
}


div.medialist ul li {
/* ─────────────────────────────────────────────
    padding-bottom: 0.5em;
  INFOBOX
}
  ───────────────────────────────────────────── */


div.medialist ul li li {
.infobox {
    font-size: 91%;
  border: 1px solid #aaa;
    padding-bottom: 0;
  background-color: #f9f9f9;
  color: black;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;
  max-width: 25em;
}
}


/* Change the external link icon to an Adobe icon for all PDF files */
.infobox th { font-size: 0.8em; font-weight: bold; }
/* (in browsers that support these CSS selectors, like Mozilla and Opera) */
#bodyContent a[href$=".pdf"].external,
#bodyContent a[href*=".pdf?"].external,
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external,
#bodyContent a[href*=".PDF?"].external,
#bodyContent a[href*=".PDF#"].external {
    background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat;
    padding-right: 16px;
}


/* Change the external link icon to an Adobe icon anywhere the PDFlink class */
.infobox td,
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
.infobox th {
span.PDFlink a {
  vertical-align: top;
    background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
  border-top: solid 1px #ccd2d9;
    padding-right: 17px !important;
  text-align: left;
  padding-left: 6px;
  font-size: 0.9em;
}
}


span.geolink a {
.infobox caption { font-size: larger; margin-left: inherit; }
    background: url(http://upload.wikimedia.org/wikipedia/en/a/a7/Monobook-globe.png) center right no-repeat !important;
.infobox.bordered { border-collapse: collapse; }
    padding-right: 11px !important;
.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%; }


/* Content in columns with CSS instead of tables [[Template:Columns]] */
.infobox.bordered .mergedtoprow td,
div.columns-2 div.column {
.infobox.bordered .mergedtoprow th {
    float: left;
  border: 0;
    width: 50%;
  border-top: 1px solid #aaa;
    min-width: 300px;
  border-right: 1px solid #aaa;
}
}


div.columns-3 div.column {
.infobox.bordered .mergedrow td,
    float: left;
.infobox.bordered .mergedrow th {
    width: 33.3%;
  border: 0;
    min-width: 200px;
  border-right: 1px solid #aaa;
}
}


div.columns-4 div.column {
.infobox.geography {
    float: left;
  text-align: left;
    width: 25%;
  border-collapse: collapse;
    min-width: 150px;
  line-height: 1.2em;
}
  font-size: 90%;
 
div.columns-5 div.column {
    float: left;
    width: 20%;
    min-width: 120px;
}
}


/*Add formatting to make sure that "external references" from [[Template:Ref]] do
.infobox.geography td,
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was
.infobox.geography th { border-top: solid 1px #aaa; padding: 0.4em 0.6em; }
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class
  "urlexpansion", which was not displayed on screen, but was shown when the medium was
  "print". The rules below ensure (a) that there is no extra padding to the right of
  the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for
  the link, and (c) that this SPAN of class "urlexpansion" is never shown.
  [[ഉപയോക്താവ്:Shijualex|Shijualex]] 14:52, 27 ഒക്ടോബര്‍ 2009 (UTC)
*/


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


.plainlinksneverexpand .urlexpansion {
.infobox.geography .mergedrow td,
  display: none ! important;
.infobox.geography .mergedrow th { border: 0; padding: 0 0.6em 0.2em; }
}


/* Make sure that ext links displayed within "plainlinksneverexpand" don't get
.infobox.geography .mergedbottomrow td,
  the arrow...
.infobox.geography .mergedbottomrow th {
*/
  border-top: 0;
.plainlinksneverexpand a {
  border-bottom: solid 1px #aaa;
  background: none !important;
  padding: 0 0.6em 0.4em;
  padding: 0 !important;
}
}


/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
.infobox.geography .maptable td,
  following the anchor A, the anchor itself now has class "external autonumber" and the
.infobox.geography .maptable th { border: 0; padding: 0; }
  expansion is inserted when printing (see the common printing style sheet at
  http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
  element of CSS. We have to switch this off for links due to Template:Ref!
  [[ഉപയോക്താവ്:Shijualex|Shijualex]] 14:52, 27 ഒക്ടോബര്‍ 2009 (UTC)
*/
.plainlinksneverexpand a.external.text:after {
  display: none !important;
}
.plainlinksneverexpand a.external.autonumber:after {
  display: none !important;
}


/* Messagebox templates */
/* ─────────────────────────────────────────────
  NOTICES
  ───────────────────────────────────────────── */


.messagebox {
.notice { margin: 1em; padding: 0.2em; }
  border: 1px solid #aaa;
#disambig { background-color: #f4f4f4; font-size: 90%; }
  background-color: #f9f9f9;
#spoiler { border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }
  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;
}
 
/* Put a checker background at the image description page only visible if the image has transparent background */


#file img {background: url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}
/* ─────────────────────────────────────────────
  REDIRECT STYLING (Special:Allpages)
  ───────────────────────────────────────────── */


/* Support for Template:IPA, Template:Unicode and Template:Polytonic. The inherit declaration resets the font for all browsers except MSIE6.  The empty comment must remain. Please copy any changes to [[Template:IPA fonts]] and [[Template:Unicode fonts]]. */
.allpagesredirect a {
.IPA {
  background: url(http://upload.wikimedia.org/wikipedia/ml/5/5c/Allpagesredirect.gif) center left no-repeat;
        font-family: "Chrysanthi Unicode", "Doulos SIL", Gentium, GentiumAlt, Code2000, "TITUS Cyberbit Basic", "DejaVu Sans", "Bitstream Cyberbit", "Arial Unicode MS", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "Matrix Unicode";
  padding-left: 13px;
        font-family /**/:inherit;
}
.Unicode {
        font-family: Code2000, "TITUS Cyberbit Basic", "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, "Lucida Grande", "Arial Unicode MS", "Microsoft Sans Serif", "Lucida Sans Unicode";
        font-family /**/:inherit;
}
.latinx {
        font-family: Code2000, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
        font-family /**/:inherit;
}
.polytonic {
        font-family: Athena, Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000;  
        font-family /**/:inherit;
}
.mufi {
        font-family: Alphabetum, Cardo, LeedsUni, Junicode, "TITUS Cyberbit Basic", ALPHA-Demo;
}
}
.allpagesredirect { background-color: #f0f0f0; font-style: italic; font-size: 90%; }


#wpSave {
/* ─────────────────────────────────────────────
  font-weight: bold;
  EDITOR
}
  ───────────────────────────────────────────── */


/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
#wpSave { font-weight: bold; }
.hiddenStructure {
#wikiEditor-0-dialog-summary { max-width: 400px; width: 100%; }
  display: inline ! important;
#wpTextbox1 { font-size: 1.2em; }
  color: #f00;  
#t-upload { display: none !important; }
  background-color: #0f0;
}


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


/* Remove underline from IPA links */
.hiddenStructure { display: inline !important; color: #f00; background-color: #0f0; }
.IPA a:link, .IPA a:visited {
.nounderlines a { text-decoration: none; }
  text-decoration: none;
.IPA a:link, .IPA a:visited { text-decoration: none; }
}
.nowraplinks a { white-space: nowrap; }


/* Removes useless links from printout */
.template-documentation {
@media print {
  clear: both;
    #privacy, #about, #disclaimer {display:none;}
  margin: 1em 0 0;
  border: 1px solid #aaa;
  background-color: #ecfcf4;
  padding: 5px;
}
}


#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; }
  NAVFRAME
#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 {
div.NavFrame {
   width: 238px;
   margin: 0;
   font-size: 85%;
   padding: 4px;
   float: right;
   border: 1px solid #a2a9b1;
   clear: both;
   text-align: center;
   margin: 0 0 1em 1em;
   border-collapse: collapse;
   line-height: 1.25em;
   font-size: 95%;
  background: #F8EABA;
}
}


/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame + div.NavFrame { border-top: none; }


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 {
div.NavPic {
        background-color: #fff;
  background-color: #fff;
        margin: 0px;
  margin: 0;
        padding: 2px;
  padding: 2px;
        float: left;
  float: left; /* @noflip */
}
}
div.NavFrame div.NavHead {
div.NavFrame div.NavHead {
        height: 1.6em;
  line-height: 1.6em;
        font-weight: bold;
  font-weight: bold;
        background-color: #ccccff;
  background-color: #ccf;
        position:relative;
  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 */
div.NavFrame p,
.mw-plusminus-pos {
div.NavFrame div.NavContent,
  color:darkgreen;
div.NavFrame div.NavContent p { font-size: 100%; }
}


/* .mw-plusminus-null currently at developer default */
div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; }


.mw-plusminus-neg {
a.NavToggle {
   color:darkred;
  position: absolute;
  top: 0;
  right: 3px; /* @noflip */
  font-weight: normal;
   font-size: 90%;
}
}


.dablink {
/* ─────────────────────────────────────────────
   font-style:italic;
  MESSAGEBOX
   padding-left:2em;
  ───────────────────────────────────────────── */
 
.messagebox {
   border: 1px solid #aaa;
  background-color: #f9f9f9;
  width: 80%;
  margin: 0 auto 1em;
   padding: 0.2em;
}
}


/*</nowiki></pre>*/
.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 {
== InterProject ==
  border: 1px solid #c0c090;
<pre> */
  background-color: #f8eaba;
  width: 100%;
  margin: 2px 4px;
}


.interProject {
.messagebox.small-talk {
  display:none;  
  width: 238px;
  clear: both;  
  font-size: 85%;
  border-top: 2px dotted #AAAAAA;  
  float: right;
  margin-top: 2em;
  clear: both;
  margin: 0 0 1em 1em;
  line-height: 1.25em;
  background: #f8eaba;
}
}


/* </pre> */
/* ─────────────────────────────────────────────
  MAIN PAGE BOXES
  ───────────────────────────────────────────── */


 
div.firstBoxes {
/*HERE STARTS "METABOX" COLOUR-SCHEMES*/
   font-size: 1.6em;
 
   margin: 0.5em 0;
/* Nou esquema de colors per a la Plantilla:Metacaixa usada a la portada */
   text-align: center;
 
/* Configuració per defecte en lila
  Tons usats; 1; 7050a0 2; 9070c0 3; b090e0 4; d0b0ff 5; f0d0ff */
 
.mcBoto {
  background-color: #d0b0ff; /* 4 */
  border: 0.15em solid #000000;
  border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff;  /* 5 3 3 5 */
  border-radius-topleft: .5em;
  border-radius-topright: .5em;
  -moz-border-radius: .5em .5em 0em 0em;
  cursor:pointer;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  position: relative;}
 
.mcBoto a,
.mcBoto strong {
  background: none !important;
  color:#7050a0 !important;  /* 1 */
   font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}
 
.mcBoto a:hover,
.mcBoto strong:hover {
  color: black !important;
  text-decoration: underline !important;}
 
.mcBotoSel {
  background-color: #9070c0; /* 2 */
  border: 0.15em solid #000000;
  border-color: #b090e0 #7050a0 #9070c0 #b090e0;  /* 3 1 2 3 */
  border-radius-topleft: .5em;
  border-radius-topright: .5em;
  -moz-border-radius: .5em .5em 0em 0em;
  cursor: default;
  display: inline;
   margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
   position: relative;
  color:white;}
 
.mcBotoSel a {
  background: none !important;
  color:white !important;
  cursor: default;
  font-size: 90%;
   font-weight: bold;
   font-weight: bold;
   padding: 0 !important;
   width: 25%;
   text-decoration: none !important;}
   float: left;
 
   min-height: 200px;
.mcContingut {
   background-color: #f8f8ff;
  border: 0.2em solid #9070c0; /* 2 */
  border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */
  -moz-border-radius: 0em .5em .5em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: .5em;
  padding: 1em;
  position: static;  /* Si hi posem relative falla amb MSIE */}
 
.mcPestanya {
  background-color: #f8f8ff;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */  width: 100%;
}
}


/* Configuració del Verd 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
div.firstBoxes a { font-size: 0.7em; line-height: 0.8; }


.mcപച്ച .mcBoto {
/* ─────────────────────────────────────────────
background-color: #a5e085; /* 4 */
  HEADING & LOCATION
border-color: #c0f090 #90d060 #75c045 #c0f090;  /* 5 3 2 5 */}
  ───────────────────────────────────────────── */


.mcപച്ച .mcBoto a,
#firstHeading { font-weight: 700; font-size: 2em; padding: 22px 12px !important; }
.mcപച്ച .mcBoto strong {
  color:#60b030 !important; /* 1 */
  font-size:90%}


.mcപച്ച .mcBoto a:hover,
.location { position: absolute; top: -50px; right: 10px; }
.mcപച്ച .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}


.mcപച്ച .mcBotoSel {
/* ─────────────────────────────────────────────
  background-color: #75c045; /* 2 */
  WATCHLIST COLORS
  border-color: #90d060 #60b030 #75c045 #90d060;  /* 3 1 2 3 */}
  ───────────────────────────────────────────── */


.mcപച്ച .mcContingut {
.mw-plusminus-pos { color: darkgreen; }
  background-color: #f5fffa;
.mw-plusminus-neg { color: darkred; }
  border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}


.mcപച്ച .mcPestanya {
/* ─────────────────────────────────────────────
  background-color: #f5fffa;
  PRINT
  border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
  ───────────────────────────────────────────── */


/* Configuració del Vermell 1;CC0000 2;FF0000 3;FF8888 4;FFAAAA 5;FFCCCC */
@media print {
  #stub,
  #footer-places,
  #privacy,
  #about,
  #disclaimer { display: none; }


.mcചുവപ്പ് .mcBoto {
  .infobox.sisterproject { display: none; }
background-color: #FFAAAA; /* 4 */
}
border-color: #FFCCCC #FF8888 #FF0000 #FFCCCC;  /* 5 3 2 5 */}


.mcചുവപ്പ് .mcBoto a,
/* ─────────────────────────────────────────────
.mcചുവപ്പ് .mcBoto strong {
  SITENOTICE
  color:#CC0000 !important;  /* 1 */
  ───────────────────────────────────────────── */
  font-size:90%}


.mcചുവപ്പ് .mcBoto a:hover
.sw-sitenotice-outer {
.mcചുവപ്പ് .mcBoto strong:hover {
   background: #ffffff;
   color: black !important;
   border-bottom: 1px solid #dcdcdc;
   text-decoration: underline;}
}


.mcചുവപ്പ് .mcBotoSel {
.sw-sitenotice-grid {
   background-color: #FF0000; /* 2 */
   max-width: 1100px;
   border-color: #FF8888 #CC0000 #FF0000 #FF8888; /* 3 1 2 3 */}
   margin: 0 auto;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 16px;
  align-items: start;
}


.mcചുവപ്പ് .mcContingut {
.sw-main-card {
   background-color: #fffafa;
   display: flex;
   border-color: #FF0000 #CC0000 #CC0000 #FF0000; /* 2 1 1 2 */}
  gap: 14px;
  padding: 14px;
  border: 2px solid #ff3396;
   border-radius: 12px;
  background: #ffffff;
}


.mcചുവപ്പ് .mcPestanya {
.sw-main-image img { max-width: 64px; height: auto; }
  background-color: #fffafa;
.sw-main-content { flex: 1; }
  border-color: #CC0000 #FF0000 #FF0000 #CC0000; /* 1 3 3 1 */}


/* Configuració del Blue 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
.sw-main-title {
  font-size: 120%;
  font-weight: 700;
  margin-bottom: 6px;
  line-height: 1.3;
  border-bottom: 2px solid #aaa;
}


.mcനീല .mcBoto {
.sw-main-links { font-size: 90%; line-height: 1.6; }
background-color: #a7c1e6; /* 4 */
border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9; /* 5 3 2 5 */}


.mcനീല .mcBoto a,
.sw-login-box {
.mcനീല .mcBoto strong {
  background: #fffbd6;
   color:#3379de !important; /* 1 */
   border: 1px solid #e6e0a3;
   font-size:90%}
  padding: 10px 14px;
  border-radius: 12px;
   font-size: 85%;
}


.mcനീല .mcBoto a:hover
.sw-login-box div { margin: 6px 0; }
.mcനീല .mcBoto strong:hover {
.sw-login-box a { text-decoration: none; color: #0645ad; display: inline-block; }
  color: black !important;
.sw-login-box a:hover { text-decoration: underline; }
  text-decoration: underline;}


.mcനീല .mcBotoSel {
/* ─────────────────────────────────────────────
  background-color: #5b8dd6; /* 2 */
  COMMONS GALLERY
  border-color: #88abde #3379de #5b8dd6 #88abde;  /* 3 1 2 3 */}
  ───────────────────────────────────────────── */


.mcനീല .mcContingut {
.commons-gallery { width: 100%; margin: 1em 0; }
  background-color: #f0f8ff;
  border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}


.mcനീല .mcPestanya {
.commons-gallery-grid {
   background-color: #f0f8ff;
   display: grid;
   border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
   gap: 8px;
}


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


/* Configuració del Groc 1;ffd813 2;ffe147 3;ffe977 4;fff1a4 5;fef4bc */
.commons-gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
  cursor: pointer;
}


.mcമഞ്ഞ .mcBoto {
.commons-gallery-item figcaption {
background-color: #fff1a4; /* 4 */
  font-size: 0.75em;
border-color: #fef4bc #ffe977 #ffe147 #fef4bc; /* 5 3 2 5 */}
  line-height: 1.3;
  text-align: center;
  padding-top: 4px;
}


.mcമഞ്ഞ .mcBoto a,
/* ─────────────────────────────────────────────
.mcമഞ്ഞ .mcBoto strong {
  COMMONS GALLERY LIGHTBOX
  color:#ffd813 !important;  /* 1 */
  ───────────────────────────────────────────── */
  font-size:90%}


.mcമഞ്ഞ .mcBoto a:hover
#commons-lightbox {
.mcമഞ്ഞ .mcBoto strong:hover {
  position: fixed;
   color: black !important;
  inset: 0;
   text-decoration: underline;}
  display: none;
  z-index: 9999;
   user-select: none;
   -webkit-user-select: none;
}


.mcമഞ്ഞ .mcBotoSel {
#commons-lightbox.active { display: block; }
  background-color: #ffe147; /* 2 */
  border-color: #ffe977 #ffd813 #ffe147 #ffe977; /* 3 1 2 3 */}


.mcമഞ്ഞ .mcContingut {
#commons-lightbox .clb-backdrop {
   background-color: #fffce8;
   position: absolute;
   border-color: #ffe147 #ffd813 #ffd813 #ffe147; /* 2 1 1 2 */}
  inset: 0;
   background: rgba(0, 0, 0, 0.85);
}


.mcമഞ്ഞ .mcPestanya {
#commons-lightbox .clb-content {
   background-color: #fffce8;
   position: absolute;
   border-color: #ffd813 #88abde #88abde #ffd813; /* 1 3 3 1 */}
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1em;
   pointer-events: none;
}


/* Configuració del Taronja 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
#commons-lightbox .clb-image {
  max-width: 95vw;
  max-height: 80vh;
  object-fit: contain;
  display: block;
  pointer-events: auto;
}


.mcഓറഞ്ച് .mcBoto {
#commons-lightbox .clb-caption {
background-color: #ffbd7f; /* 4 */
  color: #ffffff;
border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4; /* 5 3 2 5 */}
  font-size: 0.85em;
  text-align: center;
  margin-top: 0.5em;
  line-height: 1.4;
  max-width: 90vw;
  pointer-events: auto;
}


.mcഓറഞ്ച് .mcBoto a,
#commons-lightbox .clb-close {
.mcഓറഞ്ച് .mcBoto strong {
  position: absolute;
   color:#ff820e !important; /* 1 */
  top: 10px;
   font-size:90%}
  right: 14px;
  font-size: 2rem;
   color: #ffffff;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 2;
  padding: 8px;
  line-height: 1;
   pointer-events: auto;
}


.mcഓറഞ്ച് .mcBoto a:hover
#commons-lightbox .clb-prev,
.mcഓറഞ്ച് .mcBoto strong:hover {
#commons-lightbox .clb-next {
   color: black !important;
  position: absolute;
   text-decoration: underline;}
  top: 50%;
  transform: translateY(-50%);
  font-size: 2.25rem;
  color: #ffffff;
  background: none;
  border: none;
  cursor: pointer;
  padding: 12px;
   z-index: 2;
   pointer-events: auto;
}


.mcഓറഞ്ച് .mcBotoSel {
#commons-lightbox .clb-prev { left: 10px; }
  background-color: #ff9d42; /* 2 */
#commons-lightbox .clb-next { right: 10px; }
  border-color: #ffac5d #ff820e #ff9d42 #ffac5d; /* 3 1 2 3 */}


.mcഓറഞ്ച് .mcContingut {
@media (hover: hover) {
   background-color: #ffeedd; /* 6 */
   #commons-lightbox .clb-prev:hover,
   border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}
   #commons-lightbox .clb-next:hover,
 
   #commons-lightbox .clb-close:hover { opacity: 0.75; }
.mcഓറഞ്ച് .mcPestanya {
}
  background-color: #ffeedd; /* 6 */
   border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}
 
/* Final d'estils de la Metacaixa */


/*HERE FINISHES "METABOX" COLOUR-SCHEMES*/
/* ═══════════════════════════════════════════════
  RESPONSIVE — MOBILE FIRST
  ═══════════════════════════════════════════════ */


/*Copying content for adding style elements to some templates like unreferenced*/
/* ── Tablet (≤ 900px) ── */
@media screen and (max-width: 900px) {
  th.navbox-group {
    white-space: normal;
    text-align: left;
  }


/* Article message box styles */
  div.firstBoxes {
table.ambox {           /* 10% = Will not overlap with other elements */
     width: 33%;
    margin: -1px 10% 0px;    /* -1px = Single border between stacked boxes in all browsers */
     min-height: auto;
    border: 1px solid #aaa;
  }
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
th.ambox-text, td.ambox-text {    /* The message body cell(s) */
    border: none;
    padding: 0.25em 0.5em;        /* 0.5em left/right */
     width: 100%;                   /* Make all templates the same width regardless of text length */
}
td.ambox-image {                  /* The left image cell */
    border: none;
    padding: 2px 0 2px 0.5em;      /* 0.5em left, 0px right */
    text-align: center;
}
td.ambox-imageright {              /* The right image cell */
    border: none;
    padding: 2px 0.5em 2px 0;      /* 0px left, 0.5em right */
    text-align: center;
}
table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
     background: #fee;                  /* Pink */
}
table.ambox-delete,
table.ambox-serious {
    border-left: 10px solid #b22222;   /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move,
table.ambox-merge {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;      /* Gray-gold */
}
table.ambox.ambox-mini {    /* Small floating box variant */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}
@media print {              /* Do not print article message boxes */
    .ambox {
        display: none;
    }
}
}


/* Prevents line breaks in links */
/* ── Mobile (≤ 768px) ── */
.nowraplinks a {
@media screen and (max-width: 768px) {
    white-space: nowrap;
}


/* Image message box styles */
  html, body { font-size: 1em !important; }
table.imbox {
  p { font-size: 1em; line-height: 1.7; }
    margin: 4px 10%;
    border-collapse: collapse;
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox-text .imbox {      /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}
th.imbox-text, td.imbox-text {    /* The message body cell(s) */
    border: none;
    padding: 0.25em 0.9em;        /* 0.9em left/right */
    width: 100%;
}
td.imbox-image {                 /* The left image cell */
    border: none;
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center;  
}
td.imbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center;
}
table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;            /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;   /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;      /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}


/* Category message box styles */
  #firstHeading {
table.cmbox {
     font-size: 1.4em !important;
    margin: -1px 10%;
     padding: 12px 8px !important;
    border: 1px solid #aaa;
  }
    background: #DFE8FF;          /* Default "notice" blue */
}
th.cmbox-text, td.cmbox-text {     /* The message body cell(s) */
    border: none;
    padding: 0.25em 0.5em;        /* 0.5em left/right */
     width: 100%;
}
td.cmbox-image {                  /* The left image cell */
    border: none;
    padding: 2px 0 2px 0.5em;      /* 0.5em left, 0px right */
    text-align: center;
}
td.cmbox-imageright {              /* The right image cell */
    border: none;
     padding: 2px 0.8em 2px 0;      /* 0px left, 0.8em right */
    text-align: center;
}
table.cmbox-notice {
    background: #DFE8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 1px;
    margin-bottom: 1px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;   /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #F1D0FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}


/* Other pages message box styles */
  /* Tables: horizontal scroll instead of overflow */
table.ombox {
  table.wikitable,
    margin: 4px 10%;
  table.prettytable {
    border-collapse: collapse;
     display: block;
    border: 1px solid #aaa;      /* Default "notice" gray */
     overflow-x: auto;
    background: #f9f9f9;
     -webkit-overflow-scrolling: touch;
}
     margin: 0.5em 0;
th.ombox-text, td.ombox-text {   /* The message body cell(s) */
  }
     border: none;  
     padding: 0.25em 0.9em;       /* 0.9em left/right */
     width: 100%;
}
td.ombox-image {                  /* The left image cell */
    border: none;
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center;
}
td.ombox-imageright {            /* The right image cell */
    border: none;
     padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center;  
}
table.ombox-notice {
    border: 1px solid #aaa;      /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;            /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;      /* Gray-gold */
}
/*Template style element copying ends*/


/* For template documentation */
  /* Infobox: full-width, no float */
.template-documentation {
  .infobox {
     clear: both;
     float: none !important;
     margin: 1em 0 0 0;
     margin: 0.75em auto !important;
     border: 1px solid #aaa;  
     width: 100% !important;
     background-color: #ecfcf4;
     max-width: 100%;
    padding: 5px;
  }
}


/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]]. */
  /* Messageboxes */
  .messagebox {
    width: 100% !important;
    margin: 0.5em 0 !important;
    box-sizing: border-box;
  }


  .messagebox.small-talk {
div.Boxmerge,
    float: none !important;
div.NavFrame {
    width: 100% !important;
        margin: 0px;
    margin: 0.5em 0 !important;
        padding: 4px;
  }


        border: 1px solid #aaa;
  /* Main-page boxes: 2-column */
        text-align: center;
  div.firstBoxes {
        border-collapse: collapse;
    width: 50%;
    min-height: auto;
    font-size: 1.3em;
  }


        font-size: 95%;
  /* Location: remove absolute positioning */
}
  .location {
div.Boxmerge div.NavFrame {
    position: static !important;
    top: auto;
    right: auto;
    margin: 0.5em 0;
  }


        border-style: none;
  /* Sitenotice: stack columns */
        border-style: hidden;
  .sw-sitenotice-grid { grid-template-columns: 1fr; }
}
div.NavFrame + div.NavFrame {


        border-top-style: none;
  .sw-main-card {
        border-top-style: hidden;
    flex-direction: column;
}
    align-items: center;
div.NavPic {
    text-align: center;
  }


        background-color: #fff;
  .sw-main-image img { max-width: 56px; }
        margin: 0px;
        padding: 2px;


        float: left;
  .sw-login-box { text-align: center; font-size: 80%; }
}
  .sw-login-box div { margin: 4px 0; }
div.NavFrame div.NavHead {
        height: 1.6em;
 
        font-weight: bold;
        background-color: #ccccff;
        position:relative;


}
  /* Lightbox nav buttons */
div.NavFrame p {
  #commons-lightbox .clb-prev,
        font-size: 100%;
  #commons-lightbox .clb-next { font-size: 1.75rem; padding: 16px; }
}
}


div.NavFrame div.NavContent {
/* ── Small Mobile (≤ 480px) ── */
        font-size: 100%;
@media screen and (max-width: 480px) {
}


div.NavFrame div.NavContent p {
  html, body { font-size: 0.95em !important; }
        font-size: 100%;
}


div.NavEnd {
  /* Stack all firstBoxes */
        margin: 0px;
  div.firstBoxes {
        padding: 0px;
    width: 100% !important;
        line-height: 1px;
    float: none !important;
    min-height: auto;
    font-size: 1.2em;
    display: block;
  }


        clear: both;
  .navbox { font-size: 82%; }
}
a.NavToggle {
        position:absolute;


        top:0px;
  .commons-gallery-grid {
        right:3px;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        font-weight:normal;
    gap: 6px;
        font-size:smaller;
  }


  .commons-gallery-item figcaption { font-size: 0.7em; }
  #commons-lightbox .clb-caption { font-size: 0.8em; }
}
}
"https://schoolwiki.in/മീഡിയവിക്കി:Common.css" എന്ന താളിൽനിന്ന് ശേഖരിച്ചത്