/**** base styles ****/ * { margin:0; padding:0; } body { overflow-y: scroll; } /**** queryLoader ****/ .QOverlay { z-index:9999; } .QLoader { height:0px; } .QAmt { top:0; left:0; height:25px; width:100px; margin:0; } /**** typography ****/ html {font-size:100%;} h2, h3, h5, h6 {font-weight:normal;color:#000;}/*??*/ h1 {color:#ff0000;font-family: 'Fell';font-size:34px;} h2 {font-family: 'ParmaPetit-Italic';font-size:20px;margin-bottom:0.75em;padding-left:20px;letter-spacing: 1px;} h3* {font-family: 'Fell';font-size:24pt;line-height:1;margin-bottom:0.5em;text-align:left;letter-spacing: 2px;} h3 a {color:#000;} /*titels onder de foto's*/ h3 a:hover { color:89724F;} /*titels onder de foto's*/ h4, h4 a {font-family:'Parma';font-size:14pt;line-height:1;margin-bottom:3.5em;;color:#ff0000;}/*??*/ h4 a:hover { color: #333;}/*??*/ h5 {font-family:'tienneregular', Helvetica;font-size:10pt;margin-bottom:0.9;} h6 {font-size:1em;font-weight:bold;} h7 {font-family: 'Parma';font-size:11.5pt;text-align:left} body, #fancybox-auto-category { font-size:14.5px; font-family: 'Parma';} /*background:#fff;blokachtergrond*menu*pagina1*/ h1, h2, h3, .QAmt, #filtering-nav, #fancybox_error { font-size:20px; font-family: 'Liberation'; /*background:#fff;blokachtergrond*menu*pagina1*/ letter-spacing: 2px; } p { padding-bottom: 17px; /* same as leading = linebreak */ } h3 { padding-bottom: 15px;font-size:18px; font-family: 'Liberation'; } a img, img { padding-bottom:3px; padding-top:3px; } .everything { } /**** link styles ****/ a { text-decoration:none; focus:none; } a:hover { text-decoration:none; focus:none; } a img, img { border:none; focus:none; } a:focus, img:focus { outline: none; } p a { text-decoration: underline; } p a:hover { color:#7f3e17; text-decoration: underline; } /**** colours ****/ a { color:#493E2C; } a:hover { color:#7f3e17; } body { background:#F2EFEB; color:#493E2C; } #menu, #fancybox_error, h1, h2, h3 { color:#493E2C; } .QOverlay, .QLoader { background:#F2EFEB; } .QAmt { color:#493E2C; } #filtering-nav li a:active, #filtering-nav li a.selected, #filtering-nav li a.selected.everything { color:#7f3e17; } #fancybox-overlay { background:#000; } #fancybox-wrap { background:#F2EFEB; } #fancybox-outer { background:#F2EFEB; } .fancybox-title-over { color:#FFF; } .fancybox-title-inside { color:#333; } #fancybox-title-over { } /* type color on slide titles */ #fancybox-auto-category { color:#7f3e17; } /**** filtering menu ****/ #filtering-nav { margin: 0px 0px 29px 0px; } #filtering-nav li { float:left; list-style:none; } #filtering-nav li a { display:block; width:auto; } #filtering-nav li a:active { text-decoration:none; } #filtering-nav li a.selected, #filtering-nav li a.selected.everything { text-decoration:none; } /**** first menu col extra ****/ #filtering-nav li.col3 { height: 91px; } #filtering-nav li.col3, #filtering-nav li.col2 { margin-right: 20px; } /**** content ****/ .wall { overflow:visible; margin-bottom:0px; } #content { padding:20px 0px 25px 25px; /*display:none;*/ } .hidden { display:none; } /**** masonry css ****/ .box { margin:0px 0px 2px 0px; float:left; } .col1 { width:90px; } .col2 { width:200px; } .col3 { width:310 px; } .col4 { width:500px; } .col5 { width:530px; } .col1 img { max-width:90px; } .col2 img { max-width:200px; } .col3 img { max-width:310px; } .col4 img { max-width:500px; } .col5 img { max-width:530px; } /**** Clearfixes ****/ .wall:after, #filtering-nav:after { content:''; display:block; height:0; clear:both; visibility:hidden; } /**** * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * Examples and documentation at:http://fancybox.net * Copyright (c) 2008 - 2010 Janis Skarnelis * Version:1.3.1 (05/03/2010) * Requires:jQuery v1.3+ * Dual licensed under the MIT and GPL licenses: http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html ****/ /* loader */ #fancybox-loading { position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none; } * html #fancybox-loading { /* IE6 */ position:absolute; margin-top:0; } #fancybox-loading div { position:absolute; top:0; left:0; width:40px; height:480px; background-image:url('/images/fancybox.png'); } /* overlay */ #fancybox-overlay { position:fixed; top:0; left:0; bottom:0; right:0; z-index:1100; display:none; } * html #fancybox-overlay { /* IE6 */ position:absolute; width:100%; } /* ... */ #fancybox-tmp { padding:0; margin:0; border:0; overflow:auto; display:none; } #fancybox-wrap { position:absolute; top:0; left:0; margin-top:-40px; padding: 20px 20px 95px; /* padding around title under */ z-index:1101; display:none; } /* background when slide changes could have bg image*/ #fancybox-outer { position:relative; width:100%; height:100%; } #fancybox-inner { position:absolute; top:0; left:0; width:1px; height:1px; padding:0; margin:0; outline:none; overflow:hidden; } #fancybox-hide-sel-frame { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; } #fancybox-close { position:absolute; top:-15px; right:-15px; width:30px; height:30px; background-image:url('/images/fancybox.png'); background-position:-40px 0px; cursor:pointer; z-index:1103; display:none; } #fancybox_error { padding:0px; margin:0; } #fancybox-content { height:auto; width:auto; padding:0; margin:0; } #fancybox-img { width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; -ms-interpolation-mode:bicubic; } #fancybox-frame { position:relative; width:100%; height:100%; border:none; display:block; } #fancybox-title { position:absolute; bottom:20px; left:-20px; z-index:1102; } .fancybox-title-inside { padding:10px 0; } .fancybox-title-outside { padding:0px; } .fancybox-title-over { text-align:left; } /* background color on slide titles */ #fancybox-title-over { padding: 5px 20px 20px 20px; width:100%; /* background-image:url('fancy_title_over.png'); */ display:block; } #fancybox-title-wrap { display:inline-block; } #fancybox-title-wrap span { height:32px; float:left; } #fancybox-title-left { padding-left:10px; background-image:url('/images/fancybox.png'); background-position:-40px -90px; background-repeat:no-repeat; } #fancybox-title-main { background-image:url('/images/fancybox-x.png'); background-position:0px -40px; } #fancybox-title-right { padding-left:10px; background-image:url('/images/fancybox.png'); background-position:-55px -90px; background-repeat:no-repeat; } /* arrows */ #fancybox-left, #fancybox-right { position:absolute; top:0px; height:95%; width:50%; cursor:pointer; outline:none; background-image:url('blank.gif'); z-index:1102; display:none; } #fancybox-left { left:0px; } #fancybox-right { right:0px; } #fancybox-left-ico, #fancybox-right-ico { position:absolute; top:55%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block; } #fancybox-left-ico { background-image:url('/images/fancybox.png'); background-position:-40px -30px; } #fancybox-right-ico { background-image:url('/images/fancybox.png'); background-position:-40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility:visible; /* IE6 */ } #fancybox-left:hover span { left:-24px; } #fancybox-right:hover span { left:auto; right:-24px; } /* stuff */ .fancy-bg { position:absolute; padding:0; margin:0; border:0; width:0px; height:0px; z-index:1001; } #fancy-bg-n { top:-20px; left:0; width:100%; background-image:url('fancybox-x.png'); } #fancy-bg-ne { top:-20px; right:-20px; background-image:url('/images/fancybox.png'); background-position:-40px -162px; } #fancy-bg-e { top:0; right:-20px; height:100%; background-image:url('/fancybox-y.png'); background-position:-20px 0px; } #fancy-bg-se { bottom:-20px; right:-20px; background-image:url('/images/fancybox.png'); background-position:-40px -182px; } #fancy-bg-s { bottom:-20px; left:0; width:100%; background-image:url('fancybox-x.png'); background-position:0px -20px; } #fancy-bg-sw { bottom:-20px; left:-20px; background-image:url('/images/fancybox.png'); background-position:-40px -142px; } #fancy-bg-w { top:0; left:-20px; height:100%; background-image:url('fancybox-y.png'); } #fancy-bg-nw { top:-20px; left:-20px; background-image:url('/images/fancybox.png'); background-position:-40px -122px; } /**** IE fancybox ****/ #fancybox-loading.fancybox-ie div { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale'); zoom:1; } .fancybox-ie #fancybox-title-left { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background:transparent !important; } .fancybox-ie #fancy-bg-n { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } @font-face { font-family: ExtraOrnamental; src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/ExtraOrnamentalNo2.ttf') format('truetype'); } @font-face { font-family: Liberation; src: url('http://museeduson.com/fonts/Liberation_Serif/LiberationSerif-Regular.ttf') format('truetype'); } @font-face { font-family: Canaletto; src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/Canaletto_Medium.ttf') format('truetype'); } @font-face { font-family:Parma; src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/ParmaPetit-Normal.ttf') format('truetype'); } @font-face { font-family:Fell; src: url('http://museeduson.com/fonts/IM_Fell_French_Canon/FeFCsc2.ttf') format('truetype'); } @font-face { font-family:ParmaPetit-Italic; src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/ParmaPetit-Italic.ttf') format('truetype'); } @font-face { font-family:FeFCit2; src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/FeFCit2.ttf') format('truetype'); } @font-face { font-family:danoise; src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/Danoisemedium.ttf') format('truetype'); } @font-face { font-family: jetset; src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/JetSet.ttf') format('truetype'); } @font-face { font-family:PTN57F; src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/PTN57F.ttf') format('truetype'); } @font-face { font-family: 'enriquetaregular'; src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/enriqueta-regular-webfont.eot'); src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/enriqueta-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/enriqueta-regular-webfont.woff2') format('woff2'), url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/enriqueta-regular-webfont.woff') format('woff'), url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/enriqueta-regular-webfont.ttf') format('truetype'), url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/enriqueta-regular-webfont.svg#enriquetaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'novello_proregular'; src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/novello_pro_normal-webfont.eot'); src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/novello_pro_normal-webfont.eot?#iefix') format('embedded-opentype'), url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/novello_pro_normal-webfont.ttf') format('truetype'), url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/novello_pro_normal-webfont.svg#novello_proregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'tienneregular'; src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/tienne-regular-webfont.eot'); src: url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/tienne-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/tienne-regular-webfont.woff2') format('woff2'), url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/tienne-regular-webfont.woff') format('woff'), url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/tienne-regular-webfont.ttf') format('truetype'), url('http://museeduson.com/epectase/wp-content/themes/epectase/_fonts/tienne-regular-webfont.svg#tienneregular') format('svg'); font-weight: normal; font-style: normal; } .wall { visibility: hidden; box-sizing: border-box; } .wall .grid-sizer, .wall .box { width: 33.333%; /* default 3 cols */ box-sizing: border-box; } .box { float: none; /* let Masonry handle positioning */ margin-bottom: 12px; /* vertical gutter */ }