|
|
| (8 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| − | /** CSS die hier wordt geplaatst heeft invloed op alle skins */
| |
| − | @import url(https://fonts.googleapis.com/css?family=Open+Sans);
| |
| − | @import url(https://fonts.googleapis.com/css?family=Lato:400,900,700italic,700);
| |
| − | @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css);
| |
| | | | |
| − | /* Make sure that there is no space below the footer */
| |
| − | .mw-body {
| |
| − | min-height:500px;
| |
| − | }
| |
| − |
| |
| − | .wsbreadcrumb {
| |
| − | margin-bottom: 0em;
| |
| − | list-style: none;
| |
| − | }
| |
| − |
| |
| − | /* Font famly */
| |
| − |
| |
| − | /* Tussenkop - dit wordt h1, h2, h3, etc. */
| |
| − |
| |
| − | .pageTitle {
| |
| − | font-weight: 900;
| |
| − | text-transform: uppercase;
| |
| − | }
| |
| − |
| |
| − | .banner-background {
| |
| − | background-image: url("images/1/1d/Visual_header_Wikibase.jpg");
| |
| − | background-repeat:no-repeat;
| |
| − | background-size:cover;
| |
| − | background-position: center;
| |
| − | }
| |
| − | #mw-navigation.navbar {
| |
| − | margin-bottom: 0px;
| |
| − | /min-height:50px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* NavMenu class for navigation menu */
| |
| − | .navmenu {
| |
| − | text-transform:uppercase;
| |
| − | font-weight:900;
| |
| − | color:white;
| |
| − | background-color:#365e89;
| |
| − | margin-bottom: 0px;
| |
| − | }
| |
| − | .nav > li > a:hover, .nav > li > a:focus {
| |
| − | text-decoration: none;
| |
| − | background-color: #557ebe;
| |
| − | }
| |
| − | .navbar-navmenu > li > a, .navbar-navmenu > li > a:link, .navbar-navmenu > li > a:visited {
| |
| − | color:white;
| |
| − | }
| |
| − | .navbar-navmenu > li > a:hover, .navbar-navmenu > li > a:active {
| |
| − | color:white;
| |
| − | }
| |
| − |
| |
| − | .header-image {
| |
| − | position:relative;
| |
| − | }
| |
| − |
| |
| − | .header-text {
| |
| − | position:absolute;
| |
| − | top: 30%;
| |
| − | right: 50%;
| |
| − | }
| |
| − |
| |
| − | .header-arrow{
| |
| − | position:absolute;
| |
| − | bottom: -30px;
| |
| − | left: 50%;
| |
| − | transform: translate(-50%, 0);
| |
| − | }
| |
| − |
| |
| − | .row-centered {
| |
| − | text-align:center;
| |
| − | }
| |
| − | .col-centered {
| |
| − | display:inline-block;
| |
| − | float:none;
| |
| − | /* reset the text-align */
| |
| − | text-align:left;
| |
| − | /* inline-block space fix */
| |
| − | margin-right:-4px;
| |
| − | }
| |
| − |
| |
| − | .vcenter {
| |
| − | display: inline-block;
| |
| − | vertical-align: middle;
| |
| − | float: none;
| |
| − | }
| |
| − |
| |
| − | .panel-info-normal, .panel-info-normal a, .info-normal a:hover, .info-normal a:visited {
| |
| − | color: #FFFFFF;
| |
| − | }
| |
| − | .panel-info-main, .panel-info-main a {
| |
| − | background-color:#a3a42b;
| |
| − | text-align:left;
| |
| − | color: #ddde3a;
| |
| − | font-size:2em;
| |
| − | }
| |
| − | img {
| |
| − | display: -webkit-inline-flex;
| |
| − | }
| |
| − |
| |
| − | /** Footer */
| |
| − |
| |
| − | .WikibaseFooter {
| |
| − | width: 100%;
| |
| − | background-color: #707070;
| |
| − | margin-right: 0px;
| |
| − | margin-left: 0px;
| |
| − | padding-top: 10px;
| |
| − | padding-bottom: 10px;
| |
| − | padding-left: 5px;
| |
| − | padding-right: 5px;
| |
| − | height: 40px;
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | .WikibaseFooter a {
| |
| − | color: #FFFFFF;
| |
| − | }
| |
| − |
| |
| − | /** Contactpage */
| |
| − | #ca-nstab-special {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #mw-content-text > form > fieldset > table > tbody > tr.mw-htmlform-field-HTMLInfoField {
| |
| − | display:none;
| |
| − | }
| |
| − |
| |
| − | fieldset {
| |
| − | border: 0px;
| |
| − | margin: 0px;
| |
| − | padding: 0px;
| |
| − | }
| |
| − |
| |
| − | legend {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
| |
| − | border-top: 0px;
| |
| − | }
| |
| − |
| |
| − | .homepage-background {
| |
| − | background: url(https://viktor.wikibase.nl/images/b/b8/Ganzen_in_mooie_lucht.jpg) no-repeat;
| |
| − | }
| |
| − |
| |
| − | .panel-default > .panel-heading-rk {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .panel-title {
| |
| − | padding-top: 3px;
| |
| − | }
| |
| − |
| |
| − | .panel-footer-rk {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .img-middle {
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − |
| |
| − | .hr {
| |
| − | width: 100%;
| |
| − | border-bottom: 1px solid #dadada;
| |
| − | padding-bottom: 1em;
| |
| − | }
| |
| − |
| |
| − | .border-bottom {
| |
| − | width: 100%;
| |
| − | border-bottom: 1px solid #dadada;
| |
| − | padding-bottom: 1em;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .location-in-sidebar {
| |
| − | padding-top: 0.5em;
| |
| − | padding-bottom: 1em;
| |
| − | }
| |
| − |
| |
| − | .template-table-header {
| |
| − | background-color: #dadada;
| |
| − | margin-top: 0px;
| |
| − | height: 35px;
| |
| − | width: 200px
| |
| − | font-size:14px;
| |
| − | font-weight: 500;
| |
| − | color: #000000;
| |
| − | border-collapse: collapse;
| |
| − | text-align: center;
| |
| − | padding-top: 0.6em;
| |
| − | padding-bottom: 2em;
| |
| − | }
| |
| − |
| |
| − | .template-table-style {
| |
| − | color: black;
| |
| − | padding: 0.5em 1em 1em 1em;
| |
| − | }
| |
| − |
| |
| − | .template-table-style2 {
| |
| − | border-collapse: collapse;
| |
| − | }
| |
| − |
| |
| − | .interview-kop {
| |
| − | font-size:15px;
| |
| − | font-weight: 500;
| |
| − | color: #707070;
| |
| − | }
| |
| − |
| |
| − | .interview-by {
| |
| − | font-size:11px;
| |
| − | color:#A9A9A9;
| |
| − | }
| |
| − |
| |
| − | formtable {
| |
| − | margin-bottom: 2px;
| |
| − | }
| |
| − |
| |
| − | table a:not {
| |
| − | color: #707070;
| |
| − | }
| |
| − |
| |
| − | /* unvisited link */
| |
| − | a:link {
| |
| − | color: #707070;
| |
| − | }
| |
| − |
| |
| − | /* visited link */
| |
| − | a:visited {
| |
| − | color: #707070;
| |
| − | }
| |
| − |
| |
| − | /* mouse over link */
| |
| − | a:hover {
| |
| − | color: #707070;
| |
| − | }
| |
| − |
| |
| − | /* selected link */
| |
| − | a:active {
| |
| − | color: #707070;
| |
| − | }
| |
| − |
| |
| − | .link {
| |
| − | color:#707070;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | .hp-kop {
| |
| − | font-size:18px;
| |
| − | font-weight: 500;
| |
| − | color:#005F90;
| |
| − | line-height: 250%;
| |
| − | padding-top:25px;
| |
| − | margin-top:25px;
| |
| − | }
| |
| − | .hp-top-kop {
| |
| − | font-size:32px;
| |
| − | color:#FFFFFF;
| |
| − | }
| |
| − | .hp-news-kop {
| |
| − | font-size:14px;
| |
| − | }
| |
| − | .hp-news-date {
| |
| − | font-size:10px;
| |
| − | color:#A9A9A9;
| |
| − | }
| |
| − | .meer-link-interview {
| |
| − | text-decoration: none;
| |
| − | font-size:13px;
| |
| − | border-top: 1px solid #dadada;
| |
| − | padding: 0em 0.5em 0em 2.1em;
| |
| − | color:#A9A9A9;
| |
| − | }
| |
| − |
| |
| − | .meer-link {
| |
| − | text-decoration: none;
| |
| − | font-size:13px;
| |
| − | padding: 0em 0.5em 0em 2.1em;
| |
| − | color:#A9A9A9;
| |
| − | }
| |
| − |
| |
| − | .lees-verder {
| |
| − | background-color: #dadada;
| |
| − | margin-top: 0px;
| |
| − | height: 16px;
| |
| − | font-size:12px;
| |
| − | color: #000000;
| |
| − | text-align: left;
| |
| − | padding-top: 0.6em;
| |
| − | padding-left: 0.6em;
| |
| − | padding-right: 0.6em;
| |
| − | padding-bottom: 0.8em;
| |
| − | }
| |
| − |
| |
| − | .hp-top-body {
| |
| − | font-size:16px;
| |
| − | font-weight:300;
| |
| − | line-height:160%;
| |
| − | color:#FFFFFF;
| |
| − | }
| |
| − |
| |
| − | .hp-top-body-wrapper {
| |
| − | height:70px;
| |
| − | }
| |
| − |
| |
| − | .hp-top-link a {
| |
| − | padding:10px;
| |
| − | border:1px solid;
| |
| − | border-color:#FFFFFF;
| |
| − | border-radius:7px;
| |
| − | font-size:16px;
| |
| − | color:#FFFFFF;
| |
| − | }
| |
| − | .hp-top-link-pijl-wit a {
| |
| − | background: no-repeat right 10px center url('https://www.viktor.wikibase.nl/images/Pijl_wit.png');
| |
| − | }
| |
| − |
| |
| − | .hp-top-link a:hover {
| |
| − | background-color:#FFFFFF;
| |
| − | color:rgb(2, 148, 211);
| |
| − | text-decoration:none !important;
| |
| − | }
| |
| − |
| |
| − | .hp-top-link-pijl-wit a:hover {
| |
| − | background: #FFFFFF no-repeat right 10px center url('https://www.shopping2020.nl/images/4/4c/Pijl_blauw.png');
| |
| − | }
| |
| − |
| |
| − | .rh-kop {
| |
| − | font-size:14px;
| |
| − | font-weight: 500;
| |
| − | color: #000000;
| |
| − | }
| |
| − | .rh-user-kop {
| |
| − | font-size:12px;
| |
| − | font-weight:500;
| |
| − | }
| |
| − | .rh-user-body {
| |
| − | font-size:12px;
| |
| − | line-height: 140%;
| |
| − | }
| |
| − | .hp-ag-mo {
| |
| − | font-size:32px;
| |
| − | color:#FFFFFF;
| |
| − | }
| |
| − | h2.ow-hoofdstuk-kop {
| |
| − | font-size:16px;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | table {
| |
| − | border-spacing: 0px;
| |
| − | }
| |
| − | a, a:visited, div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, #mw-panel.collapsible-nav .portal.collapsed h3 a, div.vectorTabs li a {
| |
| − | color: #707070;
| |
| − | }
| |
| − |
| |
| − | /* Wikitable (Prettytable) class for skinning normal tables */
| |
| − | table.wikitable,
| |
| − | table.prettytable {
| |
| − | margin: 1em 1em 1em 0;
| |
| − | background: #f9f9f9;
| |
| − | border: 1px #aaaaaa solid;
| |
| − | border-collapse: collapse;
| |
| − | empty-cells: show;
| |
| − | }
| |
| − | table.wikitable th, table.wikitable td,
| |
| − | table.prettytable th, table.prettytable td {
| |
| − | border: 1px #aaaaaa solid;
| |
| − | padding: 0.2em 0.4em;
| |
| − | }
| |
| − | table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3,
| |
| − | table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 {
| |
| − | background: #8da7d6;
| |
| − | text-align: center;
| |
| − | }
| |
| − | table.wikitable td.hl1, table.wikitable th.hl1,
| |
| − | table.prettytable td.hl1, table.wikitable th.hl1 {
| |
| − | background: #c5d8fc;
| |
| − | text-align: center;
| |
| − | }
| |
| − | table.wikitable td.hl2, table.wikitable th.hl2,
| |
| − | table.prettytable td.hl2, table.wikitable th.hl2 {
| |
| − | background: #a7c1f2;
| |
| − | text-align: center;
| |
| − | }
| |
| − | table.wikitable caption,
| |
| − | table.prettytable caption {
| |
| − | margin-left: inherit;
| |
| − | margin-right: inherit;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | div#wrapper {
| |
| − | display: block;
| |
| − | margin: auto;
| |
| − | width: 1200px;
| |
| − | position: relative;
| |
| − | padding-bottom:1em;
| |
| − | }
| |
| − |
| |
| − | .PoweredByWikibase {
| |
| − | position: relative;
| |
| − | right: 24px;
| |
| − | top: 4px;
| |
| − | float:right;
| |
| − | }
| |
| − |
| |
| − | div#footer {
| |
| − | margin-left: 11em;
| |
| − | margin-top: 0;
| |
| − | direction: ltr;
| |
| − | background: none;
| |
| − | background-repeat: repeat;
| |
| − | border: 1px solid #a7d7f9;
| |
| − | border-top: 0;
| |
| − | padding: 1.5em;
| |
| − | }
| |
| − | div#footer ul {
| |
| − | list-style-type: none;
| |
| − | list-style-image: none;
| |
| − | margin: 0;
| |
| − | color: #333333;
| |
| − | }
| |
| − | div#footer div>ul {
| |
| − | font-size: 0.75em;
| |
| − | }
| |
| − | div#footer ul li {
| |
| − | display: inline-block;
| |
| − | width: 192px;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | vertical-align: top;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | div#footer ul li ul {
| |
| − | margin-top: 8px;
| |
| − | }
| |
| − |
| |
| − | div#footer ul li ul li{
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − | padding: 1px 0;
| |
| − | margin: 0;
| |
| − | font-weight: normal;
| |
| − | }
| |
| − |
| |
| − | div#footer ul li img {
| |
| − | margin-right: 4px;
| |
| − | }
| |
| − |
| |
| − | div#toes {
| |
| − | position: relative;
| |
| − | margin-left: 11em;
| |
| − | margin-top: 0;
| |
| − | color: #fff;
| |
| − | padding: 0;
| |
| − | background: #bbcd36;
| |
| − | }
| |
| − |
| |
| − | div#toes span {
| |
| − | font-size: 0.75em;
| |
| − | line-height: 3.2em;
| |
| − | margin-left: 2em;
| |
| − | }
| |
| − |
| |
| − | div#toes a {
| |
| − | color: #FFFFFF;
| |
| − | }
| |
| − |
| |
| − | div#toes a:visited {
| |
| − | color: #FFFFFF;
| |
| − | }
| |
| − |
| |
| − | div#carousel-caption {
| |
| − | padding-bottom: 10em;
| |
| − | }
| |
| − |
| |
| − | .quote {
| |
| − | font-style: italic;
| |
| − | color: #707070;
| |
| − | }
| |
| − |
| |
| − | .cite {
| |
| − | color: #0000000;
| |
| − | font-style: normal;
| |
| − | }
| |
| − |
| |
| − | .blockquote {
| |
| − | background-color: #f0eff1;
| |
| − | border: 1px solid #707070;
| |
| − | border-collapse: collapse;
| |
| − | border-radius: 10px;
| |
| − | overflow:hidden;
| |
| − | postition:relative;
| |
| − | }
| |
| − |
| |
| − | .infobox {
| |
| − | float:right;
| |
| − | }
| |
| − |
| |
| − | .tbl-container {
| |
| − | overflow:hidden;
| |
| − | postition:relative;
| |
| − | }
| |
| − |
| |
| − | .tbl-container > table {
| |
| − | width:100%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* cf .nav > li > a:hover, .nav > li > a:focus {
| |
| − | / text-decoration: none;
| |
| − | / background-color: #557ebe;
| |
| − | /} */
| |
| − |
| |
| − | .panel {
| |
| − | border-radius:8px;
| |
| − | -moz-border-radius:8px;
| |
| − | }
| |
| − | .btn {
| |
| − | padding-right:15px;
| |
| − | padding-left:15px;
| |
| − | border-radius:6px;
| |
| − | -moz-border-radius:6px;
| |
| − | }
| |
| − |
| |
| − | .highButton {
| |
| − | height: 6.5em;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* ws-nav-darkerblue */
| |
| − | .ws-nav-darkerblue {
| |
| − | background-color:#365e89;
| |
| − | color:#f1f1f3;
| |
| − | }
| |
| − | .ws-nav-darkerblue:hover {
| |
| − | background-color:#5184BA;
| |
| − | color:white;
| |
| − | }
| |
| − | .ws-nav-darkerblue > a:link, .ws-nav-darkerblue > a:visited {
| |
| − | color:white;
| |
| − | text-decoration:none;
| |
| − | }
| |
| − | .ws-nav-darkerblue > a:hover, .ws-nav-darkerblue > a:active, .ws-nav-darkerblue > a:focus {
| |
| − | color:white;
| |
| − | text-decoration:none;
| |
| − | }
| |
| − |
| |
| − | .greyfilter {
| |
| − | -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
| |
| − | filter: grayscale(80%);
| |
| − | }
| |
| − | .greyfilter:hover {
| |
| − | -webkit-filter: grayscale(90%); /* Chrome, Safari, Opera */
| |
| − | filter: grayscale(0%);
| |
| − | }
| |
| − |
| |
| − | .klantafbeelding {
| |
| − | margin-top: 1em;
| |
| − | margin-bottom: 1em;
| |
| − | }
| |
| − |
| |
| − | /* Blogpost list items */
| |
| − | .thumbnail-image {
| |
| − | width: 318px;
| |
| − | height: 212px;
| |
| − | padding-top: 0px;
| |
| − | margin-top: 0px;
| |
| − | position: relative;
| |
| − | }
| |
| − | .thumbnail-logo {
| |
| − | position: absolute;
| |
| − | bottom: -0px; right: 10px;
| |
| − | }
| |
| − | .thumbnail-logo-background {
| |
| − | background: #f1f1f3;
| |
| − | padding: 6px 6px 6px 6px;
| |
| − | border-radius: 6px;
| |
| − | }
| |
| − |
| |
| − | .white-link > a.external,
| |
| − | .white-link > a.external:visited,
| |
| − | .white-link > a.external:hover,
| |
| − | .white-link > a.external:active {
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | /* image overlay effect op over ons pagina*/
| |
| − | .box{width:300px; height:250px; border:1px solid #000; border-radius:2px; float:left; margin:20px 30px; }
| |
| − | .box img{width:300px; height:250px; object-fit:cover;}
| |
| − | .box .overlay{width:300px; height:250px; background:#fff; margin:-250px 0px 0px 0px; opacity:0.5; }
| |
| − | .box a{padding:5px 7px; border:1px solid #000; text-decoration:none; font-family:sans-serif; font-size:14px; margin:-140px 0px 0px 15px; display:inline-block; opacity:0; transition:all 0.5s ease-in-out; cursor: pointer;/* z-index: 10000; */position: absolute;}
| |
| − |
| |
| − | .box .overlay:hover{opacity:0.1; transition:all 0.5s ease-in-out; width:300px; margin-left:50px; float:right; }
| |
| − | .box:hover{box-shadow:0px 0px 10px #6A6A6A; border:1px solid #00DFDF;transition:all 0.5s ease-in-out;}
| |
| − | .box:hover a{opacity:1; background:#FFFFFF; color:#000000; margin:-40px 0px 0px 15px; border-radius:1px; }
| |
| − | .box a:hover{border:1px solid #00DFDF;transition:all 0.5s ease-in-out; }
| |
