/* * jQuery FlexSlider v1.8 * http://flex.madebymufffin.com * * Copyright 2011, Tyler Smith * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* Browser Resets */ #zone-content #region-content .field-name-body .flex-container a:active, #zone-content #region-content .field-name-body .flexslider a:active {outline: none;} #zone-content #region-content .field-name-body .slides, #zone-content #region-content .field-name-body .flex-control-nav, #zone-content #region-content .field-name-body .flex-direction-nav {margin: 0; padding: 0; list-style: none;} #zone-content #region-content .field-name-body.flexslider li { list-style-type:none; } /* FlexSlider Necessary Styles *********************************/ #zone-content #region-content .field-name-body .flexslider {width: 100%; margin: 0; padding: 0;} #zone-content #region-content .field-name-body .flexslider ul { margin:0 !important; padding:0; } #zone-content #region-content .field-name-body .flexslider ul li {margin:0; padding:0; background:none;} #zone-content #region-content .field-name-body .flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */ #zone-content #region-content .field-name-body .flexslider .slides img {height:auto; width:auto; max-width: 100%; display: block;} #zone-content #region-content .field-name-body .flex-pauseplay span {text-transform: capitalize;} #zone-content #region-content .field-name-body .slides li {background:none; padding:5px; margin:0;} /* Clearfix for the .slides element */ #zone-content #region-content .field-name-body .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] #zone-content #region-content .field-name-body .slides {display: block;} * html #zone-content #region-content .field-name-body .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Tate Theme *********************************/ #zone-content #region-content .field-name-body .flexslider {background: #444; position: relative; zoom: 1;} #zone-content #region-content .field-name-body .flexslider .slides {zoom: 1;} #zone-content #region-content .field-name-body .flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /* Caption style */ /* IE rgba() hack */ #zone-content #region-content .field-name-body .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} #zone-content #region-content .field-name-body .flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3);} /* Direction Nav */ #zone-content #region-content .field-name-body .flex-direction-nav {padding-right:10px!important; overflow:hidden;} #zone-content #region-content .field-name-body .flex-direction-nav li a { border-bottom:none; width: 5%; height: 80%; margin:5em 0 0 0; padding:1px 0 0 0; display: block; background:#000; position: absolute; top: 1px; cursor: pointer; text-indent: -9999px;} #zone-content #region-content .field-name-body .flex-direction-nav li a:hover { border-bottom:none; } #zone-content #region-content .field-name-body .flex-direction-nav li .next {background-position: -52px 0; right: -21px;} #zone-content #region-content .field-name-body .flex-direction-nav li .prev {left: -20px;} #zone-content #region-content .field-name-body .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ #zone-content #region-content .field-name-body .flex-control-nav {width: 20%; position: absolute; right:0; top:20px; padding-right:20px; text-align: right;} #zone-content #region-content .field-name-body .flex-control-nav li {margin: 0 7px 5px 0; padding:0; display: inline-block; zoom: 1; *display: inline;} #zone-content #region-content .field-name-body .flex-control-nav li a { text-indent: -9999px; width: 15px; height: 15px; background: #ddd; color:#ddd; cursor: pointer; display:block; } #zone-content #region-content .field-name-body .flex-control-nav li a:hover { background:#fff; color:#fff; } #zone-content #region-content .field-name-body .flex-control-nav li a.active {background:#ff00bb; color:#ff00bb; cursor: default;} #zone-content #region-content .field-name-body .custom-controls { width:100%; overflow:hidden; list-style-type:none; } #zone-content #region-content .field-name-body .custom-controls li { padding:0; margin:0; background:#555; overflow:hidden; float:left; list-style-type:none; } #zone-content #region-content .field-name-body .custom-controls li a { display:block; height:4em; padding:1em 0 0 10px;margin:0 0 1px 1px; background:#444; overflow:hidden; color:#eee; text-decoration:none; } #zone-content #region-content .field-name-body .custom-controls li img { margin:0; } #zone-content #region-content .field-name-body .custom-controls li.first a { margin:0 0 1px 0; } #zone-content #region-content .field-name-body .custom-controls li a.active { background:#fff; color:#444; } #zone-content #region-content .field-name-body .custom-controls li a span { display:block; margin:3px 0 0 0; } #zone-content #region-content .field-name-body .custom-controls li a img { height:auto; width:auto; } #zone-content #region-content .field-name-body .objectwrapper { max-width:800px; margin:0 0 10px 0; color:#eee; text-align:center; background:url(../images/inpageslideshowloader.gif) center 110px no-repeat #111; } #zone-content #region-content .field-name-body .fullscreen .objectwrapper { background-color:transparent; margin:0 auto; background-position:center 210px; } #zone-content #region-content .field-name-body .objectwrapper object { z-index:90; } #zone-content #region-content .field-name-body .flexslider { min-height:250px; xmax-height:650px; } #zone-content #region-content .field-name-body .flexslider img { max-height:550px; max-width:100%; margin:0 auto; } #zone-content #region-content .field-name-body .visit.flexslider { margin:0 0 0 -20px; padding-right:20px; } #zone-content #region-content .field-name-body .visit h4 { font-size:.9em; font-weight:normal; margin:0; padding:14px 0 5px 20px; } #zone-content #region-content .field-name-body .visit.vertical .custom-controls li a { height:75px; text-align:right; padding:13px 20px 3px 0;} #zone-content #region-content .field-name-body .visit p { font-size:0.75em; margin:0; padding:0 0 5px 20px; line-height:1.4em; } #zone-content #region-content .field-name-body .visit .slides span { display:block; width:66%; min-width:28em; position:absolute; top:0; background:#fff; height:91px; opacity:0; } #zone-content #region-content .field-name-body .visit .active span { opacity:1; } #zone-content #region-content .field-name-body .visit .slides span a { display:block; text-align:left; margin:-76px 15px 0 0; width: 85px; padding: 4px 20px 4px 15px; background: #e5e5e5; color: #444; text-decoration:none; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; height: 14px; line-height: 14px; border: none; float:right; } #zone-content #region-content .field-name-body .visit .slides span a:hover { background: #EE3D96; color: #fff; } #zone-content #region-content .field-name-body .visit .slides .slide1 span { top:92px; } #zone-content #region-content .field-name-body .visit .slides .slide2 span { top:184px; } #zone-content #region-content .field-name-body .visit .slides .slide3 span { top:276px; } #zone-content #region-content .field-name-body .visit .slides .slide4 span { top:368px; } #zone-content #region-content .field-name-body .overlaytest.flexslider {border-top:1px solid #ededed;min-height: 450px; max-height: 450px; overflow:hidden; } #zone-content #region-content .field-name-body .overlaytest .slides .caption { line-height:1.4em; padding:10px 5px 5px 0; width:70%; display:block; position:absolute; top:0; background:#fff; opacity:0; } #zone-content #region-content .field-name-body .overlaytest .slides .active .caption { opacity:1; } #zone-content #region-content .field-name-body .overlaytest .slides .caption h4 { background:#fff; padding:0 10px 15px 20px; } #zone-content #region-content .field-name-body .overlaytest .slides .caption p { background:#e5e5e5; color:#333; padding:5px 10px; margin-left:10px; } #zone-content #region-content .field-name-body .overlaytest .slides li img { max-height:999px; } #zone-content #region-content .field-name-body .overlaytest .flex-direction-nav li a {width: 10%; height: 50%; margin:10em 0 0 0; background:rgba(255,255,255,0.4); } #zone-content #region-content .field-name-body .overlaytest .flex-control-nav li a { opacity:.9; } #zone-content #region-content .field-name-body .vertical .custom-controls { width:21%; float:left; } #zone-content #region-content .field-name-body .vertical .custom-controls li { float:none; width:100%; } #zone-content #region-content .field-name-body .vertical .custom-controls li a { margin:0 0 1px 0; } #zone-content #region-content .field-name-body .vertical .custom-controls li.first a { margin:0 0 1px 0; } #zone-content #region-content .field-name-body .vertical.flexslider { max-height:460px; min-height:460px; height:460px; } #zone-content #region-content .field-name-body .vertical .slides { margin-left:20%; width:80% !important; } #zone-content #region-content .field-name-body .vertical .slides li { height:460px; overflow:hidden; } /* audio player CSS override */ #zone-content #region-content .field-name-body .flexslider .slides .jp-audio { margin:0; } #zone-content #region-content .field-name-body .flexslider .slides .jp-audio a { border-bottom:none; } #zone-content #region-content .field-name-body .flexslider .slides .jp-interface { margin:0; } #zone-content #region-content .field-name-body .flexslider .slides .jp-playlist { margin:0 0 10px 0; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .slides li h4.audiotitle { margin-top:50px; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow { margin:20px 0 10px 0; padding:15px 0 10px 0;background: #fff; text-align:left; line-height:1.4em; xborder-top: 1px solid #E5E2DE; xborder-bottom: 1px solid #E5E2DE; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.numitems2, .flexslider.inlineslideshow.numitems3 { padding-top:10px; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .item-list { margin:0 6px;} #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls-container { height:69px; margin:0 auto; overflow:hidden; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow ul.custom-controls { padding:0; height:69px; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li.last { margin-right:0; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li { margin:0 1px 1px 0; padding:0; width:auto; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li a img, .flexslider.inlineslideshow .custom-controls li a::after { opacity:.7; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li a:hover img, .flexslider.inlineslideshow .custom-controls li a::after { opacity:.7; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li.active a img, .flexslider.inlineslideshow .custom-controls li.active a::after { opacity:1; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li a { background:#fff; border-bottom:4px #fff solid !important; margin:0; padding:0; height:64px !important; display:block; min-height:64px; background:#646361; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .custom-controls li a { border-bottom:4px #5e524d solid !important; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li a img { display:block; height:64px !important; max-height:64px !important; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li a.active { border-bottom:4px #444 solid !important; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li a.audio { min-width:95px; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li a.audio span { display:block; height:64px !important; width:100px; text-indent:-9999px;} #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li a.audio::after { opacity:.8; position:relative; content: " "; background:url(../images/inpageslideshowsprites.png) no-repeat -150px -30px; display:block;width:22px;height:62px; top:-46px; margin:0 0 0 40px; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li a.audio.noisy::after { background-image:url(../images/inpageslideshowsprites.png), url(../images/inpageslideshownoise.gif); background-repeat: no-repeat; background-position: -150px -30px, 0 25px; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li a.video::after { opacity:.8; position:relative; content: " "; background:url(../images/inpageslideshowsprites.png) no-repeat -30px -30px; display:block;width:22px;height:22px; top:-44px; margin:0 0 0 40px; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow ul.slides { margin:0; padding:0; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow ul.slides li { margin:0; padding:0; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow ul.slides li p { margin:0 5px; padding:0; background:#fff; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen ul.slides li p { background:#131313; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen ul.slides li p a { color: #fff; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .slides h4.audiotitle { font-size:1.1em; background:#444; color:#fff; margin:0; padding:7px 0 5px 10px; border-bottom:1px solid #666; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .slides h4.audiotitle { max-width:440px; margin:0 auto; background:#131313; font-size:1.5em; font-family: TateNewRegular; border-bottom:none; padding:0 0 10px 0; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .slides img:hover { cursor:pointer; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen { margin:0; padding:0;border-top: none; border-bottom: none; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .slides img:hover { opacity:1; cursor:default; } /* don't show nav on slideshows with less than 4 items #zone-content #region-content .field-name-body .flexslider.inlineslideshow.numitems2 .flex-direction-nav, .flexslider.inlineslideshow.numitems3 .flex-direction-nav { display:none; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.numitems2 .fullscreenlink, .flexslider.inlineslideshow.numitems3 .fullscreenlink { display:none; }*/ #zone-content #region-content .field-name-body .flexslider.inlineslideshow .flex-direction-nav li a { width:26px; height:26px; background-image:url(../images/inpageslideshowsprites.png); background-repeat:no-repeat; background-color:#eee; top:-52px; padding:0; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .flex-direction-nav li a:hover { background-color:#fff200; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .flex-direction-nav li .next {right: 5px; left:auto; background-position: -241px -28px;} #zone-content #region-content .field-name-body .flexslider.inlineslideshow .flex-direction-nav li .prev {right: 35px; left:auto; background-position: -282px -28px;} #zone-content #region-content .field-name-body .flexslider.inlineslideshow .fullscreenlink { line-height:40em; width:26px; height:26px; background:#eee; display:block; overflow:hidden; right:3px; background-image:url(../images/inpageslideshowsprites.png); background-repeat:no-repeat; background-position: -203px -29px; position:relative; float:right; right:65px; top:-7px; padding:0; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .fullscreenlink:hover { background-color:#fff200; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .slides .img-wrapper { background:#111; margin:0 0 10px 0; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .slides .img-wrapper { background:transparent; margin:0; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .slides .fullscreenicon { display:block; opacity:0; float:right; position:relative; height:45px; width:40px; top:-45px; right:10px; margin-bottom:-45px; background-image:url(../images/inpageslideshowsprites.png); background-repeat:no-repeat; background-position:-330px -27px; filter: Alpha(Opacity=0); } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .slides .img-wrapper:hover .fullscreenicon { opacity:.9; filter: none; background-position:-330px -30px; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .slides .img-wrapper:hover .fullscreenicon { display:none; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .slides img { max-width:100%; max-height:380px; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .slides img { border-bottom:none; max-height:600px; margin-bottom:10px; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .slides p { margin:0 auto; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .jp-audio { max-width:450px; margin:0 auto; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .custom-controls-container { background:transparent; margin:20px 0 30px 0; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen ul.custom-controls { margin:0 auto !important; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow p.inlineslideshow-itemcount { margin:3px 0 0 5px; padding:0 0 0 5px; color:#888; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen p.inlineslideshow-itemcount { font-size:1.1em; position:fixed; top:10px; left:50%; width:300px; margin:0 0 0 -150px !important; text-align:center; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .flex-direction-nav li a { background:none; top:0; width:10%; height:300px; opacity:.2; filter: Alpha(Opacity=20); } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .flex-direction-nav li a:hover { opacity:1; filter: none; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .flex-direction-nav li .next { position:fixed; right:10px; top:50%; margin-top:-50px; display:block; background: #EEE url(../images/slider-arrows.png) -80px 0 no-repeat; width: 80px; height: 80px; border-radius: 40px; moz-border-radius: 40px; opacity: 0.2;} #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .flex-direction-nav li .prev { position:fixed; left:10px; top:50%; margin-top:-50px; display:block; background: #EEE url(../images/slider-arrows.png) no-repeat; width: 80px; height: 80px; border-radius: 40px; moz-border-radius: 40px; opacity: 0.2;} #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .flex-direction-nav li a::after { font-family: TateNewRegular; content " "; margin-top:120px; text-indent: 0; display:block; font-size:7em; color:#fff; position:relative; height:100px; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .custom-controls li a.active { border-bottom:4px #00AED3 solid !important; } #zone-content #region-content .field-name-body .inlineslideshow.numitems1 { margin:0; padding:0; list-style-type:none; } #zone-content #region-content .field-name-body .inlineslideshow.numitems1 ul.slides { margin:0; padding:0; list-style-type:none; } #zone-content #region-content .field-name-body .inlineslideshow.numitems1 ul.slides li p { margin:0; padding:0 25px 0px 5px; color:#888; background:#fff; } /* hide elements that ie7 disregards the z-index of */ .flexfullscreen #tabs, .flexfullscreen #adminshowhide, .flexfullscreen #environment-indicator, .flexfullscreen #toolbar, .flexfullscreen #footer, .flexfullscreen .region-sidebar-first, .flexfullscreen .region-sidebar-second { display:none; } .flexfullscreen div.flexslider-wrapper { z-index:100000 !important; height:100%; width:100%; background:#131313; position:fixed; top:0; left:0; } .flexfullscreen div.flexslider.fullscreen { z-index:100100 !important; } .flexfullscreen div.flexslider.fullscreen div { z-index:100200 !important; } .flexfullscreen #zone-content #region-content .field-name-body .flexslider.inlineslideshow .slides .img-wrapper .fullscreenicon { display:none; } .flexslider .fullscreenclose { display: block; border: none; height: 27px; position: fixed; text-align: right; margin: 0px; top: 10px ; right: 10px; padding: 0px 26px 0px 0px; z-index: 1000; } a.fullscreenclose .textlink { color: #BFBFBF; border-bottom: 1px solid #666; } a.fullscreenclose:hover .textlink { color: #DEDEDE; border-color: #DEDEDE; } .fullscreenclose .icon { background: url('/art/content/images/button_mag.png') 0 -114px; display: block; width: 16px; height: 15px; position: fixed; margin: 0px; right: 10px; top: 11px; } .fullscreenclose span.icon span { display: none; } #zone-content #region-content .field-name-body .flexfullscreen { } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen { position:fixed; left:50%; top:0px; background:transparent; z-index:99999; margin:20px 10px; width:900px; margin-left:-450px; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen img { max-width:100%; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .slides { background:transparent; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .slides li { background:transparent; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen .slides p.credit { background:transparent; color:#eee; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen p { display:none; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen p.inlineslideshow-itemcount { display:block; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow.fullscreen.showcaption p { display:block; } /* transitions */ #zone-content #region-content .field-name-body .flex-direction-nav li a, .flexslider.inlineslideshow .custom-controls li a img { -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } #zone-content #region-content .field-name-body .visit .slides span { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .custom-controls li { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; } #zone-content #region-content .field-name-body .flexslider.inlineslideshow .slides .fullscreenicon, .flexslider.inlineslideshow .custom-controls li a img { -webkit-transition: all .15s ease-in; -moz-transition: all .15s ease-in; -o-transition: all .15s ease-in; -ms-transition: all .15s ease-in; transition: all .15s ease-in; }