Opmerking: na het publiceren moet je misschien je browsercache legen om de veranderingen te zien.
- Firefox / Safari: houd Shift ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
- Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
- Edge: houd Ctrl ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5.
/** CSS hier wordt toegepast op alle skins */ /* Verstop de sitenotice op de Hoofdpagina */ body.page-Hoofdpagina #siteNotice { display:none; } /* Verstop andere elementen op de Hoofdpagina */ body.page-Hoofdpagina #deleteconfirm, body.page-Hoofdpagina #t-cite, body.page-Hoofdpagina #footer-info-lastmod, body.page-Hoofdpagina.action-view #siteSub, body.page-Hoofdpagina.action-view #contentSub, body.page-Hoofdpagina.action-view h1.firstHeading { display: none !important; } /* Babel-extensie */ .mw-babel-footer { display: none; } /* Verbergen uploadformlier */ #mw-upload-form {display: none;} /*** styles and counter for mapping listings ***/ @media screen { .printonly { display:none !important; } } @media screen, print { span.listing-map { color: white; font-size: 0.85em; font-family: Arial,Verdana,sans-serif; padding: 0pt 0.1em 0pt 0.35em; -webkit-print-color-adjust: exact; /* force printing on safari and chrome */ } h2 { counter-reset: mapnumber; } span.listing-map:before { content: counter(mapnumber); counter-increment: mapnumber; } body { counter-reset: generalnumber; } span.listing-map.listing-general:before { content: counter(generalnumber); counter-increment: generalnumber; } } /* This section supports templates for the WMC migration. * Sourced from http://en.wikipedia.org/wiki/MediaWiki:Common.css on 28 Oct 2012. * Should not need to be copied later, and can be removed after migration is complete. */ th.mbox-text,td.mbox-text{border:none;width:100%;padding:.25em .9em;} td.mbox-image{border:none;text-align:center;padding:2px 0 2px .9em;} td.mbox-imageright{border:none;text-align:center;padding:2px .9em 2px 0;} td.mbox-empty-cell{border:none;width:1px;padding:0;} .mbox-text{display:block;margin:0 -.5em;} .mbox-inside{margin:4px;} /* Suppress numbering of items in TOC */ .tocnumber { display: none; } /* Main page */ .portal-column-left { width: 40%; text-align: center; } /* Coding for new Main Page */ .routeBox { font-size: small; border-style: none; border-spacing: 0 0; border-collapse: collapse; margin: 0 auto; } .routeBox td { padding: 1px 2px; } #geoCoord table, #geoCoordOld table { border-collapse: collapse; background: transparent; } #geoCoord td, #geoCoordOld td { font-size: 0.9em; line-height: 100%; vertical-align: middle; padding: 0 0 0 10px; text-align: right; border-left: 1px solid #88a; } #geoCoord td.icon, #geoCoordOld td.icon { border-left: none; height: 27px; width: 35px; padding: 0 10px 0 0; } .main-page-bottom-box { padding: 0.7em 1em 1em 1em; vertical-align:top; } .main-page-bottom-box h3 { margin: 0; padding: 0; } /* Coding for new Main Page END */ /* Hide title on Main Page */ body.page-Main_Page h1.firstHeading { display: none; } /* Travellers' pub TOC, widen */ body.page-Wikivoyage_Travellers_pub div#toctitle { width:30em; } #mobileworld img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } /* Mark's template version of the new main page */ .banner-image { position: relative; overflow: hidden; max-width: 1125px; height: auto; margin-bottom: .6em; } .banner-image img { max-width: 100%; height: auto; width: auto\9; } .banner-box { position: absolute; z-index: 2; margin-top: 2.5em; color: white; width: 50%; min-width: 20em; text-shadow: black 0.3em 0.3em 1em, black -0.1em -0.1em 1em; } .banner-box-wide { width: 80% } .banner-box-left, .banner-box-right { padding: 8px 7px; background: rgb(16,16,16); background: rgba(0,0,0,0.3); border-radius: 4px; text-shadow: none; width: 40%; } .banner-box-left { left: 3%; text-align: left; } .banner-box-right { right: 3%; text-align: right; } .banner-box-welcome { left: 1em; text-align: center; width: 40%; white-space: nowrap; } .banner-box a { color: white !important; font-weight: bold; } .banner-box .name { font-size: 2.5em; white-space: nowrap; line-height: 1.2em; } .banner-box .type { font-size: 2em; line-height: 1.2em; } .banner-box .stats { font-size: 1em; margin-top: 1.7em; } .banner-box .quote { font-size: 1em; line-height: 1.2em; } .banner-box .welcome a { font-size: 1.5em; } .banner-box .welcome { font-size: 2.1em; } .banner-box .nav-tip { font-size: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; } .banner-box .welcome-map-nav { font-size: 1.25em; } .banner-box ul { font-size: 1.25em; } .banner-box ul li { display: inline; } .banner-box ul li:before { content: " • "; } .banner-box ul li:nth-of-type(1):before { content: " "; } /* DEMO: for Main_Page/Sandbox */ body.page-Main_Page_Sandbox #deleteconfirm, body.page-Main_Page_Sandbox #t-cite, body.page-Main_Page_Sandbox #footer-info-lastmod, body.page-Main_Page_Sandbox.action-view #siteSub, body.page-Main_Page_Sandbox.action-view #contentSub, body.page-Main_Page_Sandbox.action-view h1.firstHeading { display: none !important; } /* Styles for Pagebanner template */ .topbanner { position: relative; overflow: hidden; max-width: 1800px; height: auto; } .topbanner img { max-width: 100%; height: auto; width: auto\9; } .topbanner-box { position: absolute; z-index: 2; margin-top: 1.5em; color: white; width: 50%; min-width: 20em; left: 2%; text-align: left; } .topbanner .name { position: absolute; z-index: 2; margin: 0.6em 0 0 0.4em; padding: 8px 7px; font-size: 2.2em; font-weight: bold; background: rgb(16,16,16); background: rgba(0,0,0,0.3); border-radius: 4px; color: white; white-space: nowrap; line-height: 0.9em; } #toc > tbody > tr > td > ul, #toc > tr > td > ul { padding-left: 2em; } #toc > ul {padding-left: 2em;} /* Style for hlist class - pulled from Wikipedia's Common.css file on 20 Mar 2013 Style for horizontal lists (separator following item). Note: hlist formatting will break if the resulting HTML lacks a breakable character between list items. This happens when the following conditions are true: 1) The list is made using wiki markup (where HTML is built by parser.php) 2) HTMLTidy is disabled or unavailable (such as on Special: pages) In such cases, building lists with .hlist using HTML instead of wiki markup will work around this problem. See also [[Bugzilla:39617]]. IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]]. Last updated: January 24, 2013 @source mediawiki.org/wiki/Snippets/Horizontal_lists @maintainer: [[User:Edokter]] @revision: 3.1 */ .skin-monobook .hlist dl, .skin-modern .hlist dl, .skin-vector .hlist dl { line-height: 1.1em; } .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; line-height: 1.1em; } /* Display list items inline and make them nowrap */ .hlist dd, .hlist dt, .hlist li { display: inline; white-space: nowrap; } /* Allow wrapping for list items (in tight spaces) */ .hlist.hwrap dd, .hlist.hwrap dt, .hlist.hwrap li { white-space: normal; } /* Display nested lists inline and allow them to wrap */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; white-space: normal; } /* Generate interpuncts */ .hlist dt:after { content: ":"; } .hlist dd:after, .hlist li:after { content: " ·"; font-weight: bold; padding: 0 0.3em; } .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; } /* Add parentheses around nested lists */ .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { content: "("; font-weight: normal; } .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after { content: ")"; font-weight: normal; } .topbanner-toc { position: absolute; bottom: 6px; left: 0; z-index: 3; width:100%; } /* allow ToC to stretch across screen when it is part of a horizontal list, change background and font colours */ .hlist #toc.tocFloat { width: 100%; max-width: 170em; color: black; } .hlist.tocbox-s #toc.tocFloat { width: 100%; max-width: 170em; margin: 0; padding: 0; line-height: 1.1em; color: black; background-color: #e0e0e0; } div#content .hlist.tocbox-b #toc.tocFloat { width: 100%; max-width: 170em; margin: 0; padding: 0; line-height: 1.1em; color: white; background: rgb(16,16,16); background: rgba(0,0,0,0.3); border: none; } .hlist.tocbox-w #toc.tocFloat { width: 100%; max-width: 170em; margin: 0; padding: 0; line-height: 1.1em; color: black; background: rgb(225,225,225); background: rgba(160,160,160,0.6); border: none; } .hlist #toc table, .hlist #toc tr, .hlist #toc td { margin: 0; padding: 0; line-height: 1.1em; } /* links in the horizontal ToC should be black... */ .hlist #toc a { color: black; font-size: 0.85em; font-weight: bold; } /* ... except when the ToC box is black ... */ .hlist.tocbox-b #toc a { color: white; font-size: 0.85em; font-weight: bold; } /* ... or except when being hovered over */ .hlist #toc.tocFloat a:hover { color: #bdddfd; } /* don't display ToC title when in horizontal ToC */ .hlist #toctitle { display: none; } .mf-mobile-only { display: none; } /* Prevent display of subheadings in horizontal ToC */ .hlist #toc .toclevel-2, .hlist #toc .toclevel-3, .hlist #toc .toclevel-4, .hlist #toc .toclevel-5, .hlist #toc .toclevel-6 { display: none; } .hlist .toggleNode { display: none; } /* style info for icon box in the top right corner of the banner */ .iconbox { position: absolute; top: 6px; right: 0; padding: 3px; z-index: 3; background: rgb(16,16,16); background: rgba(0,0,0,0.7); border-bottom-left-radius: 5px; } /* Infobox templates */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: middle; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0 solid #aaa; } .infobox.sisterproject { width: 20em; font-size: 90%; } .archive-box { border: 1px solid #aaf; background-color: #f2f2f9; color: #000; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; text-align: center; } /* CSS for black text external links / blue text on hover */ body.ns-0 #content a.external, body.ns-0 #content a.external:visited, body.page-Wikivoyage_External_links #content a.external, body.page-Wikivoyage_External_links #content a.external:visited, body.page-Wikivoyage_talk_External_links #content a.external, body.page-Wikivoyage_talk_External_links #content a.external:visited, body.page-Wikivoyage_Listings #content a.external, body.page-Wikivoyage_Listings #content a.external:visited, body.page-Wikivoyage_talk_Listings #content a.external, body.page-Wikivoyage_talk_Listings #content a.external:visited, body.page-Wikivoyage_talk_Attraction_listings #content a.external, body.page-Wikivoyage_talk_Attraction_listings #content a.external:visited, body.page-Wikivoyage_talk_Activity_listings #content a.external, body.page-Wikivoyage_talk_Activity_listings #content a.external:visited, body.page-Wikivoyage_talk_Restaurant_listings #content a.external, body.page-Wikivoyage_talk_Restaurant_listings #content a.external:visited, body.page-Wikivoyage_talk_Bar_listings #content a.external, body.page-Wikivoyage_talk_Bar_listings #content a.external:visited, body.page-Wikivoyage_talk_Shopping_listings #content a.external, body.page-Wikivoyage_talk_Shopping_listings #content a.external:visited, body.page-Wikivoyage_talk_Accommodation_listings #content a.external, body.page-Wikivoyage_talk_Accommodation_listings #content a.external:visited, body.page-Wikivoyage_Don_t_tout #content a.external, body.page-Wikivoyage_Don_t_tout #content a.external:visited { color: var( --color-base, #252525 ); } body.ns-0 #content a.external:hover, body.ns-0 #content a.external:focus, body.page-Wikivoyage_External_links #content a.external:hover, body.page-Wikivoyage_External_links #content a.external:focus, body.page-Wikivoyage_talk_External_links #content a.external:hover, body.page-Wikivoyage_talk_External_links #content a.external:focus, body.page-Wikivoyage_Listings #content a.external:hover, body.page-Wikivoyage_Listings #content a.external:focus, body.page-Wikivoyage_talk_Listings #content a.external:hover, body.page-Wikivoyage_talk_Listings #content a.external:focus, body.page-Wikivoyage_talk_Attraction_listings #content a.external:hover, body.page-Wikivoyage_talk_Attraction_listings #content a.external:focus, body.page-Wikivoyage_talk_Activity_listings #content a.external:hover, body.page-Wikivoyage_talk_Activity_listings #content a.external:focus, body.page-Wikivoyage_talk_Shopping_listings #content a.external:hover, body.page-Wikivoyage_talk_Shopping_listings #content a.external:focus, body.page-Wikivoyage_talk_Restaurant_listings #content a.external:hover, body.page-Wikivoyage_talk_Restaurant_listings #content a.external:focus, body.page-Wikivoyage_talk_Bar_listings #content a.external:hover, body.page-Wikivoyage_talk_Bar_listings #content a.external:focus, body.page-Wikivoyage_talk_Accommodation_listings #content a.external:hover, body.page-Wikivoyage_talk_Accommodation_listings #content a.external:focus, body.page-Wikivoyage_Don_t_tout #content a.external:hover, body.page-Wikivoyage_Don_t_tout #content a.external:focus { color: var( --color-base--hover, #0645ad ); } /* FIX TOP NAVIGATION */ .topbanner table { margin-left: 20px !important; } .topbanner table tr:first-child td:first-child { width: auto !important; } .topbanner table tr:first-child td:last-child { padding-right: 20px; } /* BEGIN User:Nicholasjf21/MainPage2 test code */ /** Hide sidebar **/ .page-User_Nicholasjf21_MainPage2 div#mw-panel { display: none; } .page-User_Nicholasjf21_MainPage2 #left-navigation { left: 1em; } .page-User_Nicholasjf21_MainPage2 #mw-head-base, .page-User_Nicholasjf21_MainPage2 div#content, .page-User_Nicholasjf21_MainPage2 div#footer { margin-left: 0em; } .page-User_Nicholasjf21_MainPage2 div#content { margin-left: -2em; } /* Don't display stuff on Main Page */ body.page-User_Nicholasjf21_MainPage2 #deleteconfirm, body.page-User_Nicholasjf21_MainPage2 #mw-head-base, body.page-User_Nicholasjf21_MainPage2 #mw-page-base, body.page-User_Nicholasjf21_MainPage2 #mw-body, body.page-User_Nicholasjf21_MainPage2 #t-cite, body.page-User_Nicholasjf21_MainPage2 #footer-info-lastmod, body.page-User_Nicholasjf21_MainPage2 #ca-nstab, body.page-User_Nicholasjf21_MainPage2 #p-cactions, body.page-User_Nicholasjf21_MainPage2 #p-views, body.page-User_Nicholasjf21_MainPage2 #p-namespaces, body.page-User_Nicholasjf21_MainPage2 #ca-unwatch, body.page-User_Nicholasjf21_MainPage2 #ca-edit, body.page-User_Nicholasjf21_MainPage2 #ca-delete, body.page-User_Nicholasjf21_MainPage2 #ca-protect, body.page-User_Nicholasjf21_MainPage2 #ca-move, body.page-User_Nicholasjf21_MainPage2 #ca-view, body.page-User_Nicholasjf21_MainPage2 #ca-history, body.page-User_Nicholasjf21_MainPage2 #ca-talk, body.page-User_Nicholasjf21_MainPage2 #searchform, body.page-User_Nicholasjf21_MainPage2 #ca-nstab-user, body.page-User_Nicholasjf21_MainPage2 #siteNotice, body.page-User_Nicholasjf21_MainPage2.action-view #siteSub, body.page-User_Nicholasjf21_MainPage2.action-view #contentSub, body.page-User_Nicholasjf21_MainPage2.action-view h1.firstHeading { display: none !important; } img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } .page-User_Nicholasjf21_MainPage2 #p-personal { margin-top: -0.5em; } /*Carousel*/ .carousel{ overflow:hidden; width:100%; padding:0 } .panes{ list-style:none; position:relative; padding: 0; margin-left: 0; width:300%; /* Number of panes * 100% */ overflow:hidden; /* This is used solely to clear floats, it does not add functionality. */ } .carousel .floatright { position: absolute; z-index: 1000; right: 0px; top: 50% } .carousel .floatleft { position: absolute; z-index: 1000; top: 50%; margin-left: 20px; } .panes > li{ position:relative; float:left; padding: 0; margin-left: 0; width:33.333333333333333333333333333333333%; /* 100 / number of panes */ } .carousel img{ display:block; width:100%; max-width:100%; } .carousel h2{ font-size:1em; padding: 8px 7px; position:absolute; border:0px; top:5em; text-align:left; max-width: 300px; color:#fff; background-color:rgba(0,0,0,0.5); } @keyframes carousel{ 0% { left:-1.7%; } 12.5% { left:-1.7%; } 25% { left:-101.7%; } 37.5% { left:-101.7%; } 50% { left:-201.7%; } 62.5% { left:-201.7%; } 75% { left:-101.7%; } 87.5% { left:-101.7%; } 100% { left:-1.7%; } } /* Safari and Chrome */ @-webkit-keyframes carousel{ 0% { left:-1.7%; } 12.5% { left:-1.7%; } 25% { left:-101.7%; } 37.5% { left:-101.7%; } 50% { left:-201.7%; } 62.5% { left:-201.7%; } 75% { left:-101.7%; } 87.5% { left:-101.7%; } 100% { left:-1.7%; } } /* Fade in arrows */ .greydout { -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .greydout:hover { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=90); opacity: 1; } /* END User:Nicholasjf21/MainPage2 test code */ /* BEGIN Main Page carousel code */ .jcarousel { position: relative; overflow: hidden; } .jcarousel-wrapper { max-width: 1125px; margin: 0; position: relative; } .jcarousel .jcarousel-list { width: 20000em; position: relative; margin: 0; padding: 0; } .jcarousel .jcarousel-item { float: left; } .jcarousel-item img { display: block; max-width: 100%; height: auto !important; } .jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 45%; width: 30px; height: 30px; text-align: center; background: #fff; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; } .jcarousel-control-prev { left: -15px; } .jcarousel-control-next { right: -15px; } .jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; } .jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { opacity: .5; cursor: default; } .jcarousel-pagination { position: absolute; bottom: 10px; left: 15px; } .jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; line-height: 14px; min-width: 14px; background: #fff; color: #4E443C; border-radius: 14px; padding: 3px; text-align: center; margin-right: 2px; opacity: .75; } .jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); } /* END Main Page carousel code */ /* BEGIN Map caption - used with MapExpander JS */ .map-expand-link { float: right; margin-left: 1.5em; } /* Fix pagebanner */ .toctitle {display:none;}