Difference between revisions of "MediaWiki:Common.css"

From Noordoostpolder samenwerkingswijzer
(Created page with "→‎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...")
 
(Blanked the page)
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;
 
}
 

Revision as of 11:27, 3 May 2017