MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(11 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
/* common.css */ | |||
body.page-Main_Page h1.firstHeading { display:none; } | body.page-Main_Page h1.firstHeading { display:none; } | ||
Line 1,267: | Line 1,269: | ||
color: #4f5359; | color: #4f5359; | ||
text-decoration: none; | text-decoration: none; | ||
height: 3.4em; | |||
} | } | ||
Line 1,348: | Line 1,351: | ||
border-left: 1px solid #e4e4e4; | border-left: 1px solid #e4e4e4; | ||
padding-left: 20px; | padding-left: 20px; | ||
height: | height: 60px; | ||
top: | top: 39px; | ||
background-color: #fafafa; | background-color: #fafafa; | ||
margin: 0em; | margin: 0em; | ||
Line 1,400: | Line 1,403: | ||
background: white; | background: white; | ||
border: 1px solid #e4e4e4; | border: 1px solid #e4e4e4; | ||
min-height: 130px; | |||
} | } | ||
Line 1,664: | Line 1,668: | ||
font-size: 1.6em; | font-size: 1.6em; | ||
} | } | ||
/*CommetStreams style*/ | /*CommetStreams style*/ |
Latest revision as of 03:32, 12 September 2024
/* common.css */ body.page-Main_Page h1.firstHeading { display:none; } /* <source lang="css"> */ /* Main page fixes */ #interwiki-completelist { font-weight: bold; } body.page-Main_Page #ca-delete { display: none !important;right: } body.page-Main_mobiPage #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%; } /* 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) */ /* column-count is from the CSS3 module "CSS Multi-column Layout" */ /* Please ignore any validator errors caused by these two lines */ .references-2column { font-size: 90%; -moz-column-count: 2; column-count: 2; } /* 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; } } /* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } .wikitable th, .wikitable td, .prettytable th, .prettytable td { border: 1px #aaa solid; padding: 0.2em; } .wikitable th, .prettytable th { background: #f2f2f2; text-align: center; } .wikitable caption, .prettytable caption { font-weight: bold; } /* 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("http://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("http://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("http://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; } 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; } /* Article message box styles */ table.ambox { margin: 0px 10%; /* 10% = Will not overlap with other elements */ border: 1px solid #aaa; border-left: 10px solid #1e90ff; /* Default "notice" blue */ background: #fbfbfb; } table.ambox + table.ambox { /* Single border between stacked boxes. */ margin-top: -1px; } .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: 10px solid #1e90ff; /* Blue */ } table.ambox-speedy { border-left: 10px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.ambox-delete { 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 { border-left: 10px solid #9932cc; /* Purple */ } table.ambox-protection { border-left: 10px solid #bba; /* Gray-gold */ } /* Image message box styles */ table.imbox { margin: 4px 10%; 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: 3px 10%; border-collapse: collapse; border: 1px solid #aaa; background: #DFE8FF; /* Default "notice" blue */ } table.cmbox-notice { background: #D8E8FF; /* Blue */ } table.cmbox-speedy { margin-top: 4px; margin-bottom: 4px; 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: #E4D8FF; /* Purple */ } table.cmbox-protection { background: #EFEFE1; /* Gray-gold */ } /* Other pages message box styles */ table.ombox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #aaa; /* Default "notice" gray */ background: #f9f9f9; } 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 */ } /* Talk page message box styles */ table.tmbox { margin: 4px 10%; 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: 2px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.tmbox-delete { border: 2px solid #b22222; /* Red */ } table.tmbox-content { border: 2px solid #f28500; /* Orange */ } table.tmbox-style { border: 2px solid #f4c430; /* Yellow */ } table.tmbox-move { border: 2px 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.9em 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.2em 0; 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.2em 0; border: 1px solid #bb7070; background: #ffdbdb; padding: 0.25em 0.9em; } /* Div based "system" style fmbox messages. Used in [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */ div.mw-lag-warn-normal, div.noarticletext, div.fmbox-system { clear: both; margin: 0.2em 0; border: 1px solid #aaa; background: #f9f9f9; padding: 0.25em 0.9em; } /* 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; } /* Support for Template:IPA, Template:Unicode and Template:Polytonic. The second declarations reset the styles for all browsers except IE6, which chokes on the empty comment tags. Please copy any changes to [[Template:IPA fonts]] and [[Template:Unicode fonts]]. */ .IPA { font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt, "DejaVu Sans", Code2000, "TITUS Cyberbit Basic", "Arial Unicode MS", "Lucida Sans Unicode", "Chrysanthi Unicode"; font-family /**/: inherit; } .Unicode { font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic", "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, "Lucida Grande", "Free Sans", "Arial Unicode MS", "Microsoft Sans Serif", "Lucida Sans Unicode"; font-family /**/: inherit; } .latinx { font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif"; font-family /**/: inherit; } .polytonic { font-family: "Athena Unicode", Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000; font-family /**/: inherit; } #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 http://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 */ .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-2, .toclimit-3 .toclevel-3, .toclimit-4 .toclevel-4, .toclimit-5 .toclevel-5, .toclimit-6 .toclevel-6, .toclimit-7 .toclevel-7 { 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("http://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 { font-family: monospace, sans-serif; } /* </source> */ /* CLWB-259*/ /* self links */ a.mw-selflink { color: inherit; font-weight: bold; text-decoration: inherit; } a.mw-selflink:hover { cursor: inherit; text-decoration: inherit; } a.mw-selflink:active, a.mw-selflink:visited { color: inherit; } /* CLWB-234 */ .postedit-content { padding-right:10px; } /************************* Mobile view ****************************/ /*CLWB-363*/ /*Home Page 2 columns - Desktop CSS*/ .div-box-HP { box-shadow: 0 0 6px 0 rgba(0,0,0,0.09); padding:10px 20px 15px 20px; width:100%; vertical-align:top; background-color: white; border: 1px solid #e4e4e4; } .margin-0-0-24-0 { margin:0px 0px 24px 0px; } .margin-24-0-24-0 { margin:24px 0px 24px 0px; } .div-box-h2-HP { margin: 1em 0px 15px 0px !important; font-size:120%; font-weight:bold; border-style: none; text-align:left; color:#cc6600; } .padding-0-0-0-0 { padding:0px 0px 0px 0px } .padding-0-10-0-0 { padding:0px 10px 0px 0px } .table-HP { width: 100%; margin-top: 4px; margin-bottom: 0; margin-left: 5px; margin-right: 0px; padding-right:50px; border-spacing: 0; border-collapse: separate; } .td-left-table-HP { padding: 0; vertical-align: top; width: 49%; } .border-td-table-HP { border-color: transparent; border-width: 1px; border-style: solid; padding-right: 60px; } .td-rigth-table-HP { padding: 0; vertical-align: top; width: 49%; } /*CLWB-352*/ /*Book Downloads component table*/ .plainlinks.fmbox.fmbox-system { width:260px; clear: right; float: right; } .mobileonly { display: none; } /*CLWB-358*/ .navbox-subgroup .navbox-group { width:30%; } /*CLWB-362*/ .table-content{ border: 0px; width: 75%; } .table-content-image{ border-bottom:30px solid transparent; width:82px; } .table-content-title { text-align:left; } .table-content-pdf{ width: 40px; text-align:right; } /*CLWB-371*/ /*format of template*/ .PDFWARNING-box table.plainlinks.fmbox.fmbox-system{ width: 100%; } /*CLWB-373*/ .table-contributor-template-information{ border:0px; width:225px; text-align: left;; } .table-contributor-template-information-details{ font-size:85%; } .table-contributor-template-information-details td{ text-align: left; } /*CLWB-352*/ table.plainlinks.ombox.ombox-notice { width: 50%; } /**********************************Desktop CSS changes**************************/ body, .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: Trebuchet MS, sans-serif !important; font-size: 18px; } body{ background-color: #fafafa !important; background-image: none !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } /*CLWB-328 - Update style for left hand menu*/ /* Content */ div#content { /*margin-left: 227px; padding: 1em;*/ background-image: none !important; /*background-position: top left; background-repeat: repeat-y; background-color: white;*/ color: black; direction: ltr; padding-top: 20px; padding-right: 20px; } #mw-page-base { height: 12em; background-color: #fafafa; background-image: none !important; /*background-position: bottom left; background-repeat: repeat-x;*/ } #mw-head-base { margin-left: 12em; } div#mw-head { height: 140px; box-shadow: 3px 1px 7px 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 3px 1px 7px 0 rgba(0, 0, 0, 0.11); -webkit-box-shadow: 3px 1px 7px 0 rgba(0, 0, 0, 0.11); -o-box-shadow: 3px 1px 7px 0 rgba(0, 0, 0, 0.11); background: white; border-bottom: 1px solid #e4e4e4; width: 100%; } #p-personal li { margin-left: 1.3em; } /*CLWB-328 - Update style for left hand menu*/ /* Navigation Containers */ #left-navigation { /*left: 230px; top: 7.6em; */ margin-left: 12.5em; /*padding-bottom: 5px;*/ } .vector-menu-tabs li { background: none; /*background-image: linear-gradient(to top,#cacaca 0,transparent 2.5px,transparent 100%) !important;*/ } .vector-menu-tabs li a { color: #4f5359; text-decoration: none; height: 3.4em; } .vector-menu-tabs .new a, .vector-menu-tabs .new a:visited{ color: #4f5359; text-decoration: none; } /*#center-navigation { position: absolute; left: 650px; top: 2.5em; }*/ /*#p-cactions h5{ margin-bottom: 0em; }*/ /*div.clicklawTabs { /* @embed */ background-image: none ; }*/ /*div.clicklawTabs span { background-image: none; }*/ /*CHANGE: CLWB-316 - Match heading styles to that on Clicklaw.bc.ca*/ .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited{ color: #4f5359; font-weight: bold; } .vector-menu-tabs .selected{ background: transparent !important; background-image: linear-gradient(to top,#54a546 0,transparent 2.5px,transparent 100%) !important; } .vector-menu-dropdown{ /*background-image: linear-gradient(to top,#cacaca 0,transparent 2.5px,transparent 100%) !important;*/ /*padding-bottom: 5px;*/ } .vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-content .vector-menu-content-list{ margin-top: 5px !important; } .vector-menu-dropdown .vector-menu-content-list{ margin-top: 5px; } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3{ background: none; } /*div.clicklawTabs li.new a, div.clicklawTabs li.new a:visited{ color: #4f5359; }*/ /*div.clicklawMenu h5 a { height: 1.85em; background-image: none; }*/ .vector-menu-dropdown li a { color: #4f5359; text-decoration: none; } .vector-menu-dropdown li.selected a, .vector-menu-dropdown li.selected a:visited { color: #4f5359; } #p-search { float: right; position: absolute; border-left: 1px solid #e4e4e4; padding-left: 20px; height: 60px; top: 39px; background-color: #fafafa; margin: 0em; min-width: 300px; right: 0em; padding: 20px 30px 20px 30px; } /*CLWB-328 - Update style for left hand menu*/ .portal h3, .vector-menu-portal h3 { font-weight: bold; color: #333333; background-image: none; } .vector-menu-portal .vector-menu-content li a{ color: #333333; background-image: none; } /*CLWB-328 - Update style for left hand menu*/ .portal .body, .vector-menu-portal .body { background-image: none; } /*CLWB-328 - Update style for left hand menu*/ .portal .body li a, .vector-menu-portal .body li a, .vector-menu-portal .vector-menu-content li a:visited { color: #333333; text-decoration: underline; } .portal .body li a, .vector-menu-portal .body li a:visited, .vector-menu-portal .vector-menu-content li a:visited { color: #333333; text-decoration: underline; } .portal, .vector-menu-portal{ padding: 0 0 1.5em 0; } /*CLWB-328 - Update style for left hand menu*/ /* Footer */ #footer { margin-left: 12em; margin-top: 50px; background-image: none; /*background-position: top left; background-repeat: repeat-x;*/ box-shadow: 0 0 6px 0 rgba(0,0,0,0.09); background: white; border: 1px solid #e4e4e4; min-height: 130px; } /*CHANGE: CLWB-322 - Reduce logo size*/ /* Logo */ #p-logo { height: 80px; } #p-logo a { height: 80px; } /* Icon for Usernames */ #pt-userpage, #pt-anonuserpage, #pt-login { background: none; } .vector-menu-tabs ul { background-image: none; } /*body.clicklaw-animateLayout #center-navigation { -moz-transition: left 250ms; -webkit-transition: left 250ms; -o-transition: left 250ms; transition: left 250ms; }*/ /*CLWB-328 - Update style for left hand menu*/ div#mw-panel { box-shadow: 1px 6px 7px 0px rgba(0,0,0,0.11); padding:30px 20px 0px 0px; margin:7px 0px 0px 0px; background: white; border-right: 1px solid #e4e4e4; top: 138px; } #p-personal { background-color: #f5f5f5; padding: 5px 0px 5px 0px; box-shadow: inset 0px -4px 6px rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0px -4px 6px rgba(0, 0, 0, 0.07); -webkit-box-shadow: inset 0px -4px 6px rgba(0, 0, 0, 0.07); -o-box-shadow: inset 0px -4px 6px rgba(0, 0, 0, 0.07); border-bottom: 1px solid #e4e4e4; -moz-transition: right 250ms; -webkit-transition: right 250ms; -o-transition: right 250ms; transition: right 250ms; transition: right 250ms; width: 100%; top: 0em; right: 0em; } #p-personal ul li a { color: #4f5359 !important; font-size: 1em; text-decoration: none; font-weight: bold; } #p-personal ul li a:hover, #p-personal ul li a:focus{ color: #54a546 !important; } #p-personal ul { padding-right: 1.2em; } /*#center-navigation { top: 7.6em; }*/ /*CHANGE: CLWB-322 - Reduce logo size*/ #p-logo { position: absolute; top: -90px; width: 400px; margin-left: -1.666667em; } #p-logo a { width: 400px; } /*CHANGE: CLWB-314 - Removing the default blue that appears for links*/ #mw-content-text a { color: #000; text-decoration: underline; } a, a.new { color: #000; text-decoration: underline; } a:visited { color: #000; text-decoration: underline; } a:active { color: #000; text-decoration: underline; } a:hover, a:focus { color: #54a546 !important; text-decoration: underline; } /*#searchform div { position: relative !important; }*/ #searchform input#searchInput { float: right; position: absolute; font-family: Trebuchet MS, sans-serif; padding: 10px 40px 10px 10px; border: none; width: 300px; box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2); /*margin: 0px -130px 0px -130px;*/ -webkit-appearance: none; -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2); /*right: 0em;*/ top: 10px; } #searchform { position: relative; } #mw-searchButton { /*position: relative; left: 258px; */ background: rgba(0,0,0,0); border: none; cursor: pointer; margin: 0; padding: 10px 12px; float: right; } #searchButton{ /*position: relative; float: right;*/ /*left: 258px;*/ background-size: 15px; width: 20px; height: 20px; top: 20px; margin: 0px 10px 0px 0px !important; } /*#p-search-border { border-left: 1px solid #e4e4e4; padding-left: 10px; height: 125px; float: right; top: 39px; background-color: #fafafa; }*/ /*CLWB-336 - UX: Printable version not optimized for print */ body.page-Main_Page #p-coll-print_export { display:none; } #mw-panel .portal-first h3{ display: block; } /*CHANGE: CLWB-315 - Update font to Trebuchet MS*/ q { font-family: Trebuchet MS, Times, "Times New Roman", serif; } /*CHANGE: CLWB-315 - Update font to Trebuchet MS*/ pre, code, tt, kbd, samp { font-family: Trebuchet MS, monospace, "Courier New"; } .catlinks { border: none; background-color: transparent; text-decoration: underline; } .catlinks a { text-decoration: underline; } /*CHANGE: CLWB-314 - Removing the default blue that appears for links*/ /* Interwiki Styling */ /*div#content a.extiw, div#content a.extiw:active { color: #000; /* Don't show icons for interwiki links */ background: none; padding: 0; } div#content a.extiw:visited { color: #000; } div#content a.extiw:active { color: #000; }*/ #pt-userpage, #pt-anonuserpage, #pt-login { background: none; } #mw-head div.body.vector-menu-content{ float: right; padding: 5px 0px 5px 0px; } #pt-userpage a { background: none; } .mw-body, .parsoid-body{ background: none; border: none; } #left-navigation, #right-navigation{ margin-top: 9em; width: 40%; background-image: linear-gradient(to top,#cacaca 0,transparent 2.5px,transparent 100%) !important; padding-bottom: 5px; } #right-navigation{ float: left; /*margin-right: 40%;*/ } #searchInput:focus, #simpleSearch:hover #searchInput:focus { outline: 0; border-color: #000; -webkit-box-shadow: inset 0 0 0 1px #000,inset 0 0 0 2px #ffffff; box-shadow: inset 0 0 0 1px #000,inset 0 0 0 2px #ffffff; } :focus { outline-color: #000; } #simpleSearch{ /*margin-right: -50px;*/ /*margin-top: 25px;*/ width: auto; } #p-search form { /* margin: 0.5em 0 0; */ margin: 0px; } #firstHeading{ font-size: 1.6em; } /*CommetStreams style*/ #cs-header { background-color: #DFF0FF; padding: 12px; border: 2px solid #30538f; width: fit-content; } /*Hide single page printing message collection*/ .collection-warning-box, .collection-notice-box{ display:none; } /*Hide comments*/ .cs-stream{ display:none; }