Common.css
From ISOGG Wiki
Note: After saving, 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)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* <source lang="css"> */ /* pic-float(left/right) classes */ .pic-floatleft { float: left; margin: 0 1em 1em 0; } .pic-floatright { float: right; margin: 0 0 1em 1em; } @media only screen and (max-width:782px) { .pic-floatleft { float: none; margin: 0 auto 1em; } .pic-floatright { float: none; margin: 0 auto 1em; } } /* Main page fixes */ #interwiki-completelist { font-weight: bold; } body.no-header div#content #siteSub, body.no-header div#content #contentSub, body.no-header div#content h1.firstHeading { display: none; } /* Pages to hide headings on */ body.page-User_TomHutchison_New_Main_Page h1.firstHeading, body.page-User_TomHutchison_New_Main_Page #contentSub { display:none; } /* Welcome - Main page hide headings */ body.page-Wiki_Welcome_Page h1.firstHeading, body.page-Wiki_Welcome_Page #contentSub { display:none; } /* Hide all Portal headings and sub content on Portal page */ body.page-Portal_DNA_testing h1.firstHeading, body.page-Portal_DNA_testing #contentSub, body.page-Portal_Autosomal_DNA h1.firstHeading, body.page-Portal_Autosomal_DNA #contentSub, body.page-Portal_Mitochondrial_DNA h1.firstHeading, body.page-Portal_Mitochondrial_DNA #contentSub, body.page-Portal_Y-chromosome_DNA h1.firstHeading, body.page-Portal_Y-chromosome_DNA #contentSub, body.page-Portal_DNA_Projects h1.firstHeading, body.page-Portal_DNA_Projects #contentSub, body.page-Portal_Genetic_Genealogy_Resources h1.firstHeading, body.page-Portal_Genetic_Genealogy_Resources #contentSub, body.page-Portal_Genealogy h1.firstHeading, body.page-Portal_Genealogy #contentSub, body.page-Portal_DNA_Project_Administration h1.firstHeading, body.page-Portal_DNA_Project_Administration #contentSub, body.page-Portal_Help h1.firstHeading, body.page-Portal_Help #contentSub, body.page-Portal_Projects h1.firstHeading, body.page-Portal_Projects #contentSub, body.page-Portal_All_Portals h1.firstHeading, body.page-Portal_All_Portals #contentSub { display:none; } body.page-Main_Page #ca-delete { display: none !important; } body.page-Main_Page #mp-topbanner { clear: both; } /* Edit window toolbar */ #toolbar { height: 22px; margin-bottom: 6px; } /* Margins for <ol> and <ul> */ #content ol, #content ul, #mw_content ol, #mw_content ul { margin-bottom: 0.5em; } /* Make the list of references in [[Template:Reflist]] smaller */ .references-small { font-size: 90%; } /* Highlight clicked reference in blue to help navigation */ ol.references > li:target, sup.reference:target, span.citation:target { background-color: #DEF; } /* Ensure refs in table headers and the like aren't bold or italic */ sup.reference { font-weight: normal; font-style: normal; } /* Styling for citations */ span.citation, cite { font-style: normal; word-wrap: break-word; } /* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */ @media screen, handheld { span.citation *.printonly { display: none; } } /* Default skin for navigation boxes */ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline and make them nowrap */ .hlist dd, .hlist dt, .hlist li { margin: 0; display: inline-block; white-space: nowrap; } /* Allow wrapping for list items (in tight spaces) */ .hlist.hwrap dd, .hlist.hwrap dt, .hlist.hwrap li { white-space: normal; } /* Display nested lists inline and allow them to wrap */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; white-space: normal; } /* Generate interpuncts */ .hlist dt:after { content: ":"; } .hlist dd:after, .hlist li:after { content: " ·"; font-weight: bold; } .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; } /* For IE8 */ .hlist dd.hlist-last-child:after, .hlist dt.hlist-last-child:after, .hlist li.hlist-last-child:after { content: none; } /* Add parentheses around nested lists */ .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { content: "("; font-weight: normal; } .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after { content: ")"; font-weight: normal; } /* For IE8 */ .hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after, .hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after, .hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after { content: ")"; font-weight: normal; } /* Put numbers in front of ordered list items */ .hlist.hnum ol { counter-reset: list-item; } .hlist.hnum ol > li { counter-increment: list-item; } .hlist.hnum ol > li:before { content: counter(list-item) " "; } .hlist.hnum dd ol > li:first-child:before, .hlist.hnum dt ol > li:first-child:before, .hlist.hnum li ol > li:first-child:before { content: "(" counter(list-item) " "; } /* 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-group, .navbox-title, .navbox-abovebelow { padding: 0.25em 1em; /* 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: #fdfdfd; /* Background color */ } .navbox-list { line-height: 1.8em; border-color: #fdfdfd; /* Must match background color */ } .navbox th, .navbox-title { background: #ccccff; /* Level 1 color */ } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { background: #ddddff; /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; /* Level 3 color */ } .navbox-even { background: #f7f7f7; /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0; /* Adjust hlist padding in navboxes */ } ol + table.navbox, ul + table.navbox { margin-top: 0.5em; /* Prevent lists from clinging to navboxes */ } /* Default styling for Navbar template */ .navbar { display: inline; font-size: 88%; font-weight: normal; } .navbar ul { display: inline; white-space: nowrap; } .navbar li { word-spacing: -0.125em; } .navbar.mini li span { font-variant: small-caps; } /* Navbar styling when nested in 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; width: 6em; } /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript in [[MediaWiki:Common.js]] are styled here so they can be customised. */ .collapseButton { /* @noflip */ float: right; font-weight: normal; /* @noflip */ margin-left: 0.5em; /* @noflip */ text-align: right; width: auto; } /* In navboxes, the show/hide button balances the v·d·e links from [[Template:Navbar]], so they need to be the same width. */ .navbox .collapseButton { width: 6em; } /* Styling for JQuery makeCollapsible, matching that of collapseButton */ .mw-collapsible-toggle { font-weight: normal; /* @noflip */ text-align: right; } .navbox .mw-collapsible-toggle { width: 6em; } /* Infobox template style */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox.sisterproject { width: 20em; font-size: 90%; } .infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; } /* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa; } .infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; border-right: 1px solid #aaa; } /* Styles for geography infoboxes, eg countries, country subdivisions, cities, etc. */ .infobox.geography { text-align: left; border-collapse: collapse; line-height: 1.2em; font-size: 90%; } .infobox.geography td, .infobox.geography th { border-top: solid 1px #aaa; padding: 0.4em 0.6em 0.4em 0.6em; } .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th { border-top: solid 1px #aaa; padding: 0.4em 0.6em 0.2em 0.6em; } .infobox.geography .mergedrow td, .infobox.geography .mergedrow th { border: 0; padding: 0 0.6em 0.2em 0.6em; } .infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th { border-top: 0; border-bottom: solid 1px #aaa; padding: 0 0.6em 0.4em 0.6em; } .infobox.geography .maptable td, .infobox.geography .maptable th { border: 0; padding: 0; } /* Makes redirects appear in italics in categories and on [[Special:Allpages]] */ .redirect-in-category, .allpagesredirect { font-style: italic; } /* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */ div.listenlist { background: url("https://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png"); padding-left: 40px; } /* 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 */ #content a[href$=".pdf"].external, #content a[href*=".pdf?"].external, #content a[href*=".pdf#"].external, #content a[href$=".PDF"].external, #content a[href*=".PDF?"].external, #content a[href*=".PDF#"].external, #mw_content a[href$=".pdf"].external, #mw_content a[href*=".pdf?"].external, #mw_content a[href*=".pdf#"].external, #mw_content a[href$=".PDF"].external, #mw_content a[href*=".PDF?"].external, #mw_content a[href*=".PDF#"].external { background: url("https://upload.wikimedia.org/wikipedia/commons/2/23/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. */ #content span.PDFlink a, #mw_content span.PDFlink a { background: url("https://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") center right no-repeat; padding-right: 17px; } /* 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; } /* 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; margin: 4px auto; } /* For old WikiProject banners inside banner shells. */ .mbox-inside .standard-talk, .messagebox.nested-talk { border: 1px solid #c0c090; background-color: #f8eaba; width: 100%; margin: 2px 0; padding: 2px; } .messagebox.small { width: 238px; font-size: 85%; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; } .messagebox.small-talk { width: 238px; font-size: 85%; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; background: #F8EABA; } /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ th.mbox-text, td.mbox-text { /* The message body cell(s) */ border: none; padding: 0.25em 0.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; padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; min-width: 60px; } td.mbox-imageright { /* The right image cell */ border: none; padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ text-align: center; min-width: 60px; } td.mbox-empty-cell { /* An empty narrow cell */ border: none; padding: 0px; width: 1px; } /* Article message box styles */ table.ambox { margin: 0 5% 1em; /* 10% = Will not overlap with other elements */ border: 1px solid #aaa; border-left: 3px solid #1e90ff; /* Default "notice" blue */ background: #fbfbfb; } table.ambox + table.ambox { /* Single border between stacked boxes. */ margin-top: -1em; } .ambox th.mbox-text, .ambox td.mbox-text { /* The message body cell(s) */ padding: 0.25em 0.5em; /* 0.5em left/right */ } .ambox td.mbox-image { /* The left image cell */ padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ } .ambox td.mbox-imageright { /* The right image cell */ padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ } table.ambox-notice { border-left: 3px solid #1e90ff; /* Blue */ } table.ambox-speedy { border-left: 3px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.ambox-delete { border-left: 3px solid #b22222; /* Red */ } table.ambox-content { border-left: 3px solid #f28500; /* Orange */ } table.ambox-style { border-left: 3px solid #f4c430; /* Yellow */ } table.ambox-move { border-left: 3px solid #9932cc; /* Purple */ } table.ambox-protection { border-left: 3px solid #bba; /* Gray-gold */ } /* Image message box styles */ table.imbox { margin: 0 5% 1em; border-collapse: collapse; border: 3px solid #1e90ff; /* Default "notice" blue */ background: #fbfbfb; } .imbox .mbox-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; } 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 */ table.cmbox { margin: 0 5% 1em; border-collapse: collapse; border: 1px solid #aaa; background: #DFE8FF; /* Default "notice" blue */ } table.cmbox-notice { background: #D8E8FF; /* Blue */ } table.cmbox-speedy { margin: 0 5% 1em; border: 3px 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: #E4D8FF; /* Purple */ } table.cmbox-protection { background: #EFEFE1; /* Gray-gold */ } /* Other pages message box styles */ table.ombox { margin: 0 5% 1em; border-collapse: collapse; border: 1px solid #aaa; /* Default "notice" gray */ background: #f9f9f9; } table.ombox-notice { border: 1px solid #aaa; /* Gray */ } table.ombox-speedy { border: 1px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.ombox-delete { border: 1px 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: 1px solid #bba; /* Gray-gold */ } /* Talk page message box styles */ table.tmbox { margin: 0 5% 1em; border-collapse: collapse; border: 1px solid #c0c090; /* Default "notice" gray-brown */ background: #f8eaba; } .mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */ margin: 2px 0; /* class ensures that this declaration overrides other */ width: 100%; /* For Safari and Opera */ /* styles (including mbox-small above) */ } .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: 1px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.tmbox-delete { border: 1px solid #b22222; /* Red */ } table.tmbox-content { border: 1px solid #f28500; /* Orange */ } table.tmbox-style { border: 2px solid #f4c430; /* Yellow */ } table.tmbox-move { border: 1px solid #9932cc; /* Purple */ } table.tmbox-protection, table.tmbox-notice { border: 1px solid #c0c090; /* Gray-brown */ } /* Disambig and set index box styles */ table.dmbox { clear: both; margin: 0 5% 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: transparent; } /* Footer and header message box styles */ table.fmbox { clear: both; margin: 0 0 1em; width: 100%; border: 1px solid #aaa; background: #f9f9f9; /* Default "system" gray */ } table.fmbox-system { background: #f9f9f9; } table.fmbox-warning { border: 1px solid #bb7070; /* Dark pink */ background: #ffdbdb; /* Pink */ } table.fmbox-editnotice { background: transparent; } /* Div based "warning" style fmbox messages. */ div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon { clear: both; margin: 0 0 1em; border: 1px solid #bb7070; background: #ffdbdb; padding: 0.25em 0.9em; } /* Div based "system" style fmbox messages. Used in [[MediaWiki:Readonly lag]]. */ div.mw-lag-warn-normal, div.fmbox-system { clear: both; margin: 0 0 1em; border: 1px solid #aaa; background: #f9f9f9; padding: 0.25em 0.9em; } /* Remove 5% left and right margins on small screens */ @media only screen and (max-width:782px) { table.ambox, table.imbox, table.cmbox, table.ombox, table.tmbox, table.dmbox, table.fmbox { margin: 0 0 1em; } } /* These mbox-small classes must be placed after all other ambox/tmbox/ombox etc classes. "body.mediawiki" is so they override "table.ambox + table.ambox" above. */ body.mediawiki table.mbox-small { /* For the "small=yes" option. */ clear: right; float: right; margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; } body.mediawiki table.mbox-small-left { /* For the "small=left" option. */ margin: 4px 1em 4px 0; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; } /* Remove default styles for [[MediaWiki:Noarticletext]]. */ div.noarticletext { border: none; background: transparent; padding: 0; } #wpSave { font-weight: bold; } /* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */ .hiddenStructure { display: inline ! important; color: #f00; background-color: #0f0; } /* suppress missing interwiki image links where #ifexist cannot be used due to high number of requests see .hidden-redlink on https://meta.wikimedia.org/wiki/MediaWiki:Common.css */ .check-icon a.new { display: none; speak: none; } /* Removes underlines from links */ .nounderlines a { text-decoration: none; } /* Remove underline from IPA links */ .IPA a:link, .IPA a:visited { text-decoration: none; } /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]]. */ div.NavFrame { margin: 0; padding: 4px; border: 1px solid #aaa; 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; float: left; } div.NavFrame div.NavHead { 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; right: 3px; font-weight: normal; font-size: 90%; } /* Hatnotes and disambiguation notices */ #disambig, .dablink { border:2px solid silver; border-width: 1px 0px; background:white; margin:0.5ex 1em 0.5ex 1.5em; } .dablink { border-width:1px 0; padding:0.5ex 1em 0.5ex 1ex; font-style:italic; } .rellink, .dablink { font-style: italic; padding-left: 2em; margin-bottom: 0.5em; } .rellink i, .dablink i { font-style: normal; } /* Style for horizontal UL lists */ .horizontal ul { padding: 0; margin: 0; } .horizontal li { padding: 0 0.6em 0 0.4em; display: inline; border-right: 1px solid; } .horizontal li:last-child { border-right: none; padding-right: 0; } /* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */ .listify td { display: list-item; } .listify tr { display: block; } .listify table { display: block; } /* Geographical coordinates defaults. See [[Template:Coord/link]] for how these are used. The classes "geo", "longitude", and "latitude" are used by the [[Geo microformat]]. */ .geo-default, .geo-dms, .geo-dec { display: inline; } .geo-nondefault, .geo-multi-punct { display: none; } .longitude, .latitude { white-space: nowrap; } /* When <div class="nonumtoc"> is used on the table of contents, the ToC will display without numbers */ .nonumtoc .tocnumber { display: none; } .nonumtoc #toc ul, .nonumtoc .toc ul { line-height: 1.5em; list-style: none; margin: .3em 0 0; padding: 0; } .nonumtoc #toc ul ul, .nonumtoc .toc ul ul { margin: 0 0 0 2em; } /* 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). */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /* Styling for Template:Quote */ blockquote.templatequote { margin-top: 0; } blockquote.templatequote div.templatequotecite { line-height: 1em; text-align: left; padding-left: 2em; margin-top: 0; } blockquote.templatequote div.templatequotecite cite { font-size: 85%; } div.user-block { padding: 5px; border: 1px solid #A9A9A9; background-color: #FFEFD5; } /* Prevent line breaks in silly places: 1) Links when we don't want them to 2) Bold "links" to the page itself 2) HTML formulae 3) Ref tags with group names <ref group="Note"> --> "[Note 1]" */ .nowraplinks a, .nowraplinks .selflink, span.texhtml, sup.reference a { white-space: nowrap; } /* For template documentation */ .template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #ecfcf4; padding: 1em; } .thumbinner { min-width: 100px; } /* Inline divs in ImageMaps (code borrowed from de.wiki) */ .imagemap-inline div { display: inline; } /* Increase the height of the image upload box */ #wpUploadDescription { height: 13em; } /* Reduce line-height for <sup> and <sub> */ sup, sub { line-height: 1em; } /* Remove white border from thumbnails */ div.thumb { border: none; } div.tright { border: none; margin: 0.5em 0 0.8em 1.4em; } div.tleft { border: none; margin: 0.5em 1.4em 0.8em 0; } /* Makes the background of a framed image white instead of gray. */ /* Only visible with transparent images. */ div.thumb img.thumbimage { background-color: #fff; } /* The backgrounds for galleries. */ #content .gallerybox div.thumb { background-color: #F9F9F9; /* Light gray padding */ } /* Put a chequered background behind images, only visible if they have transparency */ .gallerybox .thumb img, #file img { background: white url("https://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat; } /* But not on articles, user pages, portals or with opt-out. */ .ns-0 .gallerybox .thumb img, .ns-2 .gallerybox .thumb img, .ns-100 .gallerybox .thumb img, .nochecker .gallerybox .thumb img { background: white; } /* Prevent floating boxes from overlapping any category listings, file histories, edit previews, and edit [Show changes] views */ #mw-subcategories, #mw-pages, #mw-category-media, #filehistory, #wikiPreview, #wikiDiff { clear: both; } /* Selectively hide headers in WikiProject banners */ .wpb .wpb-header { display: none; } .wpbs-inner .wpb .wpb-header { display: block; } /* for IE */ .wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */ .wpbs-inner .wpb-outside { display: none; } /* hide things that should only display outside shells */ /* Styling for Abuse Filter tags */ .mw-tag-markers { font-family:sans-serif; font-style:italic; font-size:90%; } /* Fix so <tt>, <code> and <pre> tags get normal text size also in some versions of Firefox, Safari, Konqueror, Chrome etc. */ tt, code, pre { padding: 5px; font-family: monospace, sans-serif; overflow-x: auto; overflow-y: visible; font-size:0.95em; background-color:#EEEEEE; } /* Remove bullets when there are multiple edit page warnings */ ul.permissions-errors > li { list-style: none; } ul.permissions-errors { margin: 0; } /* No linewrap on the labels of the login/signup page */ body.page-Special_UserLogin .mw-label label, body.page-Special_UserLogin_signup .mw-label label { white-space : nowrap; } /* Fix an alignment issue with oggplayer when rendered as center */ .center .ogg-player-options ul { margin: 0.3em 0px 0px 1.5em; } /* </source> */ /* Other */ /* This is the CSS for all skins (for all users) on MediaWiki.org. SECTIONS: 1. Indication of namespaces 2. Color classes for content 3. Special pages 4. Main page styling 5. Sidebar external links 6. Extension:Matrix stuff 7. Wikitables, infobox templates, warnings, and other such stylings 8. Some other small things */ /***** 1. INDICATION OF NAMESPACES *****/ /* Pseudo NS Special (light grey) */ .ns--2 #content { background-color: #f4f4f4; } .ns--2 div.thumb { border-color: #f4f4f4; } /* NS Project + Project_talk (light sky blue) */ .ns-4 #content, .ns-5 #content { background-color: #f8fcff; } .ns-4 div.thumb, .ns-5 div.thumb { border-color: #f8fcff; } /* NS MediaWiki + MediaWiki_talk (light grey) */ .ns-8 #content, .ns-9 #content { background-color: #f4f4f4; } .ns-8 div.thumb, .ns-9 div.thumb { border-color: #f4f4f4; } /* NS Manual + Manual_talk (white) */ .ns-100 #content, .ns-101 #content { background-color: #fff; } .ns-100 div.thumb, .ns-101 div.thumb { border-color: #fff; } /* NS Help (but NOT Help_talk) (blue border and Public Domain icon) */ .ns-12 #content { border-right: none; background-image: url(/w/images/background_Help_pages.png); background-repeat: no-repeat; background-position: right top 10px } .ns-12 #bodyContent { background-image: url(https://upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png); background-repeat: no-repeat; background-position: right 5em; } /***** 2. COLOR CLASSES FOR CONTENT *****/ /* Border colors */ .borderc1 { border-color: #e9e9e9; border-width: thin; } /* light grey */ .borderc2 { border-color: #aaaaaa; border-width: thin; } /* grey (as toc) */ .borderc3 { border-color: #777777; border-width: thin; } /* dark grey */ .borderc4 { border-color: #000000; border-width: thin; } /* black */ .borderc5 { border-color: #c00000; border-width: thin; } /* red */ .borderc6 { border-color: #025e9d; border-width: thin; } /* blue */ .borderc7 { border-color: #008040; border-width: thin; } /* green */ .borderc8 { border-color: #ffcc00; border-width: thin; } /* yellow */ /* Background colors */ .backgroundc1 { background-color: #ffffff; } /* white */ .backgroundc2 { background-color: #f9f9f9; } /* light grey (as toc) */ .backgroundc3 { background-color: #eeeeee; } /* light grey (headers) */ .backgroundc4 { background-color: #e0e0e0; } /* more grey */ .backgroundc5 { background-color: #d2d2d2; } /* more grey */ .backgroundc6 { background-color: #b7b7b7; } /* more grey */ .backgroundc7 { background-color: #a3a3a3; } /* darker grey */ .backgroundc8 { background-color: #444455; } /* very dark grey */ /***** 3. SPECIAL PAGES *****/ /* Marking redirects */ .allpagesredirect, .watchlistredir, .redirect-in-category { font-style: italic; } /* Consistent special page navigation */ .SpecialPageInfo { background-color: #f9f9f9; background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png); background-position: 0.8em 0.5em; background-repeat: no-repeat; padding: 0.3em 0.5em 0.3em 5.0em; border-color: #025e9d; border-width: 1px; border-style: solid; border-bottom-width: medium; margin-bottom: 1em; } .mw-viewprevnext { display: block; border: 1px solid #cccccc; background-color: #f9f9f2; padding: 0.2em 0.4em; } /***** 4. MAIN PAGE STYLING *****/ #mainpage_topbox { background: #f9f9f9; padding: 0px; border: 1px solid #aaaaaa; margin: 0.2em 10px 10px; } .mainpage_boxtitle, .mainpage_hubtitle, #mainpage_pagetitle { font-size: 105%; padding: 0.4em; background-color: #eeeeee; border-bottom: 1px solid #aaaaaa; } .mainpage_boxtitle { line-height: 120%; } #mainpage_pagetitle { color: #cf7606; font-size: 200% !important; } #mainpage_sitelinks { padding: 0.2em; text-align: center; background-color: white; } .mainpage_hubtitle { text-align: center; } .mainpage_boxcontents, .mainpage_boxcontents_small { background: #ffffff; padding: 0.2em 0.4em; } .mainpage_boxcontents_small { font-size: 95%; } .mainpage_hubbox, #mainpage_newscell, #mainpage_downloadcell { padding: 0; border: 1px solid #aaaaaa; } .mainpage_hubbox { margin-bottom: 0; } #mainpage_newscell { margin-bottom: 15px; margin-top: 0 !important; } #mainpage_newscell .mainpage_boxtitle { background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png); background-repeat: no-repeat; background-position: 99% 0.3em; padding-right: 25px; } #mainpage_downloadcell { width: 17em; margin-bottom: 5px; } #mainpage_downloadcell .mainpage_boxtitle { background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png); background-repeat: no-repeat; background-position: 96% 0.33em; padding-right: 25px; } #mainpage_mwtitle { color: #005288; } /* The words 'MediaWiki.org' in the title. */ /* The "mainpage" class is added to the body with javascript for the main page in all */ /* languages, so we can style things that apppear on the main page and also elsewhere. */ .mainpage #lastmod, .mainpage #siteSub, .mainpage h1.firstHeading { display: none !important; } .mainpage #content { padding-top: 1em; } /***** 5. SIDEBAR EXTERNAL LINKS *****/ #n-browse-cvs a, #n-phpdoc a, #n-Mailing-list a { background: url(/skins-1.5/monobook/external.png) center right no-repeat; padding-right: 13px; color: #3366bb; } /***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/ /* Wikitable (Prettytable) class for skinning tables */ table.wikitable th, table.wikitable td { padding: 0.2em 0.4em; } table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3 { background: #8da7d6; } table.wikitable td.hl1, table.wikitable th.hl1 { background: #c5d8fc; text-align: center; } table.wikitable td.hl2, table.wikitable th.hl2 { background: #a7c1f2; text-align: center; } table.wikitable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } /* General purpose "pretty (data) tables" */ table.datatable { background-color: transparent; } table.datatable th, table.datatable td { padding: 4px; } table.datatable th { text-align: left; background-color: #999999; } table.datatable tr { background-color: #cccccc; } table.datatable tr:hover { background-color: #ffffcc; } /* SideBox styling */ div.sideBox { position: relative; float: right; background: white; margin-left: 1em; border: 1px solid gray; padding: 0.3em; width: 200px; overflow: hidden; clear: right; } div.sideBox dl { padding: 0; margin: 0 0 0.3em 0; font-size: 96%; } div.sideBox dl dt { background: none; margin: 0.4em 0 0 0; } div.sideBox dl dd { margin: 0.1em 0 0 1.1em; background-color: #f3f3f3; } /* Extension infobox styling */ .ext-infobox { border: 2px solid #aaaaaa; width: 272px; float: right; margin: 0 0 0.5em 0.5em; border-collapse: collapse; background-color: white; } .ext-infobox td { border: 2px none #aaaaaa; padding: 0.2em 0.5em; border-bottom: 1px solid #f0f0f0 !important; } .ext-header { background-color: #aaaaaa; color: white; text-align: left; } .ext-header td { padding-top: 0.5em; } .ext-header img { padding: 0 0.2em 0 0.5em; } .ext-status-unstable, .ext-status-unstable td { border-color: #990000; } .ext-status-unstable .ext-header { background-color: #990000; color: #ffff00; } .ext-status-experimental, .ext-status-experimental td { border-color: #cc6600; } .ext-status-experimental .ext-header { background-color: #cc6600; } .ext-status-beta, .ext-status-beta td { border-color: #000099; } .ext-status-beta .ext-header { background-color: #000099; } .ext-status-stable, .ext-status-stable td { border-color: #009900; } .ext-status-stable .ext-header { background-color: #009900; } /* Cute little "tip" boxes */ div.tip { padding: 4px; margin-top: 4px; margin-bottom: 4px; min-height: 30px; /* IE users will hate this... */ } div.tip-info { border: 1px solid #cc9933; background-color: #cccc99; } div.tip-gotcha { border: 1px solid #cc0000; background-color: #cc6666; } /* Version box on [[Manual:Downloading MediaWiki]] */ #DownloadVersionBox { border: 2px solid black; border-collapse: collapse; margin: auto; width: 50%; color: black; } #DownloadVersionBox td { border: 2px solid black; padding: 20px; } /* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */ .majorwarning { background: yellow; padding: 0.3em; text-align: center; font-size: 125%; border: 2px solid red; } /* Page headings used throughout the wiki (though not very much at the time of writing…) */ .page-notice, .page-warning { border-width: 1px; border-style: solid; padding: 0.3em 0.5em; margin-bottom: 1em; width: 95%; margin-left: auto; margin-right: auto; text-align: center; } /* Informative notices at the top of pages (blue) */ .page-notice { background-color: #f9f9f9; border-color: #025e9d; text-align: left; } /* Warning information at the top of pages (red) */ .page-warning { background-color: #ffffff; border-color: #c51919; border-width: 2px; } .pw-head { color: #c51919; font-weight: bold; } /* Used in Template:Notice */ .block-note { background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png); background-position: top left; background-repeat: no-repeat; } /* Using block-contents in the hope that it can apply to all block-level warning templates, with different images applied as backgrounds to the wrapping DIV. */ .block-contents { display: block; padding-left: 20px; } /* Template documentation ([[Template:Documentation]]) */ .template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #ecfcf4; padding: 5px; } /***** 8. SOME OTHER SMALL THINGS *****/ /* Give a bit of space to the TOC */ #toc { margin: 1em 0; } /* make the list of references look smaller and highlight clicked reference in blue */ ol.references { font-size: 100%; } .references-small { font-size: 90%;} ol.references > li:target { background-color: #ddeeff; } sup.reference:target { background-color: #ddeeff; } /* Printing of thumbnails (bug 1583) */ div.tright { clear: right; } /* extra buttons for edit dialog (from commons:MediaWiki:Common.css) */ .my-buttons { padding: .5em; } .my-buttons a { color: black; background-color: #cde !important; font-weight: bold; font-size: .9em; text-decoration: none; border: thin #069 outset; padding: 0 .1em .1em; } .my-buttons a:hover, .my-buttons a:active { background-color: #bcd; border-style: inset; } /* from [[User:Splarka/Help:Linked images]] */ .imagelink_wikilogo a { width: 135px; height: 135px; display: block; text-decoration: none; background-image: url("https://upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png"); } /**** reduced subset of the mbox styles from enwiki, mainly for the nice boxflow ****/ table.mbox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #aaa; /* Default "notice" gray */ background: #f9f9f9; } table.mbox-wide { margin: 4px 0; } th.mbox-text, td.mbox-text { /* The message body cell(s) */ border: none; padding: 0.25em 0.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; padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; } td.mbox-imageright { /* The right image cell */ border: none; padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ text-align: center; } td.mbox-empty-cell { /* An empty narrow cell */ border: none; padding: 0px; width: 1px; } /* These mbox-small classes must be placed after all other ambox/tmbox/ombox etc classes. "body.mediawiki" is so they override "table.ambox + table.ambox" above. */ body.mediawiki table.mbox-small { /* For the "small=yes" option. */ clear: right; float: right; margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; } body.mediawiki table.mbox-small-left { /* For the "small=left" option. */ margin: 4px 1em 4px 0; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; } /* These are the same colours as the enwiki 'cmbox' styles; just with different names. */ table.mbox-critical { border: 4px solid #b22222; /* Red */ background: #FFDBDB; /* Pink */ } table.mbox-important { background: #FFDBDB; /* Red */ } table.mbox-warning { background: #FFE7CE; /* Orange */ } table.mbox-caution { background: #FFF9DB; /* Yellow */ } table.mbox-notice { background: #D8E8FF; /* Blue */ } table.mbox-move { background: #E4D8FF; /* Purple */ } table.mbox-protection { background: #EFEFE1; /* Gray-gold */ } /******************* ** Infoboxes *******************/ .infobox { float:right; clear:right; margin-bottom:0.5em; margin-left:1em; padding:0.2em; border:1px solid #AAA; background:#F9F9F9; color:black; } .infobox td, .infobox th { vertical-align:top; } .infobox caption { margin-left:inherit; font-size:larger; } .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; } /******************* ** Sister project templates *******************/ .infobox.sisterproject { width:20em; font-size:90%; } .sister-project { clear:right; float:right; width:250px; margin:0 0 1em 3em; padding:4px; border:1px solid #AAA; background:#F9F9F9; font-size:0.8em; text-align:left; } /* add class for smaller font */ .smaller-font { font-size:88%; line-height: 1.5em; } /* Headertabs css */ #headertabs.ui-widget { font-family: inherit; font-size: 1em; /* ie doesn't like inherit here */ } #headertabs.ui-widget-content { color: inherit; background: transparent; border: none; } #headertabs.ui-tabs { padding: 0; } #headertabs.ui-tabs .ui-tabs-panel { padding: 0; } #headertabs .ui-widget-header { border: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; } #headertabs .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: 1em; } /* ie doesn't like inherit here */ #headertabs .ui-widget-content a { color:#0645AD; } #headertabs .ui-widget-content a:visited { color:#0b0080; } #headertabs .ui-widget-content a.new { color:#CC2200; } #headertabs .ui-widget-content a.new:visited { color:#A55858; } #headertabs .ui-widget-content a.extiw { color:#3366BB; } #headertabs .ui-widget-content a.redirect { color:#308050; } /*Color redirect links*/ #headertabs .ui-widget-content a.redirect:visited { color:#3070A0; } /*Color redirect links*/ /* end Headertabs css */ /* Portal CSS, modified by Hutchy68 On wide screens, show these as two columns On narrow and mobile screens, let them collapse into a single column */ .portal-column-left { float: left; width: 55%; } .portal-column-right { float: right; width: 44%; } .portal-column-left-wide { float: left; width: 60%; } .portal-column-right-narrow { float: right; width: 39%; } .portal-column-left-extra-wide { float: left; width: 70%; } .portal-column-right-extra-narrow { float: right; width: 29%; } .portal-column-left-narrow { float: left; width: 44%; } .portal-column-right-wide { float: right; width: 55%; } @media only screen and (max-width: 800px) { /* Decouple the columns on narrow screens */ .portal-column-left, .portal-column-right, .portal-column-left-wide, .portal-column-right-narrow, .portal-column-left-extra-wide, .portal-column-right-extra-narrow, .portal-column-left-narrow, .portal-column-right-wide { float: inherit; width: inherit; } } .facebook-sidebar { margin-left: 6px; padding: 0 0 8px 5px; } /* wikitable is part of core. prettytable is deprecated but still used in some places, untill fully replaced: */ table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaaaaa solid; border-collapse: collapse; } table.prettytable th, table.prettytable td { border: 1px #aaaaaa solid; padding: 0.2em; } table.prettytable th { background: #f2f2f2; text-align: center; } table.prettytable caption { margin-left: inherit; margin-right: inherit; } .mw-pt-languages { margin-bottom:8px; } p.famous-dna-disclaimer { border: 1px solid #eeefff; padding: 5px; background: #f8f9ff; }