Difference between revisions of "MediaWiki:Common.css"

From Venlo Samenwerkingswijzer
 
(45 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=Source+Sans+Pro');
+
@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 **/
−
body {
 
−
font-family: 'Source Sans Pro', Arial, Verdana, Helvetica, sans-serif;
 
−
}
 
 
.firstHeading {
 
.firstHeading {
−
   color: #3D1C61;
+
   color: #381851;
−
}
 
−
h1, h2, h3, h4, h5, h6, h7 {
 
−
  color:#E96E1E; /* oranje*/
 
−
}
 
−
 
 
−
/** Search box search symbol to the right */
 
−
.left-inner-addon {
 
−
    position: relative;
 
−
}
 
−
.left-inner-addon input {
 
−
    padding-left: 30px;   
 
−
}
 
−
.left-inner-addon i {
 
−
    position: absolute;
 
−
    padding: 10px 12px;
 
−
    pointer-events: none;
 
−
}
 
−
 
−
.right-inner-addon {
 
−
    position: relative;
 
−
}
 
−
.right-inner-addon input {
 
−
    padding-right: 30px;   
 
−
}
 
−
.right-inner-addon i {
 
−
    position: absolute;
 
−
    right: 0px;
 
−
    padding: 10px 12px;
 
−
    pointer-events: none;
 
−
}
 
−
 
 
−
 
 
−
/** Navbar **/
 
−
 
 
−
.navbar-default {
 
−
background-color:#efefef;
 
−
border-color:#efefef;
 
−
}
 
−
 
 
−
.navbar-nav > li > a {
 
−
    color: #656565 !Important;
 
−
}
 
−
 
 
−
.navbar {
 
−
border-radius: 0px;
 
−
}
 
−
 
 
−
.p-tb .navbar-nav > li > a {
 
−
padding: 10px 15px;
 
−
}
 
−
 
 
−
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
 
−
margin-right: 0px;
 
−
margin-left: 0px;
 
 
}
 
}
  
Line 136: Line 84:
 
     display: block;
 
     display: block;
 
}
 
}
−
 
  
 
.dropdown-menu > li > a:hover {
 
.dropdown-menu > li > a:hover {
−
     background-color: #5f497a;
+
     background-color: #381851;
 
     color: #fff;
 
     color: #fff;
 +
}
 +
}
 +
 +
.sf-largetext {
 +
    font-size:150%;
 
}
 
}
  
 +
.inhoudsopgave {
 +
  background-color: #FAE2D2;
 +
  padding:15px;
 +
  }
 +
#toc > #toctitle {
 +
    display:none;
 +
}
 +
.hoofdstuk-kop {
 +
    font-size:120%;
 +
}
  
−
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
+
/* Bootstrap classes not included with Chameleon */
−
    margin-top: 0;
+
.embed-responsive {
 +
  position: relative;
 +
  display: block;
 +
  height: 0;
 +
  padding: 0;
 +
  overflow: hidden;
 
}
 
}
  
−
.nav-tabs > li > a {
+
.embed-responsive .embed-responsive-item,
−
  border:1px solid grey;
+
.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;
 
}
 
}
−
.nav-tabs > li.active > a {
+
.embed-responsive-16by9 {
−
  background-color:#CCC;
+
  padding-bottom: 56.25%;
 +
}
 +
.embed-responsive-4by3 {
 +
  padding-bottom: 75%;
 
}
 
}
  
−
.navbar .sub-menu:before {
+
.catlinks {
−
    border-bottom: 7px solid transparent;
+
  display:none;
−
    border-left: none;
 
−
    border-right: 7px solid rgba(0, 0, 0, 0.2);
 
−
    border-top: 7px solid transparent;
 
−
    left: -7px;
 
−
    top: 10px;
 
 
}
 
}
−
.navbar .sub-menu:after {
+
 
−
     border-top: 6px solid transparent;
+
/* Overzetten naar Fixes.less wanneer gereed */
−
    border-left: none;
+
.dropdown-menu > li > a:hover {
−
    border-right: 6px solid #fff;
+
     background-color: #5F497A;
−
    border-bottom: 6px solid transparent;
 
−
    left: 10px;
 
−
    top: 11px;
 
−
    left: -6px;
 
 
}
 
}
  
−
.mw-body ol {
+
 
−
    padding-left: 25px;
+
 
 +
/** 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;
 
}
 
}
−
.sf-largetext {
+
#collapse-pre-one .mw-collapsible-toggle .down, #collapse-pre-one.mw-collapsed .mw-collapsible-toggle .up {
−
    font-size:150%;
+
display: inline;
 
}
 
}

Latest revision as of 11: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;
}
Retrieved from "http://venlo.samenwerkingswijzer.nl/index.php?title=MediaWiki:Common.css&oldid=1873"