MediaWiki:Common.css
From OpenStreetMap Wiki
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* <source lang="css"> */ /* CSS placed here will be applied to all skins */ /* Default style for navigation boxes */ .navbox{/* Navbox container style */ box-sizing:border-box; border:1pxsolid#a2a9b1; width:100%; clear:both; font-size:88%; text-align:center; padding:1px; margin:1emauto0;/* Prevent preceding content from clinging to navboxes */ } .navbox.navbox{ margin-top:0;/* No top margin for nested navboxes */ } .navbox+.navbox{ margin-top:-1px;/* Single pixel border between adjacent navboxes */ } .navbox-inner, .navbox-subgroup{ width:100%; } .navbox-group, .navbox-title, .navbox-abovebelow{ padding:0.25em1em;/* Title, group and above/below styles */ line-height:1.5em; text-align:center; } th.navbox-group{/* Group style */ white-space:nowrap; /* @noflip */ text-align:right; } .navbox, .navbox-subgroup{ background-color:#fdfdfd;/* Background color */ } .navbox-list{ line-height:1.5em; border-color:#fdfdfd;/* Must match background color */ } /* cell spacing for navbox cells */ tr+tr>.navbox-abovebelow, tr+tr>.navbox-group, tr+tr>.navbox-image, tr+tr>.navbox-list{/* Borders above 2nd, 3rd, etc. rows */ border-top:2pxsolid#fdfdfd;/* Must match background color */ } .navboxth, .navbox-title{ background-color:#ccccff;/* Level 1 color */ } .navbox-abovebelow, th.navbox-group, .navbox-subgroup.navbox-title{ background-color:#ddddff;/* Level 2 color */ } .navbox-subgroup.navbox-group, .navbox-subgroup.navbox-abovebelow{ background-color:#e6e6ff;/* Level 3 color */ } .navbox-even{ background-color:#f7f7f7;/* Even row striping */ } .navbox-odd{ background-color:transparent;/* Odd row striping */ } .navbox.hlisttddl, .navbox.hlisttdol, .navbox.hlisttdul, .navboxtd.hlistdl, .navboxtd.hlistol, .navboxtd.hlistul{ padding:0.125em0;/* Adjust hlist padding in navboxes */ } /* Default styling for Navbar template */ .navbar{ display:inline; font-size:88%; font-weight:normal; } .navbarul{ display:inline; white-space:nowrap; } .mw-body-content.navbarul{ line-height:inherit; } .navbarli{ word-spacing:-0.125em; } .navbar.miniliabbr[title]{ font-variant:small-caps; border-bottom:none; text-decoration:none; cursor:inherit; } /* Navbar styling when nested in infobox and navbox */ .infobox.navbar{ font-size:100%; } .navbox.navbar{ display:block; font-size:100%; } .navbox-title.navbar{ /* @noflip */ float:left; /* @noflip */ text-align:left; /* @noflip */ margin-right:0.5em; } /* Styling for JQuery makeCollapsible, matching that of collapseButton */ .mw-parser-output.mw-collapsible-toggle{ font-weight:normal; /* @noflip */ text-align:right; padding-right:0.2em; padding-left:0.2em; } .mw-collapsible-leftside-toggle.mw-collapsible-toggle{ /* @noflip */ float:left; /* @noflip */ text-align:left; } /* Infobox template style */ .infobox{ border:1pxsolid#a2a9b1; border-spacing:3px; background-color:#f8f9fa; color:black; /* @noflip */ margin:0.5em00.5em1em; padding:0.2em; /* @noflip */ float:right; /* @noflip */ clear:right; font-size:88%; line-height:1.5em; } .infoboxcaption{ font-size:125%; font-weight:bold; padding:0.2em; text-align:center; } .infoboxtd, .infoboxth{ vertical-align:top; /* @noflip */ text-align:left; } .infobox.bordered{ border-collapse:collapse; } .infobox.borderedtd, .infobox.borderedth{ border:1pxsolid#a2a9b1; } .infobox.bordered.borderlesstd, .infobox.bordered.borderlessth{ border:0; } .infobox.sisterproject{ width:20em; font-size:90%; } .infobox.standard-talk{ border:1pxsolid#c0c090; background-color:#f8eaba; } .infobox.standard-talk.borderedtd, .infobox.standard-talk.borderedth{ border:1pxsolid#c0c090; } /* styles for bordered infobox with merged rows */ .infobox.bordered.mergedtoprowtd, .infobox.bordered.mergedtoprowth{ border:0; border-top:1pxsolid#a2a9b1; /* @noflip */ border-right:1pxsolid#a2a9b1; } .infobox.bordered.mergedrowtd, .infobox.bordered.mergedrowth{ border:0; /* @noflip */ border-right:1pxsolid#a2a9b1; } /* Normal font styling for wikitable row headers with scope="row" tag */ .wikitable.plainrowheadersth[scope=row]{ font-weight:normal; /* @noflip */ text-align:left; } /* Lists in wikitable data cells are always left-aligned */ .wikitabletdul, .wikitabletdol, .wikitabletddl{ /* @noflip */ text-align:left; } /* ...unless they also use the hlist class */ .toc.hlistul, #toc.hlistul, .wikitable.hlisttdul, .wikitable.hlisttdol, .wikitable.hlisttddl{ text-align:inherit; } /* Messagebox templates */ .messagebox{ border:1pxsolid#a2a9b1; background-color:#f8f9fa; width:80%; margin:0auto1emauto; padding:.2em; } .messagebox.merge{ border:1pxsolid#c0b8cc; background-color:#f0e5ff; text-align:center; } .messagebox.cleanup{ border:1pxsolid#9f9fff; background-color:#efefff; text-align:center; } .messagebox.standard-talk{ border:1pxsolid#c0c090; background-color:#f8eaba; margin:4pxauto; } /* For old WikiProject banners inside banner shells. */ .mbox-inside.standard-talk, .messagebox.nested-talk{ border:1pxsolid#c0c090; background-color:#f8eaba; width:100%; margin:2px0; padding:2px; } .messagebox.small{ width:238px; font-size:85%; /* @noflip */ float:right; clear:both; /* @noflip */ margin:001em1em; line-height:1.25em; } .messagebox.small-talk{ width:238px; font-size:85%; /* @noflip */ float:right; clear:both; /* @noflip */ margin:001em1em; line-height:1.25em; background-color:#f8eaba; } /* Cell sizes for ambox/tmbox/imbox/ombox/fmbox/dmbox message boxes */ th.mbox-text,td.mbox-text{/* The message body cell(s) */ border:none; /* @noflip */ padding:0.25em0.9em;/* 0.9em left/right */ width:100%;/* Make all mboxes the same width regardless of text length */ } td.mbox-image{/* The left image cell */ border:none; /* @noflip */ padding:2px02px0.9em;/* 0.9em left, 0px right */ text-align:center; } td.mbox-imageright{/* The right image cell */ border:none; /* @noflip */ padding:2px0.9em2px0;/* 0px left, 0.9em right */ text-align:center; } td.mbox-empty-cell{/* An empty narrow cell */ border:none; padding:0; width:1px; } /* Article message box styles */ table.ambox{ margin:010%;/* 10% = Will not overlap with other elements */ border:1pxsolid#a2a9b1; /* @noflip */ border-left:10pxsolid#36c;/* Default "notice" blue */ background-color:#fbfbfb; box-sizing:border-box; } table.ambox+table.ambox{/* Single border between stacked boxes. */ margin-top:-1px; } .amboxth.mbox-text, .amboxtd.mbox-text{/* The message body cell(s) */ padding:0.25em0.5em;/* 0.5em left/right */ } .amboxtd.mbox-image{/* The left image cell */ /* @noflip */ padding:2px02px0.5em;/* 0.5em left, 0px right */ } .amboxtd.mbox-imageright{/* The right image cell */ /* @noflip */ padding:2px0.5em2px0;/* 0px left, 0.5em right */ } table.ambox-notice{ /* @noflip */ border-left:10pxsolid#36c;/* Blue */ } table.ambox-speedy{ /* @noflip */ border-left:10pxsolid#b32424;/* Red */ background-color:#fee7e6;/* Pink */ } table.ambox-delete{ /* @noflip */ border-left:10pxsolid#b32424;/* Red */ } table.ambox-content{ /* @noflip */ border-left:10pxsolid#f28500;/* Orange */ } table.ambox-style{ /* @noflip */ border-left:10pxsolid#fc3;/* Yellow */ } table.ambox-move{ /* @noflip */ border-left:10pxsolid#9932cc;/* Purple */ } table.ambox-protection{ /* @noflip */ border-left:10pxsolid#a2a9b1;/* Gray-gold */ } /* Image message box styles */ table.imbox{ margin:4px10%; border-collapse:collapse; border:3pxsolid#36c;/* Default "notice" blue */ background-color:#fbfbfb; box-sizing:border-box; } .imbox.mbox-text.imbox{/* For imboxes inside imbox-text cells. */ margin:0-0.5em;/* 0.9 - 0.5 = 0.4em left/right. */ display:block;/* Fix for webkit to force 100% width. */ } .mbox-inside.imbox{/* For imboxes inside other templates. */ margin:4px; } table.imbox-notice{ border:3pxsolid#36c;/* Blue */ } table.imbox-speedy{ border:3pxsolid#b32424;/* Red */ background-color:#fee7e6;/* Pink */ } table.imbox-delete{ border:3pxsolid#b32424;/* Red */ } table.imbox-content{ border:3pxsolid#f28500;/* Orange */ } table.imbox-style{ border:3pxsolid#fc3;/* Yellow */ } table.imbox-move{ border:3pxsolid#9932cc;/* Purple */ } table.imbox-protection{ border:3pxsolid#a2a9b1;/* Gray-gold */ } table.imbox-license{ border:3pxsolid#88a;/* Dark gray */ background-color:#f7f8ff;/* Light gray */ } table.imbox-featured{ border:3pxsolid#cba135;/* Brown-gold */ } /* Other pages message box styles */ table.ombox{ margin:4px10%; border-collapse:collapse; border:1pxsolid#a2a9b1;/* Default "notice" gray */ background:var(--background-color-interactive-subtle,#f8f9fa); box-sizing:border-box; } table.ombox-notice{ border:1pxsolid#a2a9b1;/* Gray */ } table.ombox-speedy{ border:2pxsolid#b32424;/* Red */ background-color:#fee7e6;/* Pink */ } table.ombox-delete{ border:2pxsolid#b32424;/* Red */ } table.ombox-content{ border:1pxsolid#f28500;/* Orange */ } table.ombox-style{ border:1pxsolid#fc3;/* Yellow */ } table.ombox-move{ border:1pxsolid#9932cc;/* Purple */ } table.ombox-protection{ border:2pxsolid#a2a9b1;/* Gray-gold */ } /* Talk page message box styles */ table.tmbox{ margin:4px10%; border-collapse:collapse; border:1pxsolid#c0c090;/* Default "notice" gray-brown */ background:var(--background-color-warning-subtle,#fdf2d5); min-width:80%; box-sizing:border-box; } .tmbox.mbox-small{ min-width:0;/* reset the min-width of tmbox above */ } .mediawiki.mbox-inside.tmbox{/* For tmboxes inside other templates. The "mediawiki" class ensures that */ margin:2px0;/* this declaration overrides other styles (including mbox-small above) */ width:100%;/* For Safari and Opera */ } .mbox-inside.tmbox.mbox-small{/* "small" tmboxes should not be small when */ line-height:1.5em;/* also "nested", so reset styles that are */ font-size:100%;/* set in "mbox-small" above. */ } table.tmbox-speedy{ border:2pxsolid#b32424;/* Red */ background-color:#fee7e6;/* Pink */ } table.tmbox-delete{ border:2pxsolid#b32424;/* Red */ } table.tmbox-content{ border:2pxsolid#f28500;/* Orange */ } table.tmbox-style{ border:2pxsolid#fc3;/* Yellow */ } table.tmbox-move{ border:2pxsolid#9932cc;/* Purple */ } table.tmbox-protection, table.tmbox-notice{ border:1pxsolid#c0c090;/* Gray-brown */ } /* Footer and header message box styles */ table.fmbox{ clear:both; margin:0.2em0; width:100%; border:1pxsolid#a2a9b1; background-color:#f8f9fa;/* Default "system" gray */ box-sizing:border-box; } table.fmbox-system{ background-color:#f8f9fa; } table.fmbox-warning{ border:1pxsolid#bb7070;/* Dark pink */ background-color:#ffdbdb;/* Pink */ } table.fmbox-editnotice{ background-color:transparent; } /* These mbox-small classes must be placed after all other ambox/tmbox/ombox etc classes. "html body.mediawiki" is so they override "table.ambox + table.ambox" above. */ htmlbody.mediawiki.mbox-small{/* For the "small=yes" option. */ /* @noflip */ clear:right; /* @noflip */ float:right; /* @noflip */ margin:4px04px1em; box-sizing:border-box; width:238px; font-size:88%; line-height:1.25em; } htmlbody.mediawiki.mbox-small-left{/* For the "small=left" option. */ /* @noflip */ margin:4px1em4px0; box-sizing:border-box; overflow:hidden; width:238px; border-collapse:collapse; font-size:88%; line-height:1.25em; } /* Style for compact ambox */ /* Hide the images */ .compact-amboxtable.mbox-image, .compact-amboxtable.mbox-imageright, .compact-amboxtable.mbox-empty-cell{ display:none; } /* Remove borders, backgrounds, padding, etc. */ .compact-amboxtable.ambox{ border:none; border-collapse:collapse; background-color:transparent; margin:0001.6em!important; padding:0!important; width:auto; display:block; } body.mediawiki.compact-amboxtable.mbox-small-left{ font-size:100%; width:auto; margin:0; } /* Style the text cell as a list item and remove its padding */ .compact-amboxtable.mbox-text{ padding:0!important; margin:0!important; } .compact-amboxtable.mbox-text-span{ display:list-item; line-height:1.5em; list-style-type:square; list-style-image:url(/w/skins/MonoBook/resources/images/bullet.gif); } .skin-vector.compact-amboxtable.mbox-text-span{ list-style-type:disc; list-style-image:url(/w/skins/Vector/images/bullet-icon.svg); list-style-image:url(/w/skins/Vector/images/bullet-icon.png)\9; } /* Allow for hiding text in compact form */ .compact-ambox.hide-when-compact{ display:none; } /* Stylesheet-Ergänzung zu Standard-[[Wikipedia:Navigationsleisten|Navigationsleisten]] */ div.BoxenVerschmelzen, div.NavFrame{ margin:0px; padding:2px; border:1pxsolid#aaaaaa; text-align:center; border-collapse:collapse; font-size:95%; clear:both; } div.BoxenVerschmelzendiv.NavFrame{ border-style:none; border-style:hidden; } div.NavFrame+div.NavFrame{ border-top-style:none; border-top-style:hidden; } div.NavPic{ background-color:#ffffff; margin:0px; padding:2px; float:left; } div.NavFramediv.NavHead{ font-weight:bold; font-size:100%; background-color:#efefef; } div.NavFramep{ font-size:100%; } div.NavFramediv.NavContent{ font-size:100%; } div.NavFramediv.NavContentp{ font-size:100%; } div.NavEnd{ margin:0px; padding:0px; line-height:1px; clear:both; } /* Stylesheet fuer den 'Ausklappen'-Button an Navileisten, der in [[MediaWiki:Common.js]] implementiert wird */ .NavToggle{ font-size:x-small; float:right; } /* Workaround für Internet Explorer 6 */ div.NavFrame,div.NavPic,.NavToggle{ position:relative; } /* Abstand vor Navigationsleisten */ div.BoxenVerschmelzen, div.NavFrame{ margin-top:1.5em; } div.BoxenVerschmelzendiv.NavFrame{ margin-top:0; } div.NavFrame+div.NavFrame{ margin-top:0; } /* Navigationsleisten nicht mit ausdrucken */ @mediaprint{ .NavFrame{ display:none; } .BoxenVerschmelzen{ display:none; } } tt{ font-size:115%; } /* Hide the 'Main Page' title https://www.mediawiki.org/wiki/Manual:FAQ#Method_1_.28css.29 */ body.page-Main_Pageh1.firstHeading{ display:none; } /* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for instance, will limit to showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which there shouldn't be according to the MoS). */ /* TemplateStyles */ .toclimit-2.toclevel-1ul, .toclimit-3.toclevel-2ul, .toclimit-4.toclevel-3ul, .toclimit-5.toclevel-4ul, .toclimit-6.toclevel-5ul, .toclimit-7.toclevel-6ul{ display:none; } /* Highlight linked elements (such as clicked references) in blue and circle them */ ol.references>li:target{ background-color:#DEF; box-shadow:0005px#DEF; } @mediascreen{ html.skin-theme-clientpref-nightol.references>li:target{ background-color:#1b223d; box-shadow:0005px#1b223d; } } @mediascreenand(prefers-color-scheme:dark){ html.skin-theme-clientpref-osol.references>li:target{ background-color:#1b223d; box-shadow:0005px#1b223d; } } ol.references>li:target:marker, ol.references>li:target:-moz-list-number{ font-weight:bold; } sup.reference:target, .citation:target,cite:target{ outline:mediumsolidrgba(6,69,173,0.4); outline-offset:2px; } /* Styling for citations. Breaks long urls, etc., rather than overflowing box */ .citation{ word-wrap:break-word; } /* Make the list of references smaller */ ol.references{ font-size:90%; margin-bottom:0.5em; } /* Style for horizontal lists (separator following item). @source mediawiki.org/wiki/Snippets/Horizontal_lists @revision 9 (2016年08月10日) @author [[User:Edokter]] */ .hlistdl, .hlistol, .hlistul{ margin:0; padding:0; } /* Display list items inline */ .hlistdd, .hlistdt, .hlistli{ margin:0; display:inline; } /* Display nested lists inline */ .hlist.inline, .hlist.inlinedl, .hlist.inlineol, .hlist.inlineul, .hlistdldl,.hlistdlol,.hlistdlul, .hlistoldl,.hlistolol,.hlistolul, .hlistuldl,.hlistulol,.hlistulul{ display:inline; } /* Hide empty list items */ .hlist.mw-empty-li, .hlist.mw-empty-elt{ display:none; } /* Generate interpuncts */ .hlistdt:after{ content:": "; } .hlistdd:after, .hlistli:after{ content:" · "; font-weight:bold; } .hlistdd:last-child:after, .hlistdt:last-child:after, .hlistli:last-child:after{ content:none; } /* Add parentheses around nested lists */ .hlistdddd:first-child:before,.hlistdddt:first-child:before,.hlistddli:first-child:before, .hlistdtdd:first-child:before,.hlistdtdt:first-child:before,.hlistdtli:first-child:before, .hlistlidd:first-child:before,.hlistlidt:first-child:before,.hlistlili:first-child:before{ content:" ("; font-weight:normal; } .hlistdddd:last-child:after,.hlistdddt:last-child:after,.hlistddli:last-child:after, .hlistdtdd:last-child:after,.hlistdtdt:last-child:after,.hlistdtli:last-child:after, .hlistlidd:last-child:after,.hlistlidt:last-child:after,.hlistlili:last-child:after{ content:")"; font-weight:normal; } /* Put ordinals in front of ordered list items */ .hlistol{ counter-reset:listitem; } .hlistol>li{ counter-increment:listitem; } .hlistol>li:before{ content:" "counter(listitem)"\a0"; } .hlistddol>li:first-child:before, .hlistdtol>li:first-child:before, .hlistliol>li:first-child:before{ content:" ("counter(listitem)"\a0"; } /* Unbulleted lists */ .plainlistol, .plainlistul{ line-height:inherit; list-style:nonenone; margin:0; } .plainlistolli, .plainlistulli{ margin-bottom:0; } bdi,.bdi{ unicode-bidi:embed;unicode-bidi:-webkit-isolate;unicode-bidi:isolate; } /* Styles for language bar */ .LanguageBar{ margin:0; background:#f9f9f9; border:none; padding:0.5em; font-size:95%; line-height:normal; text-align:justify; } /* Move the hlist separator from each list item to a span within. */ .hlist-with-sepsli:after{ content:none; } .hlist-with-seps.hlist-sep:after{ content:" · "; font-weight:bold; } .hlist-with-sepsli:last-child.hlist-sep:after{ content:none; } /* Hide language names where the page is unavailable, even when the link has been disabled */ .LanguageBar.new,.LanguageBar.new+.hlist-sep{ display:none; } /* ...but show them again when the links are usable */ .LanguageBar.showOther.new, .LanguageBar.showOther.new+.hlist-sep{ display:inline; } /* Hide stuff meant for accounts with special permissions. Made visible again in [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */ .checkuser-show, .sysop-show, .autoconfirmed-show, .user-show{ display:none; } /* Hide the redlink generated by {{Editnotice}}, this overrides the ".sysop-show { display: none; }" above that applies to the same link as well. See [[phab:T45013]] Hide the images in editnotices to keep them readable in VE view. Long term, editnotices should become a core feature so that they can be designed responsive. */ .ve-ui-mwNoticesPopupTool-item.editnotice-redlink, .ve-ui-mwNoticesPopupTool-item.mbox-image, .ve-ui-mwNoticesPopupTool-item.mbox-imageright{ display:none!important; } /* Pin table headers to the top of the viewport for very long tables */ table.stickyth{ position:sticky; box-shadow:01px1px1px#aaa; } table.stickytheadth{ top:0; box-shadow:1px1px01px#aaa; outline-style:solid; outline-width:1px; outline-color:#aaa; } table.stickytheadtr:first-child{ height:70px; } table.stickytheadtr+trth{ top:70px; } /* Alternating stripes on table rows for when there are many columns */ table.stripedtr:nth-child(2n){ background-color:#ddd; } /* Make [[Template:Banner]] responsive */ .topbannerimg{ max-width:100%; height:auto; } /* From [[w:Module:Hatnote/styles.css]] */ .hatnote{ font-style:italic; } /* Limit structure CSS to divs because of [[Module:Hatnote inline]] */ div.hatnote{ /* @noflip */ padding-left:1.6em; margin-bottom:0.5em; } .hatnotei{ font-style:normal; } @mediaprint{ body.ns-0.hatnote{ display:none!important; } } /* </source> */