MediaWiki:Common.css

From Venlo Samenwerkingswijzer
Revision as of 10:22, 14 September 2017 by Admin (talk | contribs)

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 / Edge: 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.
/* 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 **/
.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;
}