Difference between revisions of "MediaWiki:Common.css"
From Venlo Samenwerkingswijzer
(51 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | @import url('https://fonts.googleapis.com/css?family= | + | @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:regular,bold,italic,bolditalic'); |
+ | |||
+ | /* Nieuwe gebruiker aanmaken lukt hier niet ivm gedeelde gebruikersdatabase. Zie instructie op create account pagina */ | ||
+ | #userloginForm { | ||
+ | display:none; | ||
+ | } | ||
/** P&P FONT STYLE **/ | /** P&P FONT STYLE **/ | ||
− | |||
− | |||
− | |||
.firstHeading { | .firstHeading { | ||
− | color: # | + | color: #381851; |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 113: | Line 86: | ||
.dropdown-menu > li > a:hover { | .dropdown-menu > li > a:hover { | ||
− | background-color: # | + | background-color: #381851; |
color: #fff; | color: #fff; | ||
+ | } | ||
} | } | ||
.sf-largetext { | .sf-largetext { | ||
font-size:150%; | font-size:150%; | ||
+ | } | ||
+ | |||
+ | .inhoudsopgave { | ||
+ | background-color: #FAE2D2; | ||
+ | padding:15px; | ||
+ | } | ||
+ | #toc > #toctitle { | ||
+ | display:none; | ||
+ | } | ||
+ | .hoofdstuk-kop { | ||
+ | font-size:120%; | ||
+ | } | ||
+ | |||
+ | /* Bootstrap classes not included with Chameleon */ | ||
+ | .embed-responsive { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | height: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .embed-responsive .embed-responsive-item, | ||
+ | .embed-responsive iframe, | ||
+ | .embed-responsive embed, | ||
+ | .embed-responsive object, | ||
+ | .embed-responsive video { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0; | ||
+ | } | ||
+ | .embed-responsive-16by9 { | ||
+ | padding-bottom: 56.25%; | ||
+ | } | ||
+ | .embed-responsive-4by3 { | ||
+ | padding-bottom: 75%; | ||
+ | } | ||
+ | |||
+ | .catlinks { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | /* Overzetten naar Fixes.less wanneer gereed */ | ||
+ | .dropdown-menu > li > a:hover { | ||
+ | background-color: #5F497A; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /** https://test.wikipedia.org/wiki/User:Krinkle/Test_suite_for_mw-collapsible?action=edit&veswitched=1 - test: Draft:Functionality/Collapsible **/ | ||
+ | #collapse-pre-one .mw-collapsible-toggle .up, #collapse-pre-one.mw-collapsed .mw-collapsible-toggle .down { | ||
+ | display: none; | ||
+ | } | ||
+ | #collapse-pre-one .mw-collapsible-toggle .down, #collapse-pre-one.mw-collapsed .mw-collapsible-toggle .up { | ||
+ | display: inline; | ||
} | } |
Latest revision as of 10:32, 20 June 2019
/* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:regular,bold,italic,bolditalic'); /* Nieuwe gebruiker aanmaken lukt hier niet ivm gedeelde gebruikersdatabase. Zie instructie op create account pagina */ #userloginForm { display:none; } /** P&P FONT STYLE **/ .firstHeading { color: #381851; } @media screen and (min-width: 992px) { .table-in-three-columns { display:inline-table;width:49%; } } @media screen and (min-width: 1200px) { .table-in-three-columns { display:inline-table;width:33%; } } .columns { -webkit-column-count: auto; /* Chrome, Safari, Opera */ -moz-column-count: auto; /* Firefox */ column-count: auto; } @media screen and (min-width: 992px) { .three-columns { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } } @media screen and (min-width: 1200px) { .three-columns { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; } } @media screen and (min-width: 992px) { .four-columns { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } } @media screen and (min-width: 1200px) { .four-columns { -webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4; } } #wikiPreview > div.mw-content-ltr > div > div > div { clear: both; } .sidebar-nav { padding: 9px 0; } /** menu dropdown voorheen uitgecommentarieerd */ @media screen and (min-width: 992px) { .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; } .dropdown-menu li:hover .sub-menu { visibility: visible; } .dropdown:hover .dropdown-menu { display: block; } .dropdown-menu > li > a:hover { background-color: #381851; color: #fff; } } .sf-largetext { font-size:150%; } .inhoudsopgave { background-color: #FAE2D2; padding:15px; } #toc > #toctitle { display:none; } .hoofdstuk-kop { font-size:120%; } /* Bootstrap classes not included with Chameleon */ .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .catlinks { display:none; } /* Overzetten naar Fixes.less wanneer gereed */ .dropdown-menu > li > a:hover { background-color: #5F497A; } /** https://test.wikipedia.org/wiki/User:Krinkle/Test_suite_for_mw-collapsible?action=edit&veswitched=1 - test: Draft:Functionality/Collapsible **/ #collapse-pre-one .mw-collapsible-toggle .up, #collapse-pre-one.mw-collapsed .mw-collapsible-toggle .down { display: none; } #collapse-pre-one .mw-collapsible-toggle .down, #collapse-pre-one.mw-collapsed .mw-collapsible-toggle .up { display: inline; }