|
|
Line 1: |
Line 1: |
− | /* CSS placed here will be applied to all skins */
| |
| | | |
− | @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:regular,bold,italic,bolditalic');
| |
− |
| |
− | /** P&P FONT STYLE **/
| |
− | body {
| |
− | font-family: 'Source Sans Pro', sans-serif;
| |
− | }
| |
− | .firstHeading {
| |
− | color: #381851;
| |
− | }
| |
− | h1, h2, h3, h4, h5, h6, h7 {
| |
− | color:#C44511; /* oranje*/
| |
− | }
| |
− |
| |
− | @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%;
| |
− | }
| |
− |
| |
− | .venloinhoudsopgave {
| |
− | 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;
| |
− | }
| |