|
|
| (7 ഉപയോക്താക്കൾ ചെയ്ത ഇടയ്ക്കുള്ള 72 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല) |
| വരി 1: |
വരി 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins |
| /* <source lang="css"> */
| | <source lang="css"> */ |
|
| |
|
| /* പ്രധാന താളിലെ “സ്കൂള് വിക്കി“ എന്ന തലക്കെട്ട് ഒഴിവാകാന് - To remove Main page title */ | | /*Total Website Font control*/ |
| .page-സ്കൂള് വിക്കി.firstHeading { | | html, body {font-size:1.1em !important;} |
| display: none !important;
| | p { |
| | font-size:1.1em; |
| | line-height:1.6; |
| | -webkit-hyphens: auto; |
| | -moz-hyphens: auto; |
| | -ms-hyphens: auto; |
| | -o-hyphens: auto; |
| | hyphens: auto; |
| } | | } |
| .page-പ്രധാന_താള്.firstHeading { | | |
| | /* പ്രധാന താളിലെ “പ്രധാന താൾ“ എന്ന തലക്കെട്ട് ഒഴിവാകാൻ - To remove Main page title */ |
| | .page-പ്രധാന_താൾ .firstHeading { |
| display: none !important; | | display: none !important; |
| } | | } |
|
| |
|
| /* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ | | /* പ്രധാന താളിലെ “സ്കൂൾ വിക്കി“ എന്ന തലക്കെട്ട് ഒഴിവാകാൻ |
| /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
| | To remove Main page title */ |
| /* column-count is from the CSS3 module "CSS Multi-column Layout" */
| | body.page-പ്രധാനതാൾ h1.firstHeading { display:none; } |
| /* Please ignore any validator errors caused by these two lines */
| | body.page-പ്രധാനതാൾ #breadcrumbs2 {display: none !important;} |
| .references-2column { | | span.Uniq1234 a { color: #fff !important; font-size:0.9em; font-weight:normal; } |
| font-size: 90%;
| | /*add a nice bar on header*/ |
| -moz-column-count:2;
| | .vector-header-container {border-bottom:3px solid #ccc;} |
| column-count:2;
| |
| }
| |
| | |
| .same-bg { background: none }
| |
| | |
| /* Highlight clicked reference in blue to help navigation */ | |
| | |
| ol.references > li:target {
| |
| background-color: #DEF;
| |
| }
| |
| | |
| sup.reference:target {
| |
| background-color: #DEF;
| |
| } | |
| | |
| /* wikitable/prettytable class for skinning normal tables */ | | /* wikitable/prettytable class for skinning normal tables */ |
|
| |
|
| വരി 61: |
വരി 55: |
| } | | } |
|
| |
|
| /* default skin for navigation boxes */ | | /* Style for horizontal lists (separator following item) */ |
| table.navbox { /* navbox container style */
| | .skin-monobook .hlist dl, |
| border:1px solid #aaa;
| | .skin-modern .hlist dl, |
| width:100%;
| | .skin-vector .hlist dl { |
| margin:auto;
| | line-height: 1.5em; |
| clear:both;
| | } |
| font-size:88%;
| | .hlist dl, |
| text-align:center;
| | .hlist ol, |
| padding:1px;
| | .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; |
| } | | } |
| table.navbox + table.navbox {
| | .hlist dd:last-child:after, |
| margin-top:-1px; /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
| | .hlist dt:last-child:after, |
| | .hlist li:last-child:after { |
| | content: none; |
| } | | } |
| .navbox-title, .navbox-abovebelow, table.navbox th { | | |
| text-align:center; /* title and above/below styles */
| | /* Add parens around nested lists */ |
| padding-left:1em;
| | .hlist dl dl dd:first-child:before, |
| padding-right:1em;
| | .hlist ol ol li:first-child:before, |
| | .hlist ul ul li:first-child:before { |
| | content: "("; |
| } | | } |
| .navbox-group { /* group style */ | | .hlist dl dl dd:last-child:after, |
| white-space:nowrap;
| | .hlist ol ol li:last-child:after, |
| text-align:right;
| | .hlist ul ul li:last-child:after { |
| font-weight:bold;
| | content: ")"; |
| padding-left:1em;
| | font-weight: normal; |
| padding-right:1em;
| |
| } | | } |
| .navbox, .navbox-subgroup { | | |
| background:#fdfdfd; /* Background color */
| | /* 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 { | | .navbox-list { |
| border-color:#fdfdfd; /* Must match background color */
| | border-color: #fdfdfd; /* Must match background color */ |
| } | | } |
| .navbox-title, table.navbox th { | | .navbox th, |
| background:#ccccff; /* Level 1 color */
| | .navbox-title { |
| | background: #ccccff; /* Level 1 color */ |
| } | | } |
| .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { | | .navbox-abovebelow, |
| background:#ddddff; /* Level 2 color */
| | th.navbox-group, |
| | .navbox-subgroup .navbox-title { |
| | background: #ddddff; /* Level 2 color */ |
| } | | } |
| .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { | | .navbox-subgroup .navbox-group, |
| background:#e6e6ff; /* Level 3 color */
| | .navbox-subgroup .navbox-abovebelow { |
| | background: #e6e6ff; /* Level 3 color */ |
| } | | } |
| .navbox-even { | | .navbox-even { |
| background:#f7f7f7; /* Even row striping */
| | background: #f7f7f7; /* Even row striping */ |
| } | | } |
| .navbox-odd { | | .navbox-odd { |
| background:transparent; /* Odd row striping */
| | 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 */ |
| } | | } |
|
| |
|
| .collapseButton { /* 'show'/'hide' buttons created dynamically by the */ | | /* Default styling for Navbar template */ |
| float: right; /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
| | .navbar { |
| font-weight: normal; /* are styled here so they can be customised. */ | | 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; | | text-align: right; |
| width: auto; | | width: auto; |
| } | | } |
| .navbox .collapseButton { /* In navboxes, the show/hide button balances the vde links from */
| | /* In navboxes, the show/hide button balances the v·d·e links |
| width: 6em; /* [[Template:Tnavbar]], so they need to be the same width. */
| | 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; |
| } | | } |
|
| |
|
| വരി 130: |
വരി 286: |
| clear: right; | | clear: right; |
| } | | } |
| | .infobox th{font-size:0.8em;font-weight:bold;} |
| .infobox td, | | .infobox td, |
| .infobox th { | | .infobox th { |
| vertical-align: top; | | vertical-align: top; |
| | border-top: solid 1px #ccd2d9; |
| | text-align: left; |
| | padding-left:6px; |
| | font-size:0.9em; |
| } | | } |
| .infobox caption { | | .infobox caption { |
| വരി 156: |
വരി 317: |
|
| |
|
| @media print { | | @media print { |
| | |
| | #stub {display: none;} |
| | #footer-places { display: none} |
| | |
| .infobox.sisterproject { | | .infobox.sisterproject { |
| display: none; | | display: none; |
| വരി 222: |
വരി 387: |
|
| |
|
| #disambig { | | #disambig { |
| border-top: 1px solid #ccc; | | background-color:#f4f4f4; |
| border-bottom: 1px solid #ccc; | | font-size:90%; |
| } | | } |
|
| |
|
| വരി 231: |
വരി 396: |
| } | | } |
|
| |
|
| /* Standard talk template style */ | | /* [[പ്രത്യേകം:എല്ലാതാളുകളും]] എന്ന താളിൽ തിരിച്ചുവിടൽ താളുകളുകളുടെ പേര് ചെരിച്ചെഴുതി ഐക്കൺ സഹിതം കാണുവാൻ Makes redirects appear in italics on [[Special:Allpages]] */ |
| | |
| .Talk-Notice {
| |
| border: 1px solid #C0C090;
| |
| background-color: #F8EABA;
| |
| margin-bottom: 3px;
| |
| width: 85%;
| |
| border-spacing: 3px;
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| }
| |
| | |
| .Talk-Notice:after {
| |
| content: "The CSS for this template should be changed. See [[Wikipedia:Template Standardisation]].";
| |
| }
| |
| | |
| /* Make template background appear correctly on all browsers */
| |
| .Talk-Notice td {
| |
| background: inherit;
| |
| }
| |
| | |
| /* Persondata */
| |
| table.persondata {
| |
| border: 1px solid #aaa;
| |
| display: none;
| |
| speak: none;
| |
| }
| |
| .persondata-label {
| |
| color: #aaa;
| |
| }
| |
| | |
| /* 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 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%} | | .allpagesredirect {background-color:#F0F0F0;font-style: italic;font-size: 90%} |
|
| |
|
| /* Choose whether to have AD/BC dates or CE/BCE dates*/
| |
|
| |
| /* First, the default : display both : See templates ADCE and BCEBC for how these are used*/
| |
| .Use_Default_Date_Convention { display: inline; }
| |
| .Use_AD_and_BC { display: none; }
| |
| .Use_BCE_and_CE { display: none; }
| |
|
| |
| /* If you want to display AD and BC add the following to User:You/monobook.css page */
| |
| /*
| |
| .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 */
| |
| /*
| |
| .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 */
| |
|
| |
| .audiolink a{
| |
| background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat !important;
| |
| padding-left: 16px !important;
| |
| padding-right: 0 !important;
| |
| }
| |
|
| |
| /* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */
| |
|
| |
| 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 {
| |
| background: url("http://upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png");
| |
| padding-left: 50px;
| |
| }
| |
|
| |
| /* Style rules for media list templates */
| |
|
| |
| div.medialist {
| |
| min-height: 50px;
| |
| margin: 1em;
| |
| background-position: top left;
| |
| background-repeat: no-repeat;
| |
| }
| |
|
| |
| div.medialist ul {
| |
| list-style-type: none;
| |
| list-style-image: none;
| |
| margin: 0;
| |
| }
| |
|
| |
| div.medialist ul li {
| |
| padding-bottom: 0.5em;
| |
| }
| |
|
| |
| div.medialist ul li li {
| |
| font-size: 91%;
| |
| padding-bottom: 0;
| |
| }
| |
|
| |
| /* Change the external link icon to an Adobe icon for all PDF files */
| |
| /* (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 */
| |
| /* is used (notably Template:PDFlink). This works in IE, unlike the above. */
| |
| span.PDFlink a {
| |
| 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;
| |
| padding-right: 17px !important;
| |
| }
| |
|
| |
| span.geolink a {
| |
| background: url(http://upload.wikimedia.org/wikipedia/en/a/a7/Monobook-globe.png) center right no-repeat !important;
| |
| padding-right: 11px !important;
| |
| }
| |
|
| |
| /* Content in columns with CSS instead of tables [[Template:Columns]] */
| |
| div.columns-2 div.column {
| |
| float: left;
| |
| width: 50%;
| |
| min-width: 300px;
| |
| }
| |
|
| |
| div.columns-3 div.column {
| |
| float: left;
| |
| width: 33.3%;
| |
| min-width: 200px;
| |
| }
| |
|
| |
| div.columns-4 div.column {
| |
| float: left;
| |
| width: 25%;
| |
| min-width: 150px;
| |
| }
| |
|
| |
| div.columns-5 div.column {
| |
| float: left;
| |
| width: 20%;
| |
| min-width: 120px;
| |
| }
| |
|
| |
| /*Add formatting to make sure that "external references" from [[Template:Ref]] do
| |
| not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was
| |
| 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 {
| |
| background: none ! important;
| |
| padding: 0 ! important;
| |
| }
| |
|
| |
| .plainlinksneverexpand .urlexpansion {
| |
| display: none ! important;
| |
| }
| |
|
| |
| /* Make sure that ext links displayed within "plainlinksneverexpand" don't get
| |
| the arrow...
| |
| */
| |
| .plainlinksneverexpand a {
| |
| background: none !important;
| |
| padding: 0 !important;
| |
| }
| |
|
| |
| /* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
| |
| following the anchor A, the anchor itself now has class "external autonumber" and the
| |
| 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 */
| |
|
| |
| .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;
| |
| }
| |
|
| |
| /* 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;}
| |
|
| |
| /* 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]]. */
| |
| .IPA {
| |
| 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";
| |
| 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;
| |
| }
| |
|
| |
|
| | /* സേവ് കടുപ്പത്തിൽ കാണിക്കുവാൻ */ |
| #wpSave { | | #wpSave { |
| font-weight: bold; | | font-weight: bold; |
| വരി 582: |
വരി 508: |
| } | | } |
|
| |
|
| .dablink { | | /* Prevents line breaks in links */ |
| font-style:italic;
| | .nowraplinks a { |
| padding-left:2em;
| | white-space: nowrap; |
| } | | } |
|
| |
|
| /*</nowiki></pre>*/
| |
|
| |
|
| /* | | /* For template documentation */ |
| == InterProject ==
| | .template-documentation { |
| <pre> */
| | clear: both; |
| | | margin: 1em 0 0 0; |
| .interProject { | | border: 1px solid #aaa; |
| display:none;
| | background-color: #ecfcf4; |
| clear: both;
| | padding: 5px; |
| border-top: 2px dotted #AAAAAA;
| |
| margin-top: 2em;
| |
| } | | } |
|
| |
|
| /* </pre> */
| |
|
| |
|
| | /* 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%; |
| | } |
|
| |
|
| /*HERE STARTS "METABOX" COLOUR-SCHEMES*/
| |
|
| |
|
| /* Nou esquema de colors per a la Plantilla:Metacaixa usada a la portada */ | | /* Messagebox templates */ |
|
| |
|
| /* Configuració per defecte en lila
| | .messagebox { |
| Tons usats; 1; 7050a0 2; 9070c0 3; b090e0 4; d0b0ff 5; f0d0ff */ | | 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; |
| | } |
|
| |
|
| .mcBoto { | | div.firstBoxes {font-size:1.6em;margin:0.5em 0;text-align:center;font-weight:bold;width:25%;float:left;min-height:200px;} |
| background-color: #d0b0ff; /* 4 */
| | div.firstBoxes a {font-size:0.7em; line-height:0.8;} |
| border: 0.15em solid #000000;
| | #firstHeading {font-weight:700; font-size:2em;padding:22px 12px !important;} |
| border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff; /* 5 3 3 5 */
| | #wikiEditor-0-dialog-summary {width:400px !important;} |
| border-radius-topleft: .5em;
| | #wpTextbox1 {font-size:1.2em;} |
| border-radius-topright: .5em;
| | #t-upload{display:none !important;} |
| -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,
| | /* For showing the location on top of the page */ |
| .mcBoto strong { | | .location { |
| background: none !important;
| | position: absolute; |
| color:#7050a0 !important; /* 1 */
| | top: -50px; |
| font-size: 90%;
| | right: 10px; |
| font-weight: bold;
| | } |
| padding: 0 !important;
| | /* ===== SchoolWiki Sitenotice Section ===== */ |
| text-decoration: none !important;}
| | /* ===================================================== |
| | SchoolWiki – Sitenotice Layout (Desktop + Mobile) |
| | ===================================================== */ |
|
| |
|
| .mcBoto a:hover,
| | /* Outer full-width sitenotice container */ |
| .mcBoto strong:hover { | | .sw-sitenotice-outer { |
| color: black !important; | | background: #ffffff; |
| text-decoration: underline !important;} | | border-bottom: 1px solid #dcdcdc; |
| | } |
|
| |
|
| .mcBotoSel {
| | /* Centered grid container */ |
| background-color: #9070c0; /* 2 */
| | .sw-sitenotice-grid { |
| border: 0.15em solid #000000;
| | max-width: 1100px; |
| border-color: #b090e0 #7050a0 #9070c0 #b090e0; /* 3 1 2 3 */
| | margin: 0 auto; |
| border-radius-topleft: .5em;
| | padding: 10px 12px; |
| 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 {
| | display: grid; |
| background: none !important; | | grid-template-columns: 4fr 1fr; /* LEFT 80% | RIGHT 20% */ |
| color:white !important; | | gap: 16px; |
| cursor: default;
| | align-items: start; |
| font-size: 90%;
| | } |
| font-weight: bold;
| |
| padding: 0 !important; | |
| text-decoration: none !important;} | |
|
| |
|
| .mcContingut {
| | /* ===================================================== |
| background-color: #f8f8ff;
| | LEFT: Main Notice Card |
| 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 { | | .sw-main-card { |
| background-color: #f8f8ff; | | display: flex; |
| border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */ width: 100%; | | gap: 14px; |
| | padding: 14px; |
| | border: 2px solid #ff3396; |
| | border-radius: 12px; |
| | background: #ffffff; |
| } | | } |
|
| |
|
| /* Configuració del Verd 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
| | .sw-main-image img { |
| | max-width: 64px; |
| | height: auto; |
| | } |
|
| |
|
| .mcപച്ച .mcBoto { | | .sw-main-content { |
| background-color: #a5e085; /* 4 */
| | flex: 1; |
| border-color: #c0f090 #90d060 #75c045 #c0f090; /* 5 3 2 5 */}
| | } |
|
| |
|
| .mcപച്ച .mcBoto a, | | .sw-main-title { |
| .mcപച്ച .mcBoto strong {
| | font-size: 120%; |
| color:#60b030 !important; /* 1 */ | | font-weight: 700; |
| font-size:90%} | | margin-bottom: 6px; |
| | line-height: 1.3; |
| | border-bottom:2px solid #aaa; |
| | } |
|
| |
|
| .mcപച്ച .mcBoto a:hover, | | .sw-main-links { |
| .mcപച്ച .mcBoto strong:hover {
| | font-size: 90%; |
| color: black !important; | | line-height: 1.6; |
| text-decoration: underline;} | | } |
|
| |
|
| .mcപച്ച .mcBotoSel {
| | /* ===================================================== |
| background-color: #75c045; /* 2 */
| | RIGHT: Help / Login Panel |
| border-color: #90d060 #60b030 #75c045 #90d060; /* 3 1 2 3 */}
| | ===================================================== */ |
|
| |
|
| .mcപച്ച .mcContingut { | | .sw-login-box { |
| background-color: #f5fffa; | | background: #fffbd6; |
| border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */} | | border: 1px solid #e6e0a3; |
| | padding: 10px 14px; |
| | border-radius: 12px; |
| | font-size: 85%; |
| | } |
|
| |
|
| .mcപച്ച .mcPestanya { | | .sw-login-box div { |
| background-color: #f5fffa; | | margin: 6px 0; |
| border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
| | } |
|
| |
|
| /* Configuració del Vermell 1;CC0000 2;FF0000 3;FF8888 4;FFAAAA 5;FFCCCC */
| | .sw-login-box a { |
| | text-decoration: none; |
| | color: #0645ad; |
| | display: inline-block; |
| | } |
|
| |
|
| .mcചുവപ്പ് .mcBoto { | | .sw-login-box a:hover { |
| background-color: #FFAAAA; /* 4 */
| | text-decoration: underline; |
| border-color: #FFCCCC #FF8888 #FF0000 #FFCCCC; /* 5 3 2 5 */}
| | } |
|
| |
|
| .mcചുവപ്പ് .mcBoto a,
| | /* ===================================================== |
| .mcചുവപ്പ് .mcBoto strong {
| | Mobile / Small Screen Behavior |
| color:#CC0000 !important; /* 1 */
| | ===================================================== */ |
| font-size:90%}
| |
|
| |
|
| .mcചുവപ്പ് .mcBoto a:hover
| | @media (max-width: 720px) { |
| .mcചുവപ്പ് .mcBoto strong:hover {
| |
| color: black !important;
| |
| text-decoration: underline;}
| |
|
| |
|
| .mcചുവപ്പ് .mcBotoSel {
| | /* Stack layout */ |
| background-color: #FF0000; /* 2 */ | | .sw-sitenotice-grid { |
| border-color: #FF8888 #CC0000 #FF0000 #FF8888; /* 3 1 2 3 */} | | grid-template-columns: 1fr; |
| | } |
|
| |
|
| .mcചുവപ്പ് .mcContingut { | | /* Center everything on mobile */ |
| background-color: #fffafa;
| | .sw-main-card { |
| border-color: #FF0000 #CC0000 #CC0000 #FF0000; /* 2 1 1 2 */}
| | flex-direction: column; |
| | text-align: center; |
| | align-items: center; |
| | } |
|
| |
|
| .mcചുവപ്പ് .mcPestanya { | | .sw-main-image img { |
| background-color: #fffafa;
| | max-width: 56px; |
| border-color: #CC0000 #FF0000 #FF0000 #CC0000; /* 1 3 3 1 */} | | } |
|
| |
|
| /* Configuració del Blue 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
| | .sw-login-box { |
| | text-align: center; |
| | font-size: 80%; |
| | } |
|
| |
|
| .mcനീല .mcBoto { | | .sw-login-box div { |
| background-color: #a7c1e6; /* 4 */
| | margin: 4px 0; |
| border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9; /* 5 3 2 5 */}
| | } |
| | } |
|
| |
|
| .mcനീല .mcBoto a,
| | /* ========================================================= |
| .mcനീല .mcBoto strong {
| | MOBILE OPTIMIZATION LAYER |
| color:#3379de !important; /* 1 */
| | ========================================================= */ |
| font-size:90%}
| |
|
| |
|
| .mcനീല .mcBoto a:hover
| | /* Improve base readability on small screens */ |
| .mcനീല .mcBoto strong:hover {
| | @media (max-width: 768px) { |
| color: black !important;
| |
| text-decoration: underline;}
| |
|
| |
|
| .mcനീല .mcBotoSel {
| | html, body { |
| background-color: #5b8dd6; /* 2 */
| | font-size: 1em !important; |
| border-color: #88abde #3379de #5b8dd6 #88abde; /* 3 1 2 3 */} | | } |
|
| |
|
| .mcനീല .mcContingut {
| | p { |
| background-color: #f0f8ff;
| | font-size: 1em; |
| border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}
| | line-height: 1.7; |
| | } |
|
| |
|
| .mcനീല .mcPestanya {
| | #firstHeading { |
| background-color: #f0f8ff;
| | font-size: 1.5em !important; |
| border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
| | 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; |
| | } |
|
| |
|
| /* Configuració del Groc 1;ffd813 2;ffe147 3;ffe977 4;fff1a4 5;fef4bc */ | | /* Navigation boxes */ |
| | .navbox, |
| | .navbox-inner, |
| | .navbox-subgroup { |
| | font-size: 95%; |
| | } |
|
| |
|
| .mcമഞ്ഞ .mcBoto { | | /* Tables: prevent overflow */ |
| background-color: #fff1a4; /* 4 */
| | table.wikitable, |
| border-color: #fef4bc #ffe977 #ffe147 #fef4bc; /* 5 3 2 5 */}
| | table.prettytable, |
| | table.infobox { |
| | display: block; |
| | overflow-x: auto; |
| | width: 100% !important; |
| | } |
|
| |
|
| .mcമഞ്ഞ .mcBoto a,
| | /* Remove fixed widths */ |
| .mcമഞ്ഞ .mcBoto strong { | | .messagebox { |
| color:#ffd813 !important; /* 1 */
| | width: 100% !important; |
| font-size:90%} | | } |
|
| |
|
| .mcമഞ്ഞ .mcBoto a:hover
| | /* Hide non-essential elements on mobile */ |
| .mcമഞ്ഞ .mcBoto strong:hover {
| | #t-upload { |
| color: black !important;
| | display: none !important; |
| text-decoration: underline;} | | } |
| | } |
|
| |
|
| .mcമഞ്ഞ .mcBotoSel {
| | /* ========================================================= |
| background-color: #ffe147; /* 2 */
| | WIKIMEDIA COMMONS GALLERY (RESPONSIVE) |
| border-color: #ffe977 #ffd813 #ffe147 #ffe977; /* 3 1 2 3 */}
| | ========================================================= */ |
|
| |
|
| .mcമഞ്ഞ .mcContingut { | | .commons-gallery { |
| background-color: #fffce8; | | width: 100%; |
| border-color: #ffe147 #ffd813 #ffd813 #ffe147; /* 2 1 1 2 */} | | margin: 1em 0; |
| | } |
|
| |
|
| .mcമഞ്ഞ .mcPestanya { | | .commons-gallery-grid { |
| background-color: #fffce8; | | display: grid; |
| border-color: #ffd813 #88abde #88abde #ffd813; /* 1 3 3 1 */} | | grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); |
| | gap: 8px; |
| | } |
|
| |
|
| /* Configuració del Taronja 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
| | .commons-gallery-item { |
| | margin: 0; |
| | } |
|
| |
|
| .mcഓറഞ്ച് .mcBoto { | | .commons-gallery-item img { |
| background-color: #ffbd7f; /* 4 */
| | width: 100%; |
| border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4; /* 5 3 2 5 */}
| | height: auto; |
| | display: block; |
| | border-radius: 4px; |
| | } |
|
| |
|
| .mcഓറഞ്ച് .mcBoto a, | | .commons-gallery-item figcaption { |
| .mcഓറഞ്ച് .mcBoto strong { | | font-size: 0.75em; |
| color:#ff820e !important; /* 1 */ | | line-height: 1.3; |
| font-size:90%} | | text-align: center; |
| | padding-top: 4px; |
| | } |
|
| |
|
| .mcഓറഞ്ച് .mcBoto a:hover
| | /* Extra tightening for very small screens */ |
| .mcഓറഞ്ച് .mcBoto strong:hover {
| | @media (max-width: 480px) { |
| color: black !important;
| |
| text-decoration: underline;}
| |
|
| |
|
| .mcഓറഞ്ച് .mcBotoSel { | | .commons-gallery-grid { |
| background-color: #ff9d42; /* 2 */
| | gap: 6px; |
| border-color: #ffac5d #ff820e #ff9d42 #ffac5d; /* 3 1 2 3 */} | | } |
|
| |
|
| .mcഓറഞ്ച് .mcContingut { | | .commons-gallery-item figcaption { |
| background-color: #ffeedd; /* 6 */
| | font-size: 0.7em; |
| border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */} | | } |
|
| |
|
| .mcഓറഞ്ച് .mcPestanya { | | div.firstBoxes { |
| background-color: #ffeedd; /* 6 */
| | width: 100% !important; |
| border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}
| | float: none !important; |
| | min-height: auto; |
| | } |
| | } |
|
| |
|
| /* Final d'estils de la Metacaixa */ | | /* ========================================================= |
| | | Commons Gallery Lightbox (FULL, ENHANCED) |
| /*HERE FINISHES "METABOX" COLOUR-SCHEMES*/
| | ========================================================= */ |
| | |
| /*Copying content for adding style elements to some templates like unreferenced*/
| |
| | |
| /* Article message box styles */
| |
| table.ambox { /* 10% = Will not overlap with other elements */
| |
| margin: -1px 10% 0px; /* -1px = Single border between stacked boxes in all browsers */
| |
| 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 */
| | #commons-lightbox { |
| .nowraplinks a {
| | position: fixed; |
| white-space: nowrap;
| | inset: 0; |
| }
| | display: none; |
| | z-index: 9999; |
|
| |
|
| /* Image message box styles */ | | /* Enhancements */ |
| table.imbox {
| | user-select: none; |
| margin: 4px 10%;
| | -webkit-user-select: none; |
| border-collapse: collapse;
| | -ms-user-select: none; |
| 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 */
| | #commons-lightbox.active { |
| table.cmbox {
| | display: block; |
| margin: -1px 10%;
| |
| 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 */ | | /* Backdrop */ |
| table.ombox {
| | #commons-lightbox .clb-backdrop { |
| margin: 4px 10%;
| | position: absolute; |
| border-collapse: collapse;
| | inset: 0; |
| border: 1px solid #aaa; /* Default "notice" gray */
| | background: rgba(0, 0, 0, 0.85); |
| background: #f9f9f9;
| |
| }
| |
| 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 */ | | /* Content container */ |
| .template-documentation { | | #commons-lightbox .clb-content { |
| clear: both;
| | position: absolute; |
| margin: 1em 0 0 0;
| | inset: 0; |
| border: 1px solid #aaa;
| | display: flex; |
| background-color: #ecfcf4;
| | flex-direction: column; |
| padding: 5px;
| | justify-content: center; |
| | align-items: center; |
| | padding: 1em; |
| } | | } |
|
| |
|
| /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]]. */ | | /* Image */ |
| | | #commons-lightbox .clb-image { |
|
| | max-width: 95vw; |
| div.Boxmerge,
| | max-height: 80vh; |
| div.NavFrame {
| | object-fit: contain; |
| margin: 0px;
| | display: block; |
| padding: 4px;
| |
| | |
| border: 1px solid #aaa;
| |
| text-align: center;
| |
| border-collapse: collapse;
| |
| | |
| font-size: 95%;
| |
| } | | } |
| div.Boxmerge div.NavFrame {
| |
|
| |
|
| border-style: none;
| | /* Caption */ |
| border-style: hidden;
| | #commons-lightbox .clb-caption { |
| | color: #ffffff; |
| | font-size: 0.85em; |
| | text-align: center; |
| | margin-top: 0.5em; |
| | line-height: 1.4; |
| | max-width: 90vw; |
| } | | } |
| div.NavFrame + div.NavFrame {
| |
|
| |
|
| border-top-style: none;
| | /* Close button */ |
| border-top-style: hidden;
| | #commons-lightbox .clb-close { |
| | position: absolute; |
| | top: 10px; |
| | right: 14px; |
| | font-size: 28px; |
| | color: #ffffff; |
| | background: none; |
| | border: none; |
| | cursor: pointer; |
| | z-index: 2; |
| } | | } |
| div.NavPic {
| |
|
| |
|
| background-color: #fff;
| | /* Navigation buttons */ |
| margin: 0px;
| | #commons-lightbox .clb-prev, |
| padding: 2px;
| | #commons-lightbox .clb-next { |
| | | position: absolute; |
| float: left;
| | top: 50%; |
| | transform: translateY(-50%); |
| | font-size: 36px; |
| | color: #ffffff; |
| | background: none; |
| | border: none; |
| | cursor: pointer; |
| | padding: 0 12px; |
| | z-index: 2; |
| } | | } |
| div.NavFrame div.NavHead {
| |
| height: 1.6em;
| |
|
| |
| font-weight: bold;
| |
| background-color: #ccccff;
| |
| position:relative;
| |
|
| |
|
| }
| | #commons-lightbox .clb-prev { |
| div.NavFrame p {
| | left: 10px; |
| font-size: 100%;
| |
| } | | } |
|
| |
|
| div.NavFrame div.NavContent {
| | #commons-lightbox .clb-next { |
| font-size: 100%;
| | right: 10px; |
| } | | } |
|
| |
|
| div.NavFrame div.NavContent p {
| | /* Hover feedback (desktop only) */ |
| font-size: 100%;
| | @media (hover: hover) { |
| | #commons-lightbox .clb-prev:hover, |
| | #commons-lightbox .clb-next:hover, |
| | #commons-lightbox .clb-close:hover { |
| | opacity: 0.75; |
| | } |
| } | | } |
|
| |
|
| div.NavEnd {
| | /* Mobile adjustments */ |
| margin: 0px;
| | @media (max-width: 600px) { |
| padding: 0px;
| | #commons-lightbox .clb-prev, |
| line-height: 1px;
| | #commons-lightbox .clb-next { |
| | | font-size: 28px; |
| clear: both;
| | } |
| } | | } |
| a.NavToggle {
| |
| position:absolute;
| |
|
| |
| top:0px;
| |
| right:3px;
| |
| font-weight:normal;
| |
| font-size:smaller;
| |
|
| |
|
| | @media (max-width: 480px) { |
| | #commons-lightbox .clb-caption { |
| | font-size: 0.8em; |
| | } |
| } | | } |