/* --- MAIN STYLE FILE */ /* BASE */ .cont img {max-width:100%;} /* ------------------------------------------ --------------------- LAYOUT */ .cont { position:relative; padding: 1em; } .cont h2, .cont h3 { margin: .4em 0 1.4em 0; text-align:center; } .cont h3 { margin: 2.2em 0 1.6em 0; } /* -------------------------------------------- */ /* PORTFOLIO */ /* Filters */ #fil #filters { list-style:none; padding:0; margin: 0 0 1.2em 0; text-align: center; } #filters li { display:inline-block; margin: 0 .7em .2em .7em;} #filters li a { color: #000000; font-size: 1.2em; padding-bottom: 2px; } #filters li a:hover { color: #000000; } #filters .current a { border-bottom: 3px solid #333; } #filters .current a, #filters .current a:hover { color: #000000; } /* Portfolio Items */ .portfolio-items { min-height: 200px; width: 106%; margin-left: -3%; } .portfolio-items .hentry { float:left; width: 40%; padding: 10px 15px; margin-bottom: 0; text-align: center; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; } .portfolio-items .hentry.x2 { width: 80%; } .portfolio-items .hentry img { display: block; } .portfolio-items .hentry h4 { color: #222; margin: 1em 0 .2em; font-size: 1.1em; font-weight:400; } .portfolio-items .hentry p { font-size: 1.0em; margin: 0 0 .2em; padding-bottom: .8em; border-bottom: 1px solid #333; } .portfolio-items .media-box { position: relative; padding: 4px; background-color: #fff; border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 1px 1px 1px #d1d1d1; box-shadow: 1px 1px 1px #d1d1d1; } .portfolio-items .media-box:after, .portfolio-items .media-box:before { cont: " "; position: absolute; width: 50%; height: 100px; z-index: -10; } .portfolio-items .media-box:before { height: 75%; op: 15px; left: 0; width: 100%; -webkit-border-radius: 12px / 65px; -ms-border-radius: 12px / 65px; border-radius: 12px / 65px; -webkit-box-shadow: 0 0 10px #555; -ms-box-shadow: 0 0 10px #555; -o-box-shadow: 0 0 10px #555; box-shadow: 0 0 10px #555; } .portfolio-items .media-box:after { display: none; } .media-box .mask { opacity:0; filter: alpha(opacity = 0); position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom:0; right:0; text-align: center; overflow: hidden; } .media-box:hover .mask { opacity:1; filter: alpha(opacity = 100); } .portfolio-items .mask:before { position:absolute; left: 0; top: 0; font-size: 14px; padding: 1.0em; line-height: 1; text-align: center; cont: "\f0ca"; background: #fff; } .portfolio-items .video .mask:before { cont: "\f03d"; } .portfolio-items .audio .mask:before { cont: "\f001"; } .portfolio-items .image .mask:before { cont: "\f03e"; } .portfolio-items .url .mask:before { cont: "\f0c1"; } .media-box .mask a { position:absolute; top: 0; left: 0; width: 100%; height: 100%; background:#fff; opacity:0; filter: alpha(opacity = 0); } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .no-chrome .isotope, .no-chrome .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .no-chrome .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .no-chrome .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* HIGH RES DESKTOPS */ @media screen and (min-width: 1200px) { .portfolio-items .hentry img { -webkit-filter: grayscale(50%); } .portfolio-items .media-box:hover img { -webkit-filter: grayscale(0%); } } @media screen and (min-height: 800px) and (min-width: 1200px) { .safe-mod .rm-container { width: 100%; max-width: 700px; } } @media screen and (min-height: 900px) and (min-width: 1400px) { .safe-mod .rm-container { width: 100%; max-width: 770px; } .rm-cover .cover { background-image: url( "../images/site/coversafe.png" ) !important; } } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/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 */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 110px; height: 50px; margin-top: -25px; margin-left: -55px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; background: url(../images/bckg/loader_dark.gif) center center no-repeat; background-color: #000; background-color: rgba(0,0,0,.8); border-radius: 4px; } #fancybox-loading div { display: none; } #fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none;overflow:-x:hidden} #fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none} #fancybox-wrap{position:absolute;top:0;left:0;padding:20px 0;z-index:1101;outline:0;display:none} #fancybox-outer{position:relative;width:100%;height:100%;background:#f7f7f7; box-shadow: 0 0 20px rgba(0,0,0,.3); } #fancybox-cont{width:0;height:0;padding:0;outline:0;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff} #fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101} #fancybox-close{position:absolute;top:0;right:-44px;cursor:pointer;z-index:1103;display:none} #fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0} #fancybox-img{width:100%;height:100%;padding:0;margin:0;border:0;outline:0;line-height:0;vertical-align:top} #fancybox-frame{width:100%;height:100%;border:0;display:block} #fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:50%;cursor:pointer;outline:0;z-index:1102;display:none} #fancybox-left{left:-100px;} #fancybox-right{right:-100px;} #fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;cursor:pointer;z-index:1102;display:block;} #fancybox-left span{left:26px} #fancybox-right span{left:auto;right:0} .fancy-ico { opacity: .7; } #fancybox-left:hover span, #fancybox-right:hover span{ opacity:1; } .fancybox-bg{display:none} #fancybox-title{z-index:1102; font-size: .9em;} .fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative} .fancybox-title-outside{padding-top:10px;color:#fff} .fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left} #fancybox-title-over{padding:10px;display:block} .fancybox-title-float{position:absolute;left:0!important;bottom:-14px;height:32px;width:100%} #fancybox-title-float-wrap{margin:0 auto;border:0;border-collapse:collapse;width:auto} #fancybox-title-float-wrap td{border:0} #fancybox-title-float-left,#fancybox-title-float-right{display:none} #fancybox-title-float-main{color:#FFF;line-height:150%;padding:6px 16px;background:#fff;color:#333;box-shadow:4px 4px 0 rgba(0,0,0,.2)} .fancybox-ie .fancybox-bg{background:transparent!important} @media screen and (max-width:768px){ #fancybox-wrap{padding:24px 20px 24px 20px} #fancybox-close{top:-43px;right:auto;left:50%;margin-left:-22px} #fancybox-right { right: -80px; } #fancybox-left { left: -80px; } } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 192dpi) { #fancybox-loading { background-size: 70px 24px; background-image: url(../images/bckg/loader_dark@2x.gif); } }