Difference between revisions of "MediaWiki:Common.css"
From Venlo Samenwerkingswijzer
| 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'); |
/** P&P FONT STYLE **/ | /** P&P FONT STYLE **/ | ||
body { | body { | ||
| − | font-family: ' | + | font-family: 'Source Sans Pro', Verdana, Helvetica, sans-serif; |
} | } | ||
.firstHeading { | .firstHeading { | ||
| Line 38: | Line 38: | ||
padding: 10px 12px; | padding: 10px 12px; | ||
pointer-events: none; | pointer-events: none; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 136: | Line 111: | ||
display: block; | display: block; | ||
} | } | ||
| − | |||
.dropdown-menu > li > a:hover { | .dropdown-menu > li > a:hover { | ||
| Line 143: | Line 117: | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.sf-largetext { | .sf-largetext { | ||
font-size:150%; | font-size:150%; | ||
} | } | ||
Revision as of 18:02, 3 November 2016
/* 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', Verdana, Helvetica, sans-serif;
}
.firstHeading {
color: #3D1C61;
}
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;
}
@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: #5f497a;
color: #fff;
}
.sf-largetext {
font-size:150%;
}
