MediaWiki:Common.css
From CruisersWiki
(Difference between revisions)
(42 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | /* | ||
+ | |||
+ | MediaWiki:Common.css | ||
+ | |||
+ | */ | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
Line 4: | Line 9: | ||
** Table formatting | ** Table formatting | ||
*****/ | *****/ | ||
- | + | table.wikitable, | |
- | + | table.nicetable | |
- | + | { | |
- | + | margin:1em 1em 1em 0; | |
- | + | background:#F9F9F9; | |
- | + | border:1px #AAA solid; | |
- | + | border-collapse:collapse; | |
- | + | } | |
- | + | table.wikitable th, table.wikitable td, | |
- | + | table.nicetable th, table.nicetable td | |
- | + | { | |
- | + | border:1px #AAA solid; | |
- | + | padding:0.2em; | |
- | + | } | |
- | + | table.wikitable th, | |
- | + | table.nicetable th | |
- | + | { | |
- | + | background:#F2F2F2; | |
- | + | } | |
- | + | ||
- | + | table.wikitable th | |
- | + | { | |
- | + | text-align:left; | |
- | + | } | |
- | + | ||
- | + | table.wikitable caption, | |
+ | table.nicetable caption | ||
+ | { | ||
+ | margin-left:inherit; | ||
+ | margin-right:inherit; | ||
+ | } | ||
table.nicetable | table.nicetable | ||
Line 49: | Line 58: | ||
background-color: #ABCDEF; | background-color: #ABCDEF; | ||
font-weight: bold; | font-weight: bold; | ||
- | font-size: | + | font-size: 16px; |
} | } | ||
- | /* | + | /* Tempate:Dest */ |
- | .infobox { | + | .dest |
+ | { | ||
+ | display: inline-block; | ||
+ | *display: inline; | ||
+ | zoom: 1; | ||
+ | } | ||
+ | |||
+ | table .dest | ||
+ | { | ||
+ | margin-left: 2em; | ||
+ | text-indent: -2em; | ||
+ | display: block; | ||
+ | *display: block; | ||
+ | zoom: 1; | ||
+ | } | ||
+ | |||
+ | .dest .legend { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .dest-legend .legend { | ||
+ | display: inherit; | ||
+ | } | ||
+ | |||
+ | /* Template:Infobox */ | ||
+ | |||
+ | .infobox | ||
+ | { | ||
border: 1px solid #aaaaaa; | border: 1px solid #aaaaaa; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
Line 65: | Line 101: | ||
} | } | ||
.infobox td, | .infobox td, | ||
- | .infobox th { | + | .infobox th |
+ | { | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
- | .infobox caption { | + | .infobox caption |
+ | { | ||
font-size: larger; | font-size: larger; | ||
margin-left: inherit; | margin-left: inherit; | ||
} | } | ||
- | .infobox.bordered { | + | .infobox.bordered |
+ | { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
.infobox.bordered td, | .infobox.bordered td, | ||
- | .infobox.bordered th { | + | .infobox.bordered th |
+ | { | ||
border: 1px solid #aaaaaa; | border: 1px solid #aaaaaa; | ||
} | } | ||
.infobox.bordered .borderless td, | .infobox.bordered .borderless td, | ||
- | .infobox.bordered .borderless th { | + | .infobox.bordered .borderless th |
+ | { | ||
border: 0; | border: 0; | ||
} | } | ||
Line 146: | Line 187: | ||
/* end of the original code*/ | /* end of the original code*/ | ||
- | /* | + | /* Gallery perrow=0 emulation */ |
+ | |||
+ | center .thumb.tnone | ||
+ | { | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | /* POI styling */ | ||
+ | |||
+ | .cw-poi div.heading | ||
+ | { | ||
+ | margin-bottom: .3em; | ||
+ | padding-top: .5em; | ||
+ | padding-bottom: .17em; | ||
+ | } | ||
+ | |||
+ | .cw-poi div.heading .name { | ||
+ | font-size: 116%; | ||
+ | } | ||
+ | |||
+ | .cw-poi .cw-coordinates | ||
+ | { | ||
+ | |||
+ | font-size: smaller; | ||
+ | |||
+ | } | ||
+ | |||
+ | .cw-poi .sample-link | ||
+ | { | ||
+ | background:#fff5ee; | ||
+ | border:1px solid #fa8072; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .cw-poi-sample-link-dislay .cw-poi .sample-link | ||
+ | { | ||
+ | display: inline | ||
+ | } | ||
+ | |||
+ | .sample-link a { | ||
+ | color: inherit !important; | ||
+ | text-decoration: inherit !important; | ||
+ | background: inherit !important; | ||
+ | } | ||
/* Suppress firstHeading at the main page */ | /* Suppress firstHeading at the main page */ | ||
.page-World_Cruising_and_Sailing_Wiki .firstHeading | .page-World_Cruising_and_Sailing_Wiki .firstHeading | ||
{ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Suppress firstHeading at Talk pages */ | ||
+ | .ns-talk #firstHeading { | ||
display: none; | display: none; | ||
} | } | ||
Line 160: | Line 250: | ||
} | } | ||
+ | /* if no JavaScript -- show a static chartlet */ | ||
+ | .chartlet | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | .js .chartlet | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | .chartlet-static | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | .js .chartlet-static | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | * TOC styling | ||
+ | */ | ||
+ | |||
+ | /* | ||
+ | .skin-monobook .toc-block | ||
+ | { | ||
+ | float: left; | ||
+ | margin-bottom: 0.5em; | ||
+ | margin-right: 0.5em; | ||
+ | padding: 0.5em 1.4em 0.8em 0; | ||
+ | background-color: white; | ||
+ | width: 220px; | ||
+ | } | ||
+ | */ | ||
/* Allow limiting of which header levels are shown in a/** | /* Allow limiting of which header levels are shown in a/** | ||
* Stylesheet for Table Of Contents in Banners displayed by WikidataPageBanner extension. | * Stylesheet for Table Of Contents in Banners displayed by WikidataPageBanner extension. | ||
Line 165: | Line 288: | ||
* toc and styling the clone will have no side-effects | * toc and styling the clone will have no side-effects | ||
*/ | */ | ||
- | @media screen and (min-width: 768px) { | + | @media screen and (min-width: 768px) |
+ | { | ||
- | #bodyContent #contentSub, #bodyContent #contentSub2 { | + | #bodyContent #contentSub, #bodyContent #contentSub2 |
+ | { | ||
margin: 0; | margin: 0; | ||
} | } | ||
- | . | + | .toc-block .toclevel-2 a |
+ | { | ||
color:white; | color:white; | ||
} | } | ||
- | . | + | .toc-block #toc, |
+ | .toc-block .toc | ||
+ | { | ||
/* | /* | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
Line 181: | Line 309: | ||
font-size: 95%; | font-size: 95%; | ||
*/ | */ | ||
- | + | padding: 0; | |
- | + | width: 100%; | |
- | + | background-image: url(/skins/vector/images/tab-normal-fade.png); | |
- | + | background-position: bottom left; | |
- | + | background-repeat: repeat-x; | |
+ | } | ||
+ | |||
+ | .toc-block | ||
+ | { | ||
+ | position: relative; | ||
+ | /* | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | font-size: .875em; | ||
+ | padding: 0; | ||
+ | */ | ||
+ | margin: 0 0 10px 0; | ||
+ | } | ||
+ | |||
+ | .toc-block .tocnumber | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | .toc-block #toctitle + ul | ||
+ | { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | background: white;/*rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;*/ | ||
+ | z-index: 4; | ||
+ | } | ||
+ | .toc-block a, | ||
+ | .toc-block a:visited, | ||
+ | .toc-block a:active | ||
+ | { | ||
+ | display: block; | ||
+ | color: black; | ||
+ | /* font-size: .8em; */ | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .toc-block a:hover | ||
+ | { | ||
+ | color: white; | ||
+ | /*#BDDDFD;*/ | ||
+ | } | ||
+ | .toc-block li | ||
+ | { | ||
+ | position: relative; | ||
+ | padding: 0 .4em; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .toc-block li > ul | ||
+ | { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; | ||
+ | color:white; | ||
+ | z-index: 4; | ||
+ | } | ||
+ | .toc-block li:hover | ||
+ | { | ||
+ | background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; | ||
+ | color:white; | ||
+ | } | ||
+ | .toc-block li:hover a | ||
+ | { | ||
+ | color:white; | ||
+ | } | ||
+ | .toc-block li:hover > ul > li | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | .toc-block .toclevel-2, | ||
+ | .toc-block .toclevel-3, | ||
+ | .toc-block .toclevel-4, | ||
+ | .toc-block .toclevel-5, | ||
+ | .toc-block .toclevel-6 | ||
+ | { | ||
+ | display: none; | ||
+ | white-space: nowrap; | ||
+ | -webkit-transition: all 0.5s; | ||
+ | -moz-transition: all 0.5s; | ||
+ | -o-transition: all 0.5s; | ||
+ | transition: all 0.5s; | ||
+ | } | ||
+ | .toc-block .toclevel-1 | ||
+ | { | ||
+ | float: left; | ||
+ | } | ||
+ | .toc-block .toclevel-1 > ul | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | left: 0; | ||
+ | } | ||
+ | .toc-block #toc .toclevel-2 ul { | ||
+ | position: absolute; | ||
+ | left: 100%; | ||
+ | top: 0; | ||
+ | margin: 0 0 0 0; | ||
+ | } | ||
+ | .toc-block #toctitle | ||
+ | { | ||
+ | display: none; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
/* BEGIN styles for pagebanner extension */ | /* BEGIN styles for pagebanner extension */ | ||
- | . | + | .toc-block li.toclevel-1 |
+ | { | ||
padding: 0 0 0 0.4em; | padding: 0 0 0 0.4em; | ||
} | } | ||
- | . | + | .toc-block li.toclevel-1 > a:after |
+ | { | ||
content: " ·"; | content: " ·"; | ||
font-weight: bold; | font-weight: bold; | ||
padding: 0 0 0 0.1em; | padding: 0 0 0 0.1em; | ||
} | } | ||
- | . | + | .toc-block li.toclevel-1:last-child > a:after |
+ | { | ||
content: none; | content: none; | ||
} | } | ||
- | . | + | .toc-block h1.wpb-name |
+ | { | ||
font-family: sans-serif; | font-family: sans-serif; | ||
border-bottom: none; | border-bottom: none; | ||
} | } | ||
- | . | + | .toc-block .toctext |
+ | { | ||
+ | display: inline; | ||
+ | } | ||
/* END styles for pagebanner extension */ | /* END styles for pagebanner extension */ | ||
+ | |||
+ | /* fix for old google maps */ | ||
+ | div[style*="background-color: rgba(0, 0, 0, 0.5);"], | ||
+ | div[style*="width: calc(100% - 10px);"] | ||
+ | { | ||
+ | display: none; | ||
+ | } |
Latest revision as of 15:55, 2 December 2018
/* MediaWiki:Common.css */ /* CSS placed here will be applied to all skins */ /***** ** Table formatting *****/ table.wikitable, table.nicetable { margin:1em 1em 1em 0; background:#F9F9F9; border:1px #AAA solid; border-collapse:collapse; } table.wikitable th, table.wikitable td, table.nicetable th, table.nicetable td { border:1px #AAA solid; padding:0.2em; } table.wikitable th, table.nicetable th { background:#F2F2F2; } table.wikitable th { text-align:left; } table.wikitable caption, table.nicetable caption { margin-left:inherit; margin-right:inherit; } table.nicetable { margin: 1em auto; } .nicetable tr { vertical-align: top; } .niceheader { text-align: center; background-color: #ABCDEF; font-weight: bold; font-size: 16px; } /* Tempate:Dest */ .dest { display: inline-block; *display: inline; zoom: 1; } table .dest { margin-left: 2em; text-indent: -2em; display: block; *display: block; zoom: 1; } .dest .legend { display: none; } .dest-legend .legend { display: inherit; } /* Template:Infobox */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox.sisterproject { width: 20em; font-size: 90%; } /* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; } .infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; border-right: 1px solid #aaaaaa; } /* styles for geography infoboxes, e.g. countries, national subdivisions, cities, etc. */ .infobox.geography { border: 1px solid #ccd2d9; text-align: left; border-collapse: collapse; line-height: 1.2em; font-size: 90%; } .infobox.geography td, .infobox.geography th { border-top: solid 1px #ccd2d9; padding: 0.4em 0.2em 0.4em 0.8em; } .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th { border-top: solid 1px #ccd2d9; padding: 0.4em 0.2em 0.2em 0.8em; } .infobox.geography .mergedrow td, .infobox.geography .mergedrow th { border: 0; padding: 0 0.2em 0.2em 0.8em; } .infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th { border-top: 0; border-bottom: solid 1px #ccd2d9; padding: 0 0.2em 0.4em 0.8em; } .infobox.geography .maptable td, .infobox.geography .maptable th { border: 0; padding: 0 0 0 0; } /* end of the original code*/ /* Gallery perrow=0 emulation */ center .thumb.tnone { display: inline-block; vertical-align: top; } /* POI styling */ .cw-poi div.heading { margin-bottom: .3em; padding-top: .5em; padding-bottom: .17em; } .cw-poi div.heading .name { font-size: 116%; } .cw-poi .cw-coordinates { font-size: smaller; } .cw-poi .sample-link { background:#fff5ee; border:1px solid #fa8072; display:none; } .cw-poi-sample-link-dislay .cw-poi .sample-link { display: inline } .sample-link a { color: inherit !important; text-decoration: inherit !important; background: inherit !important; } /* Suppress firstHeading at the main page */ .page-World_Cruising_and_Sailing_Wiki .firstHeading { display: none; } /* Suppress firstHeading at Talk pages */ .ns-talk #firstHeading { display: none; } /* Suppress external link icon */ #content .noexternal a.external { background: none; padding: 0; } /* if no JavaScript -- show a static chartlet */ .chartlet { display: none; } .js .chartlet { display: block; } .chartlet-static { display: block; } .js .chartlet-static { display: none; } /* * TOC styling */ /* .skin-monobook .toc-block { float: left; margin-bottom: 0.5em; margin-right: 0.5em; padding: 0.5em 1.4em 0.8em 0; background-color: white; width: 220px; } */ /* Allow limiting of which header levels are shown in a/** * Stylesheet for Table Of Contents in Banners displayed by WikidataPageBanner extension. * All style rules have been applied with a prefix of wrapping .banner-toc, so cloning the original * toc and styling the clone will have no side-effects */ @media screen and (min-width: 768px) { #bodyContent #contentSub, #bodyContent #contentSub2 { margin: 0; } .toc-block .toclevel-2 a { color:white; } .toc-block #toc, .toc-block .toc { /* border: 1px solid #aaa; background-color: #f9f9f9; font-size: 95%; */ padding: 0; width: 100%; background-image: url(/skins/vector/images/tab-normal-fade.png); background-position: bottom left; background-repeat: repeat-x; } .toc-block { position: relative; /* display: block; width: 100%; font-size: .875em; padding: 0; */ margin: 0 0 10px 0; } .toc-block .tocnumber { display: none; } .toc-block #toctitle + ul { list-style: none; margin: 0; background: white;/*rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;*/ z-index: 4; } .toc-block a, .toc-block a:visited, .toc-block a:active { display: block; color: black; /* font-size: .8em; */ font-weight: bold; } .toc-block a:hover { color: white; /*#BDDDFD;*/ } .toc-block li { position: relative; padding: 0 .4em; margin: 0; } .toc-block li > ul { list-style: none; margin: 0; background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; color:white; z-index: 4; } .toc-block li:hover { background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; color:white; } .toc-block li:hover a { color:white; } .toc-block li:hover > ul > li { display: block; } .toc-block .toclevel-2, .toc-block .toclevel-3, .toc-block .toclevel-4, .toc-block .toclevel-5, .toc-block .toclevel-6 { display: none; white-space: nowrap; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .toc-block .toclevel-1 { float: left; } .toc-block .toclevel-1 > ul { position: absolute; top: 100%; left: 0; } .toc-block #toc .toclevel-2 ul { position: absolute; left: 100%; top: 0; margin: 0 0 0 0; } .toc-block #toctitle { display: none; } } /* BEGIN styles for pagebanner extension */ .toc-block li.toclevel-1 { padding: 0 0 0 0.4em; } .toc-block li.toclevel-1 > a:after { content: " ·"; font-weight: bold; padding: 0 0 0 0.1em; } .toc-block li.toclevel-1:last-child > a:after { content: none; } .toc-block h1.wpb-name { font-family: sans-serif; border-bottom: none; } .toc-block .toctext { display: inline; } /* END styles for pagebanner extension */ /* fix for old google maps */ div[style*="background-color: rgba(0, 0, 0, 0.5);"], div[style*="width: calc(100% - 10px);"] { display: none; }