|
|
Line 24: |
Line 24: |
| <link rel="stylesheet" href="css/base.css"> | | <link rel="stylesheet" href="css/base.css"> |
| <link rel="stylesheet" href="css/skeleton.css"> | | <link rel="stylesheet" href="css/skeleton.css"> |
− | <link rel="stylesheet" href="css/screen.css"> | + | <style> |
− | <link rel="stylesheet" href="css/mediaelementplayer.css" />
| + | |
− | <!--[if IE 7]>
| + | |
− | <link rel="stylesheet" href="stylesheets/ie7.css">
| + | |
− | <![endif]-->
| + | |
| | | |
− | <!-- Favicons
| + | /* Table of Contents |
− | ================================================== -->
| + | ================================================== |
− | <link rel="shortcut icon" href="images/favicon.ico">
| + | #Base 960 Grid |
− | <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
| + | #Tablet (Portrait) |
− | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
| + | #Mobile (Portrait) |
− | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
| + | #Mobile (Landscape) |
− |
| + | #Clearing */ |
− | <!-- Fonts
| + | |
− | ================================================== -->
| + | |
− | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic' rel='stylesheet' type='text/css'> | + | |
− | | + | |
− | <!-- Scripts | + | |
− | ================================================== -->
| + | |
− | <script src="js/jquery-1.7.min.js" type="text/javascript"></script> | + | |
− | <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
| + | |
− | <script src="js/jquery.animate-colors-min.js" type="text/javascript"></script>
| + | |
− | <!--/***********************************************
| + | |
− | * Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
| + | |
− | * This notice MUST stay intact for legal use | + | |
− | * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
| + | |
− | ***********************************************/-->
| + | |
− | <script>
| + | |
− | //** Smooth Navigational Menu- By Dynamic Drive DHTML code library: http://www.dynamicdrive.com
| + | |
− | //** Script Download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/
| + | |
− | //** Menu created: Nov 12, 2008
| + | |
| | | |
− | //** Dec 12th, 08" (v1.01): Fixed Shadow issue when multiple LIs within the same UL (level) contain sub menus: http://www.dynamicdrive.com/forums/showthread.php?t=39177&highlight=smooth
| |
| | | |
− | //** Feb 11th, 09" (v1.02): The currently active main menu item (LI A) now gets a CSS class of ".selected", including sub menu items.
| |
| | | |
− | //** May 1st, 09" (v1.3):
| + | /* #Base 960 Grid |
− | //** 1) Now supports vertical (side bar) menu mode- set "orientation" to 'v'
| + | ================================================== */ |
− | //** 2) In IE6, shadows are now always disabled | + | |
| | | |
− | //** July 27th, 09" (v1.31): Fixed bug so shadows can be disabled if desired.
| + | .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } |
− | //** Feb 2nd, 10" (v1.4): Adds ability to specify delay before sub menus appear and disappear, respectively. See showhidedelay variable below
| + | .column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } |
| + | .row { margin-bottom: 20px; } |
| | | |
− | //** Dec 17th, 10" (v1.5): Updated menu shadow to use CSS3 box shadows when the browser is FF3.5+, IE9+, Opera9.5+, or Safari3+/Chrome. Only .js file changed.
| + | /* Nested Column Classes */ |
| + | .column.alpha, .columns.alpha { margin-left: 0; } |
| + | .column.omega, .columns.omega { margin-right: 0; } |
| | | |
− | var ddsmoothmenu={
| + | /* Base Grid */ |
− | transition: {overtime:400, outtime:300}, //duration of slide in/ out animation, in milliseconds
| + | .container .one.column { width: 40px; } |
− | shadow: {enable:false, offsetx:0, offsety:0}, //enable shadow?
| + | .container .two.columns { width: 100px; } |
− | showhidedelay: {showdelay: 100, hidedelay: 0}, //set delay in milliseconds before sub menus appear and disappear, respectively
| + | .container .three.columns { width: 160px; } |
| + | .container .four.columns { width: 220px; } |
| + | .container .five.columns { width: 280px; } |
| + | .container .six.columns { width: 340px; } |
| + | .container .seven.columns { width: 400px; } |
| + | .container .eight.columns { width: 460px; } |
| + | .container .nine.columns { width: 520px; } |
| + | .container .ten.columns { width: 580px; } |
| + | .container .eleven.columns { width: 640px; } |
| + | .container .twelve.columns { width: 700px; } |
| + | .container .thirteen.columns { width: 760px; } |
| + | .container .fourteen.columns { width: 820px; } |
| + | .container .fifteen.columns { width: 880px; } |
| + | .container .sixteen.columns { width: 940px; } |
| | | |
− | ///////Stop configuring beyond here///////////////////////////
| + | .container .one-third.column { width: 300px; } |
| + | .container .two-thirds.column { width: 620px; } |
| | | |
− | detectwebkit: navigator.userAgent.toLowerCase().indexOf("applewebkit")!=-1, //detect WebKit browsers (Safari, Chrome etc)
| + | /* Offsets */ |
− | detectie6: document.all && !window.XMLHttpRequest,
| + | .container .offset-by-one { padding-left: 60px; } |
− | css3support: window.msPerformance || (!document.all && document.querySelector), //detect browsers that support CSS3 box shadows (ie9+ or FF3.5+, Safari3+, Chrome etc)
| + | .container .offset-by-two { padding-left: 120px; } |
| + | .container .offset-by-three { padding-left: 180px; } |
| + | .container .offset-by-four { padding-left: 240px; } |
| + | .container .offset-by-five { padding-left: 300px; } |
| + | .container .offset-by-six { padding-left: 360px; } |
| + | .container .offset-by-seven { padding-left: 420px; } |
| + | .container .offset-by-eight { padding-left: 480px; } |
| + | .container .offset-by-nine { padding-left: 540px; } |
| + | .container .offset-by-ten { padding-left: 600px; } |
| + | .container .offset-by-eleven { padding-left: 660px; } |
| + | .container .offset-by-twelve { padding-left: 720px; } |
| + | .container .offset-by-thirteen { padding-left: 780px; } |
| + | .container .offset-by-fourteen { padding-left: 840px; } |
| + | .container .offset-by-fifteen { padding-left: 900px; } |
| | | |
− | getajaxmenu:function($, setting){ //function to fetch external page containing the panel DIVs
| |
− | var $menucontainer=$('#'+setting.contentsource[0]) //reference empty div on page that will hold menu
| |
− | $menucontainer.html("Loading Menu...")
| |
− | $.ajax({
| |
− | url: setting.contentsource[1], //path to external menu file
| |
− | async: true,
| |
− | error:function(ajaxrequest){
| |
− | $menucontainer.html('Error fetching content. Server Response: '+ajaxrequest.responseText)
| |
− | },
| |
− | success:function(content){
| |
− | $menucontainer.html(content)
| |
− | ddsmoothmenu.buildmenu($, setting)
| |
− | }
| |
− | })
| |
− | },
| |
| | | |
| | | |
− | buildmenu:function($, setting){
| + | /* #Tablet (Portrait) |
− | var smoothmenu=ddsmoothmenu
| + | ================================================== */ |
− | var $mainmenu=$("#"+setting.mainmenuid+">ul") //reference main menu UL
| + | |
− | $mainmenu.parent().get(0).className=setting.classname || "ddsmoothmenu"
| + | |
− | var $headers=$mainmenu.find("ul").parent()
| + | |
− | $headers.hover(
| + | |
− | function(e){
| + | |
− | $(this).children('a:eq(0)').addClass('selected')
| + | |
− | },
| + | |
− | function(e){
| + | |
− | $(this).children('a:eq(0)').removeClass('selected')
| + | |
− | }
| + | |
− | )
| + | |
− | $headers.each(function(i){ //loop through each LI header
| + | |
− | var $curobj=$(this).css({zIndex: 100-i}) //reference current LI header
| + | |
− | var $subul=$(this).find('ul:eq(0)').css({display:'block'})
| + | |
− | $subul.data('timers', {})
| + | |
− | this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
| + | |
− | this.istopheader=$curobj.parents("ul").length==1? true : false //is top level header?
| + | |
− | $subul.css({top:this.istopheader && setting.orientation!='v'? this._dimensions.h+"px" : 0})
| + | |
− | if (smoothmenu.shadow.enable && !smoothmenu.css3support){ //if shadows enabled and browser doesn't support CSS3 box shadows
| + | |
− | this._shadowoffset={x:(this.istopheader?$subul.offset().left+smoothmenu.shadow.offsetx : this._dimensions.w), y:(this.istopheader? $subul.offset().top+smoothmenu.shadow.offsety : $curobj.position().top)} //store this shadow's offsets
| + | |
− | if (this.istopheader)
| + | |
− | $parentshadow=$(document.body)
| + | |
− | else{
| + | |
− | var $parentLi=$curobj.parents("li:eq(0)")
| + | |
− | $parentshadow=$parentLi.get(0).$shadow
| + | |
− | }
| + | |
− | this.$shadow=$('<div class="ddshadow'+(this.istopheader? ' toplevelshadow' : '')+'"></div>').prependTo($parentshadow).css({left:this._shadowoffset.x+'px', top:this._shadowoffset.y+'px'}) //insert shadow DIV and set it to parent node for the next shadow div
| + | |
− | }
| + | |
− | $curobj.hover(
| + | |
− | function(e){
| + | |
− | var $targetul=$subul //reference UL to reveal
| + | |
− | var header=$curobj.get(0) //reference header LI as DOM object
| + | |
− | clearTimeout($targetul.data('timers').hidetimer)
| + | |
− | $targetul.data('timers').showtimer=setTimeout(function(){
| + | |
− | header._offsets={left:$curobj.offset().left, top:$curobj.offset().top}
| + | |
− | var menuleft=header.istopheader && setting.orientation!='v'? 0 : header._dimensions.w
| + | |
− | menuleft=(header._offsets.left+menuleft+header._dimensions.subulw>$(window).width())? (header.istopheader && setting.orientation!='v'? -header._dimensions.subulw+header._dimensions.w : -header._dimensions.w) : menuleft //calculate this sub menu's offsets from its parent
| + | |
− | if ($targetul.queue().length<=1){ //if 1 or less queued animations
| + | |
− | $targetul.css({left:menuleft+"px", width:header._dimensions.subulw+'px'}).animate({height:'show', opacity:'show'}, ddsmoothmenu.transition.overtime, 'easeOutExpo')
| + | |
− | if (smoothmenu.shadow.enable && !smoothmenu.css3support){
| + | |
− | var shadowleft=header.istopheader? $targetul.offset().left+ddsmoothmenu.shadow.offsetx : menuleft
| + | |
− | var shadowtop=header.istopheader?$targetul.offset().top+smoothmenu.shadow.offsety : header._shadowoffset.y
| + | |
− | if (!header.istopheader && ddsmoothmenu.detectwebkit){ //in WebKit browsers, restore shadow's opacity to full
| + | |
− | header.$shadow.css({opacity:1})
| + | |
− | }
| + | |
− | header.$shadow.css({overflow:'', width:header._dimensions.subulw+'px', left:shadowleft+'px', top:shadowtop+'px'}).animate({height:header._dimensions.subulh+'px'}, ddsmoothmenu.transition.overtime, 'easeOutExpo')
| + | |
− | }
| + | |
− | }
| + | |
− | }, ddsmoothmenu.showhidedelay.showdelay)
| + | |
− | },
| + | |
− | function(e){
| + | |
− | var $targetul=$subul
| + | |
− | var header=$curobj.get(0)
| + | |
− | clearTimeout($targetul.data('timers').showtimer)
| + | |
− | $targetul.data('timers').hidetimer=setTimeout(function(){
| + | |
− | $targetul.animate({height:'hide', opacity:'hide'}, ddsmoothmenu.transition.outtime, 'easeOutExpo')
| + | |
− | if (smoothmenu.shadow.enable && !smoothmenu.css3support){
| + | |
− | if (ddsmoothmenu.detectwebkit){ //in WebKit browsers, set first child shadow's opacity to 0, as "overflow:hidden" doesn't work in them
| + | |
− | header.$shadow.children('div:eq(0)').css({opacity:0})
| + | |
− | }
| + | |
− | header.$shadow.css({overflow:'hidden'}).animate({height:0}, ddsmoothmenu.transition.outtime, 'easeOutExpo')
| + | |
− | }
| + | |
− | }, ddsmoothmenu.showhidedelay.hidedelay)
| + | |
− | }
| + | |
− | ) //end hover
| + | |
− | }) //end $headers.each()
| + | |
− | if (smoothmenu.shadow.enable && smoothmenu.css3support){ //if shadows enabled and browser supports CSS3 shadows
| + | |
− | var $toplevelul=$('#'+setting.mainmenuid+' ul li ul')
| + | |
− | var css3shadow=parseInt(smoothmenu.shadow.offsetx)+"px "+parseInt(smoothmenu.shadow.offsety)+"px 5px #aaa" //construct CSS3 box-shadow value
| + | |
− | var shadowprop=["boxShadow", "MozBoxShadow", "WebkitBoxShadow", "MsBoxShadow"] //possible vendor specific CSS3 shadow properties
| + | |
− | for (var i=0; i<shadowprop.length; i++){
| + | |
− | $toplevelul.css(shadowprop[i], css3shadow)
| + | |
− | }
| + | |
− | }
| + | |
− | $mainmenu.find("ul").css({display:'none', visibility:'visible'})
| + | |
− | },
| + | |
| | | |
− | init:function(setting){
| + | /* Note: Design for a width of 768px */ |
− | if (typeof setting.customtheme=="object" && setting.customtheme.length==2){ //override default menu colors (default/hover) with custom set?
| + | |
− | var mainmenuid='#'+setting.mainmenuid
| + | |
− | var mainselector=(setting.orientation=="v")? mainmenuid : mainmenuid+', '+mainmenuid
| + | |
− | document.write('<style type="text/css">\n'
| + | |
− | +mainselector+' ul li a {background:'+setting.customtheme[0]+';}\n'
| + | |
− | +mainmenuid+' ul li a:hover {background:'+setting.customtheme[1]+';}\n'
| + | |
− | +'</style>')
| + | |
− | }
| + | |
− | this.shadow.enable=(document.all && !window.XMLHttpRequest)? false : this.shadow.enable //in IE6, always disable shadow
| + | |
− | jQuery(document).ready(function($){ //ajax menu?
| + | |
− | if (typeof setting.contentsource=="object"){ //if external ajax menu
| + | |
− | ddsmoothmenu.getajaxmenu($, setting)
| + | |
− | }
| + | |
− | else{ //else if markup menu
| + | |
− | ddsmoothmenu.buildmenu($, setting)
| + | |
− | }
| + | |
− | })
| + | |
− | }
| + | |
| | | |
− | } //end ddsmoothmenu variable
| + | @media only screen and (min-width: 768px) and (max-width: 959px) { |
− | </script>
| + | .container { width: 768px; } |
− | <script> | + | .container .column, |
− | /**************************************\
| + | .container .columns { margin-left: 10px; margin-right: 10px; } |
− | |* cssAnimate 1.1.1 for jQuery *|
| + | .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } |
− | |* (c) 2011 - Clemens Damke *|
| + | .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } |
− | |* Licensed under MIT License *|
| + | |
− | |* Based and tested on jQuery 1.6.4 *|
| + | |
− | \**************************************/
| + | |
− | (function(a){var b=["Webkit","Moz","O","Ms","Khtml",""];a.fn.cssSetQueue=function(b,c){v=this;var d=v.data("cssQueue")?v.data("cssQueue"):[];var e=v.data("cssCall")?v.data("cssCall"):[];var f=0;var g={};a.each(c,function(a,b){g[a]=b});while(1){if(!e[f]){e[f]=g.complete;break}f++}g.complete=f;d.push([b,g]);v.data({cssQueue:d,cssRunning:true,cssCall:e})};a.fn.cssRunQueue=function(){v=this;var a=v.data("cssQueue")?v.data("cssQueue"):[];if(a[0])v.cssEngine(a[0][0],a[0][1]);else v.data("cssRunning",false);a.shift();v.data("cssQueue",a)};a.cssMerge=function(b,c,d){a.each(c,function(c,e){a.each(d,function(a,d){b[d+c]=e})});return b};a.fn.cssAnimationData=function(a,b){var c=this;var d=c.data("cssAnimations");if(!d)d={};if(!d[a])d[a]=[];d[a].push(b);c.data("cssAnimations",d);return d[a]};a.fn.cssAnimationRemove=function(){var b=this;var c=b.data("cssAnimations");var d=b.data("identity");a.each(c,function(a,b){c[a]=b.splice(d+1,1)});b.data("cssAnimations",c)};a.css3D=function(c){a("body").data("cssPerspective",isFinite(c)?c:c?1e3:0).css(a.cssMerge({},{TransformStyle:c?"preserve-3d":"flat"},b))};a.cssAnimateSupport=function(){var c=false;a.each(b,function(a,b){c=document.body.style[b+"AnimationName"]!==undefined?true:c});return c};a.fn.cssEngine=function(c,d){function f(a){return String(a).replace(/([A-Z])/g,"-$1").toLowerCase()}var e=this;if(typeof d.complete=="number")e.data("cssCallIndex",d.complete);var g={linear:"linear",swing:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out"};var h={};var i=a("body").data("cssPerspective");if(c.transform)a.each(b,function(a,b){var d=b+(b?"T":"t")+"ransform";var g=e.css(f(d));var j=c.transform;if(!g||g=="none")h[d]="scale(1)";c[d]=(i&&!/perspective/gi.test(j)?"perspective("+i+") ":"")+j});if(c.borderRadius)a.each(b,function(a,b){c[b+(b?"B":"b")+"orderRadius"]=c.borderRadius});if(c.boxShadow)a.each(b,function(a,b){c[b+(b?"B":"b")+"oxShadow"]=c.boxShadow});var j=[];a.each(c,function(a,b){j.push(f(a))});var k=false;var l=[];var m=[];for(var n=0;n<j.length;n++){l.push(String(d.duration/1e3)+"s");m.push(g[d.easing])}l=e.cssAnimationData("dur",l.join(", ")).join(", ");m=e.cssAnimationData("eas",m.join(", ")).join(", ");var o=e.cssAnimationData("prop",j.join(", "));e.data("identity",o.length-1);o=o.join(", ");var p={TransitionDuration:l,TransitionProperty:o,TransitionTimingFunction:m};var q={};q=a.cssMerge(q,p,b);var r=c;a.extend(q,c);if(q.display=="callbackHide")k=true;else if(q.display)h["display"]=q.display;e.css(h);setTimeout(function(){e.css(q);var b=e.data("runningCSS");b=!b?r:a.extend(b,r);e.data("runningCSS",b);setTimeout(function(){e.data("cssCallIndex","a");if(k)e.css("display","none");e.cssAnimationRemove();if(d.queue)e.cssRunQueue();if(typeof d.complete=="number"){e.data("cssCall")[d.complete].call(e);e.data("cssCall")[d.complete]=0}else d.complete.call(e)},d.duration)},0)};a.str2Speed=function(a){return isNaN(a)?a=="slow"?1e3:a=="fast"?200:600:a};a.fn.cssAnimate=function(b,c,d,e){var f=this;var g={duration:0,easing:"swing",complete:function(){},queue:true};var h={};h=typeof c=="object"?c:{duration:c};h[d?typeof d=="function"?"complete":"easing":0]=d;h[e?"complete":0]=e;h.duration=a.str2Speed(h.duration);a.extend(g,h);if(a.cssAnimateSupport()){f.each(function(c,d){d=a(d);if(g.queue){var e=!d.data("cssRunning");d.cssSetQueue(b,g);if(e)d.cssRunQueue()}else d.cssEngine(b,g)})}else f.animate(b,g);return f};a.cssPresetOptGen=function(a,b){var c={};c[a?typeof a=="function"?"complete":"easing":0]=a;c[b?"complete":0]=b;return c};a.fn.cssFadeTo=function(b,c,d,e){var f=this;opt=a.cssPresetOptGen(d,e);var g={opacity:c};opt.duration=b;if(a.cssAnimateSupport()){f.each(function(b,d){d=a(d);if(d.data("displayOriginal")!=d.css("display")&&d.css("display")!="none")d.data("displayOriginal",d.css("display")?d.css("display"):"block");else d.data("displayOriginal","block");g.display=c?d.data("displayOriginal"):"callbackHide";d.cssAnimate(g,opt)})}else f.fadeTo(b,opt);return f};a.fn.cssFadeOut=function(b,c,d){if(a.cssAnimateSupport()){if(!this.css("opacity"))this.css("opacity",1);this.cssFadeTo(b,0,c,d)}else this.fadeOut(b,c,d);return this};a.fn.cssFadeIn=function(b,c,d){if(a.cssAnimateSupport()){if(this.css("opacity"))this.css("opacity",0);this.cssFadeTo(b,1,c,d)}else this.fadeIn(b,c,d);return this};a.cssPx2Int=function(a){return a.split("p")[0]*1};a.fn.cssStop=function(){var c=this,d=0;c.data("cssAnimations",false).each(function(f,g){g=a(g);var h={TransitionDuration:"0s"};var i=g.data("runningCSS");var j={};if(i)a.each(i,function(b,c){c=isFinite(a.cssPx2Int(c))?a.cssPx2Int(c):c;var d=[0,1];var e={color:["#000","#fff"],background:["#000","#fff"],"float":["none","left"],clear:["none","left"],border:["none","0px solid #fff"],position:["absolute","relative"],family:["Arial","Helvetica"],display:["none","block"],visibility:["hidden","visible"],transform:["translate(0,0)","scale(1)"]};a.each(e,function(a,c){if((new RegExp(a,"gi")).test(b))d=c});j[b]=d[0]!=c?d[0]:d[1]});else i={};h=a.cssMerge(j,h,b);g.css(h);setTimeout(function(){var b=a(c[d]);b.css(i).data({runningCSS:{},cssAnimations:{},cssQueue:[],cssRunning:false});if(typeof b.data("cssCallIndex")=="number")b.data("cssCall")[b.data("cssCallIndex")].call(b);b.data("cssCall",[]);d++},0)});return c};a.fn.cssDelay=function(a){return this.cssAnimate({},a)}})(jQuery)</script>
| + | |
− | <script>
| + | |
− | /*global jQuery */
| + | |
− | /*!
| + | |
− | * FitVids 1.0
| + | |
− | *
| + | |
− | * Copyright 2011, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
| + | |
− | * Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
| + | |
− | * Released under the WTFPL license - http://sam.zoy.org/wtfpl/
| + | |
− | *
| + | |
− | * Date: Thu Sept 01 18:00:00 2011 -0500
| + | |
− | */
| + | |
| | | |
− | (function( $ ){
| + | .container .one.column { width: 28px; } |
| + | .container .two.columns { width: 76px; } |
| + | .container .three.columns { width: 124px; } |
| + | .container .four.columns { width: 172px; } |
| + | .container .five.columns { width: 220px; } |
| + | .container .six.columns { width: 268px; } |
| + | .container .seven.columns { width: 316px; } |
| + | .container .eight.columns { width: 364px; } |
| + | .container .nine.columns { width: 412px; } |
| + | .container .ten.columns { width: 460px; } |
| + | .container .eleven.columns { width: 508px; } |
| + | .container .twelve.columns { width: 556px; } |
| + | .container .thirteen.columns { width: 604px; } |
| + | .container .fourteen.columns { width: 652px; } |
| + | .container .fifteen.columns { width: 700px; } |
| + | .container .sixteen.columns { width: 748px; } |
| | | |
− | $.fn.fitVids = function( options ) {
| + | .container .one-third.column { width: 236px; } |
− | var settings = {
| + | .container .two-thirds.column { width: 492px; } |
− | customSelector: null
| + | |
| + | /* Offsets */ |
| + | .container .offset-by-one { padding-left: 48px; } |
| + | .container .offset-by-two { padding-left: 96px; } |
| + | .container .offset-by-three { padding-left: 144px; } |
| + | .container .offset-by-four { padding-left: 192px; } |
| + | .container .offset-by-five { padding-left: 240px; } |
| + | .container .offset-by-six { padding-left: 288px; } |
| + | .container .offset-by-seven { padding-left: 336px; } |
| + | .container .offset-by-eight { padding-left: 348px; } |
| + | .container .offset-by-nine { padding-left: 432px; } |
| + | .container .offset-by-ten { padding-left: 480px; } |
| + | .container .offset-by-eleven { padding-left: 528px; } |
| + | .container .offset-by-twelve { padding-left: 576px; } |
| + | .container .offset-by-thirteen { padding-left: 624px; } |
| + | .container .offset-by-fourteen { padding-left: 672px; } |
| + | .container .offset-by-fifteen { padding-left: 720px; } |
| } | | } |
− |
| |
− | var div = document.createElement('div'),
| |
− | ref = document.getElementsByTagName('base')[0] || document.getElementsByTagName('script')[0];
| |
− |
| |
− | div.className = 'fit-vids-style';
| |
− | div.innerHTML = '­<style> \
| |
− | .fluid-width-video-wrapper { \
| |
− | width: 100%; \
| |
− | position: relative; \
| |
− | padding: 0; \
| |
− | } \
| |
− | \
| |
− | .fluid-width-video-wrapper iframe, \
| |
− | .fluid-width-video-wrapper object, \
| |
− | .fluid-width-video-wrapper embed { \
| |
− | position: absolute; \
| |
− | top: 0; \
| |
− | left: 0; \
| |
− | width: 100%; \
| |
− | height: 100%; \
| |
− | } \
| |
− | </style>';
| |
− |
| |
− | ref.parentNode.insertBefore(div,ref);
| |
− |
| |
− | if ( options ) {
| |
− | $.extend( settings, options );
| |
− | }
| |
− |
| |
− | return this.each(function(){
| |
− | var selectors = [
| |
− | "iframe[src^='http://player.vimeo.com']",
| |
− | "iframe[src^='http://www.youtube.com']",
| |
− | "iframe[src^='http://www.kickstarter.com']",
| |
− | "object",
| |
− | "embed"
| |
− | ];
| |
− |
| |
− | if (settings.customSelector) {
| |
− | selectors.push(settings.customSelector);
| |
− | }
| |
− |
| |
− | var $allVideos = $(this).find(selectors.join(','));
| |
| | | |
− | $allVideos.each(function(){
| |
− | var $this = $(this);
| |
− | if (this.tagName.toLowerCase() == 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
| |
− | var height = this.tagName.toLowerCase() == 'object' ? $this.attr('height') : $this.height(),
| |
− | aspectRatio = height / $this.width();
| |
− | if(!$this.attr('id')){
| |
− | var videoID = 'fitvid' + Math.floor(Math.random()*999999);
| |
− | $this.attr('id', videoID);
| |
− | }
| |
− | $this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%");
| |
− | $this.removeAttr('height').removeAttr('width');
| |
− | });
| |
− | });
| |
− |
| |
− | }
| |
− | })( jQuery );</script>
| |
− | <script>
| |
− | /*
| |
− | * jQuery FlexSlider v1.8
| |
− | * http://flex.madebymufffin.com
| |
− | * Copyright 2011, Tyler Smith
| |
− | */
| |
− | (function(a){a.flexslider=function(c,b){var d=c;d.init=function(){d.vars=a.extend({},a.flexslider.defaults,b);d.data("flexslider",true);d.container=a(".slides",d);d.slides=a(".slides > li",d);d.count=d.slides.length;d.animating=false;d.currentSlide=d.vars.slideToStart;d.animatingTo=d.currentSlide;d.atEnd=(d.currentSlide==0)?true:false;d.eventType=("ontouchstart" in document.documentElement)?"touchstart":"click";d.cloneCount=0;d.cloneOffset=0;d.manualPause=false;d.vertical=(d.vars.slideDirection=="vertical");d.prop=(d.vertical)?"top":"marginLeft";d.args={};d.transitions="webkitTransition" in document.body.style;if(d.transitions){d.prop="-webkit-transform"}if(d.vars.controlsContainer!=""){d.controlsContainer=a(d.vars.controlsContainer).eq(a(".slides").index(d.container));d.containerExists=d.controlsContainer.length>0}if(d.vars.manualControls!=""){d.manualControls=a(d.vars.manualControls,((d.containerExists)?d.controlsContainer:d));d.manualExists=d.manualControls.length>0}if(d.vars.randomize){d.slides.sort(function(){return(Math.round(Math.random())-0.5)});d.container.empty().append(d.slides)}if(d.vars.animation.toLowerCase()=="slide"){if(d.transitions){d.setTransition(0)}d.css({overflow:"hidden"});if(d.vars.animationLoop){d.cloneCount=2;d.cloneOffset=1;d.container.append(d.slides.filter(":first").clone().addClass("clone")).prepend(d.slides.filter(":last").clone().addClass("clone"))}d.newSlides=a(".slides > li",d);var m=(-1*(d.currentSlide+d.cloneOffset));if(d.vertical){d.newSlides.css({display:"block",width:"100%","float":"left"});d.container.height((d.count+d.cloneCount)*200+"%").css("position","absolute").width("100%");setTimeout(function(){d.css({position:"relative"}).height(d.slides.filter(":first").height());d.args[d.prop]=(d.transitions)?"translate3d(0,"+m*d.height()+"px,0)":m*d.height()+"px";d.container.css(d.args)},100)}else{d.args[d.prop]=(d.transitions)?"translate3d("+m*d.width()+"px,0,0)":m*d.width()+"px";d.container.width((d.count+d.cloneCount)*200+"%").css(d.args);setTimeout(function(){d.newSlides.width(d.width()).css({"float":"left",display:"block"})},100)}}else{d.transitions=false;d.slides.css({width:"100%","float":"left",marginRight:"-100%"}).eq(d.currentSlide).fadeIn(d.vars.animationDuration)}if(d.vars.controlNav){if(d.manualExists){d.controlNav=d.manualControls}else{var e=a('<ol class="flex-control-nav"></ol>');var s=1;for(var t=0;t<d.count;t++){e.append("<li><a>"+s+"</a></li>");s++}if(d.containerExists){a(d.controlsContainer).append(e);d.controlNav=a(".flex-control-nav li a",d.controlsContainer)}else{d.append(e);d.controlNav=a(".flex-control-nav li a",d)}}d.controlNav.eq(d.currentSlide).addClass("active");d.controlNav.bind(d.eventType,function(i){i.preventDefault();if(!a(this).hasClass("active")){(d.controlNav.index(a(this))>d.currentSlide)?d.direction="next":d.direction="prev";d.flexAnimate(d.controlNav.index(a(this)),d.vars.pauseOnAction)}})}if(d.vars.directionNav){var v=a('<ul class="flex-direction-nav"><li><a class="prev" href="#">'+d.vars.prevText+'</a></li><li><a class="next" href="#">'+d.vars.nextText+"</a></li></ul>");if(d.containerExists){a(d.controlsContainer).append(v);d.directionNav=a(".flex-direction-nav li a",d.controlsContainer)}else{d.append(v);d.directionNav=a(".flex-direction-nav li a",d)}if(!d.vars.animationLoop){if(d.currentSlide==0){d.directionNav.filter(".prev").addClass("disabled")}else{if(d.currentSlide==d.count-1){d.directionNav.filter(".next").addClass("disabled")}}}d.directionNav.bind(d.eventType,function(i){i.preventDefault();var j=(a(this).hasClass("next"))?d.getTarget("next"):d.getTarget("prev");if(d.canAdvance(j)){d.flexAnimate(j,d.vars.pauseOnAction)}})}if(d.vars.keyboardNav&&a("ul.slides").length==1){function h(i){if(d.animating){return}else{if(i.keyCode!=39&&i.keyCode!=37){return}else{if(i.keyCode==39){var j=d.getTarget("next")}else{if(i.keyCode==37){var j=d.getTarget("prev")}}if(d.canAdvance(j)){d.flexAnimate(j,d.vars.pauseOnAction)}}}}a(document).bind("keyup",h)}if(d.vars.mousewheel){d.mousewheelEvent=(/Firefox/i.test(navigator.userAgent))?"DOMMouseScroll":"mousewheel";d.bind(d.mousewheelEvent,function(y){y.preventDefault();y=y?y:window.event;var i=y.detail?y.detail*-1:y.wheelDelta/40,j=(i<0)?d.getTarget("next"):d.getTarget("prev");if(d.canAdvance(j)){d.flexAnimate(j,d.vars.pauseOnAction)}})}if(d.vars.slideshow){if(d.vars.pauseOnHover&&d.vars.slideshow){d.hover(function(){d.pause()},function(){if(!d.manualPause){d.resume()}})}d.animatedSlides=setInterval(d.animateSlides,d.vars.slideshowSpeed)}if(d.vars.pausePlay){var q=a('<div class="flex-pauseplay"><span></span></div>');if(d.containerExists){d.controlsContainer.append(q);d.pausePlay=a(".flex-pauseplay span",d.controlsContainer)}else{d.append(q);d.pausePlay=a(".flex-pauseplay span",d)}var n=(d.vars.slideshow)?"pause":"play";d.pausePlay.addClass(n).text((n=="pause")?d.vars.pauseText:d.vars.playText);d.pausePlay.bind(d.eventType,function(i){i.preventDefault();if(a(this).hasClass("pause")){d.pause();d.manualPause=true}else{d.resume();d.manualPause=false}})}if("ontouchstart" in document.documentElement){var w,u,l,r,o,x,p=false;d.each(function(){if("ontouchstart" in document.documentElement){this.addEventListener("touchstart",g,false)}});function g(i){if(d.animating){i.preventDefault()}else{if(i.touches.length==1){d.pause();r=(d.vertical)?d.height():d.width();x=Number(new Date());l=(d.vertical)?(d.currentSlide+d.cloneOffset)*d.height():(d.currentSlide+d.cloneOffset)*d.width();w=(d.vertical)?i.touches[0].pageY:i.touches[0].pageX;u=(d.vertical)?i.touches[0].pageX:i.touches[0].pageY;d.setTransition(0);this.addEventListener("touchmove",k,false);this.addEventListener("touchend",f,false)}}}function k(i){o=(d.vertical)?w-i.touches[0].pageY:w-i.touches[0].pageX;p=(d.vertical)?(Math.abs(o)<Math.abs(i.touches[0].pageX-u)):(Math.abs(o)<Math.abs(i.touches[0].pageY-u));if(!p){i.preventDefault();if(d.vars.animation=="slide"&&d.transitions){if(!d.vars.animationLoop){o=o/((d.currentSlide==0&&o<0||d.currentSlide==d.count-1&&o>0)?(Math.abs(o)/r+2):1)}d.args[d.prop]=(d.vertical)?"translate3d(0,"+(-l-o)+"px,0)":"translate3d("+(-l-o)+"px,0,0)";d.container.css(d.args)}}}function f(j){d.animating=false;if(d.animatingTo==d.currentSlide&&!p&&!(o==null)){var i=(o>0)?d.getTarget("next"):d.getTarget("prev");if(d.canAdvance(i)&&Number(new Date())-x<550&&Math.abs(o)>20||Math.abs(o)>r/2){d.flexAnimate(i,d.vars.pauseOnAction)}else{d.flexAnimate(d.currentSlide,d.vars.pauseOnAction)}}this.removeEventListener("touchmove",k,false);this.removeEventListener("touchend",f,false);w=null;u=null;o=null;l=null}}if(d.vars.animation.toLowerCase()=="slide"){a(window).resize(function(){if(!d.animating){if(d.vertical){d.height(d.slides.filter(":first").height());d.args[d.prop]=(-1*(d.currentSlide+d.cloneOffset))*d.slides.filter(":first").height()+"px";if(d.transitions){d.setTransition(0);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.args[d.prop]+",0)":"translate3d("+d.args[d.prop]+",0,0)"}d.container.css(d.args)}else{d.newSlides.width(d.width());d.args[d.prop]=(-1*(d.currentSlide+d.cloneOffset))*d.width()+"px";if(d.transitions){d.setTransition(0);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.args[d.prop]+",0)":"translate3d("+d.args[d.prop]+",0,0)"}d.container.css(d.args)}}})}d.vars.start(d)};d.flexAnimate=function(g,f){if(!d.animating){d.animating=true;d.animatingTo=g;d.vars.before(d);if(f){d.pause()}if(d.vars.controlNav){d.controlNav.removeClass("active").eq(g).addClass("active")}d.atEnd=(g==0||g==d.count-1)?true:false;if(!d.vars.animationLoop&&d.vars.directionNav){if(g==0){d.directionNav.removeClass("disabled").filter(".prev").addClass("disabled")}else{if(g==d.count-1){d.directionNav.removeClass("disabled").filter(".next").addClass("disabled")}else{d.directionNav.removeClass("disabled")}}}if(!d.vars.animationLoop&&g==d.count-1){d.pause();d.vars.end(d)}if(d.vars.animation.toLowerCase()=="slide"){var e=(d.vertical)?d.slides.filter(":first").height():d.slides.filter(":first").width();if(d.currentSlide==0&&g==d.count-1&&d.vars.animationLoop&&d.direction!="next"){d.slideString="0px"}else{if(d.currentSlide==d.count-1&&g==0&&d.vars.animationLoop&&d.direction!="prev"){d.slideString=(-1*(d.count+1))*e+"px"}else{d.slideString=(-1*(g+d.cloneOffset))*e+"px"}}d.args[d.prop]=d.slideString;if(d.transitions){d.setTransition(d.vars.animationDuration);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.slideString+",0)":"translate3d("+d.slideString+",0,0)";d.container.css(d.args).one("webkitTransitionEnd transitionend",function(){d.wrapup(e)})}else{d.container.animate(d.args,d.vars.animationDuration,function(){d.wrapup(e)})}}else{d.slides.eq(d.currentSlide).fadeOut(d.vars.animationDuration);d.slides.eq(g).fadeIn(d.vars.animationDuration,function(){d.wrapup()})}}};d.wrapup=function(e){if(d.vars.animation=="slide"){if(d.currentSlide==0&&d.animatingTo==d.count-1&&d.vars.animationLoop){d.args[d.prop]=(-1*d.count)*e+"px";if(d.transitions){d.setTransition(0);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.args[d.prop]+",0)":"translate3d("+d.args[d.prop]+",0,0)"}d.container.css(d.args)}else{if(d.currentSlide==d.count-1&&d.animatingTo==0&&d.vars.animationLoop){d.args[d.prop]=-1*e+"px";if(d.transitions){d.setTransition(0);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.args[d.prop]+",0)":"translate3d("+d.args[d.prop]+",0,0)"}d.container.css(d.args)}}}d.animating=false;d.currentSlide=d.animatingTo;d.vars.after(d)};d.animateSlides=function(){if(!d.animating){d.flexAnimate(d.getTarget("next"))}};d.pause=function(){clearInterval(d.animatedSlides);if(d.vars.pausePlay){d.pausePlay.removeClass("pause").addClass("play").text(d.vars.playText)}};d.resume=function(){d.animatedSlides=setInterval(d.animateSlides,d.vars.slideshowSpeed);if(d.vars.pausePlay){d.pausePlay.removeClass("play").addClass("pause").text(d.vars.pauseText)}};d.canAdvance=function(e){if(!d.vars.animationLoop&&d.atEnd){if(d.currentSlide==0&&e==d.count-1&&d.direction!="next"){return false}else{if(d.currentSlide==d.count-1&&e==0&&d.direction=="next"){return false}else{return true}}}else{return true}};d.getTarget=function(e){d.direction=e;if(e=="next"){return(d.currentSlide==d.count-1)?0:d.currentSlide+1}else{return(d.currentSlide==0)?d.count-1:d.currentSlide-1}};d.setTransition=function(e){d.container.css({"-webkit-transition-duration":(e/1000)+"s"})};d.init()};a.flexslider.defaults={animation:"fade",slideDirection:"horizontal",slideshow:true,slideshowSpeed:7000,animationDuration:600,directionNav:true,controlNav:true,keyboardNav:true,mousewheel:false,prevText:"Previous",nextText:"Next",pausePlay:false,pauseText:"Pause",playText:"Play",randomize:false,slideToStart:0,animationLoop:true,pauseOnAction:true,pauseOnHover:false,controlsContainer:"",manualControls:"",start:function(){},before:function(){},after:function(){},end:function(){}};a.fn.flexslider=function(b){return this.each(function(){if(a(this).find(".slides li").length==1){a(this).find(".slides li").fadeIn(400)}else{if(a(this).data("flexslider")!=true){new a.flexslider(a(this),b)}}})}})(jQuery);</script>
| |
− | <scrip>
| |
− | /* ------------------------------------------------------------------------
| |
− | Class: prettyPhoto
| |
− | Use: Lightbox clone for jQuery
| |
− | Author: Stephane Caron (http://www.no-margin-for-errors.com)
| |
− | Version: 3.1.3
| |
− | ------------------------------------------------------------------------- */
| |
| | | |
− | (function($){$.prettyPhoto={version:'3.1.3'};$.fn.prettyPhoto=function(pp_settings){pp_settings=jQuery.extend({animation_speed:'fast',slideshow:5000,autoplay_slideshow:false,opacity:0.80,show_title:true,allow_resize:true,default_width:500,default_height:344,counter_separator_label:'/',theme:'pp_default',horizontal_padding:20,hideflash:false,wmode:'opaque',autoplay:true,modal:false,deeplinking:true,overlay_gallery:true,keyboard_shortcuts:true,changepicturecallback:function(){},callback:function(){},ie6_fallback:true,markup:'<div class="pp_pic_holder"> \
| + | /* #Mobile (Portrait) |
− | <div class="ppt"> </div> \
| + | ================================================== */ |
− | <div class="pp_top"> \
| + | |
− | <div class="pp_left"></div> \
| + | |
− | <div class="pp_middle"></div> \
| + | |
− | <div class="pp_right"></div> \
| + | |
− | </div> \
| + | |
− | <div class="pp_content_container"> \
| + | |
− | <div class="pp_left"> \
| + | |
− | <div class="pp_right"> \
| + | |
− | <div class="pp_content"> \
| + | |
− | <div class="pp_loaderIcon"></div> \
| + | |
− | <div class="pp_fade"> \
| + | |
− | <a href="#" class="pp_expand" title="Expand the image">Expand</a> \
| + | |
− | <div class="pp_hoverContainer"> \
| + | |
− | <a class="pp_next" href="#">next</a> \
| + | |
− | <a class="pp_previous" href="#">previous</a> \
| + | |
− | </div> \
| + | |
− | <div id="pp_full_res"></div> \
| + | |
− | <div class="pp_details"> \
| + | |
− | <div class="pp_nav"> \
| + | |
− | <a href="#" class="pp_arrow_previous">Previous</a> \
| + | |
− | <p class="currentTextHolder">0/0</p> \
| + | |
− | <a href="#" class="pp_arrow_next">Next</a> \
| + | |
− | </div> \
| + | |
− | <p class="pp_description"></p> \
| + | |
− | <div class="pp_social">{pp_social}</div> \
| + | |
− | <a class="pp_close" href="#">Close</a> \
| + | |
− | </div> \
| + | |
− | </div> \
| + | |
− | </div> \
| + | |
− | </div> \
| + | |
− | </div> \
| + | |
− | </div> \
| + | |
− | <div class="pp_bottom"> \
| + | |
− | <div class="pp_left"></div> \
| + | |
− | <div class="pp_middle"></div> \
| + | |
− | <div class="pp_right"></div> \
| + | |
− | </div> \
| + | |
− | </div> \
| + | |
− | <div class="pp_overlay"></div>',gallery_markup:'<div class="pp_gallery"> \
| + | |
− | <a href="#" class="pp_arrow_previous">Previous</a> \
| + | |
− | <div> \
| + | |
− | <ul> \
| + | |
− | {gallery} \
| + | |
− | </ul> \
| + | |
− | </div> \
| + | |
− | <a href="#" class="pp_arrow_next">Next</a> \
| + | |
− | </div>',image_markup:'<img id="fullResImage" src="{path}" />',flash_markup:'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>',quicktime_markup:'<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>',iframe_markup:'<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>',inline_markup:'<div class="pp_inline">{content}</div>',custom_markup:'',social_tools:'<div class="twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div class="facebook"><iframe src="#plugins/like.php?locale=en_US&href={location_href}&layout=button_count&show_faces=true&width=500&action=like&font&colorscheme=light&height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:23px;" allowTransparency="true"></iframe></div>'},pp_settings);var matchedObjects=this,percentBased=false,pp_dimensions,pp_open,pp_contentHeight,pp_contentWidth,pp_containerHeight,pp_containerWidth,windowHeight=$(window).height(),windowWidth=$(window).width(),pp_slideshow;doresize=true,scroll_pos=_get_scroll();$(window).unbind('resize.prettyphoto').bind('resize.prettyphoto',function(){_center_overlay();_resize_overlay();});if(pp_settings.keyboard_shortcuts){$(document).unbind('keydown.prettyphoto').bind('keydown.prettyphoto',function(e){if(typeof $pp_pic_holder!='undefined'){if($pp_pic_holder.is(':visible')){switch(e.keyCode){case 37:$.prettyPhoto.changePage('previous');e.preventDefault();break;case 39:$.prettyPhoto.changePage('next');e.preventDefault();break;case 27:if(!settings.modal)
| + | |
− | $.prettyPhoto.close();e.preventDefault();break;};};};});};$.prettyPhoto.initialize=function(){settings=pp_settings;if(settings.theme=='pp_default')settings.horizontal_padding=16;if(settings.ie6_fallback&&$.browser.msie&&parseInt($.browser.version)==6)settings.theme="light_square";theRel=$(this).attr('rel');galleryRegExp=/\[(?:.*)\]/;isSet=(galleryRegExp.exec(theRel))?true:false;pp_images=(isSet)?jQuery.map(matchedObjects,function(n,i){if($(n).attr('rel').indexOf(theRel)!=-1)return $(n).attr('href');}):$.makeArray($(this).attr('href'));pp_titles=(isSet)?jQuery.map(matchedObjects,function(n,i){if($(n).attr('rel').indexOf(theRel)!=-1)return($(n).find('img').attr('alt'))?$(n).find('img').attr('alt'):"";}):$.makeArray($(this).find('img').attr('alt'));pp_descriptions=(isSet)?jQuery.map(matchedObjects,function(n,i){if($(n).attr('rel').indexOf(theRel)!=-1)return($(n).attr('title'))?$(n).attr('title'):"";}):$.makeArray($(this).attr('title'));if(pp_images.length>30)settings.overlay_gallery=false;set_position=jQuery.inArray($(this).attr('href'),pp_images);rel_index=(isSet)?set_position:$("a[rel^='"+theRel+"']").index($(this));_build_overlay(this);if(settings.allow_resize)
| + | |
− | $(window).bind('scroll.prettyphoto',function(){_center_overlay();});$.prettyPhoto.open();return false;}
| + | |
− | $.prettyPhoto.open=function(event){if(typeof settings=="undefined"){settings=pp_settings;if($.browser.msie&&$.browser.version==6)settings.theme="light_square";pp_images=$.makeArray(arguments[0]);pp_titles=(arguments[1])?$.makeArray(arguments[1]):$.makeArray("");pp_descriptions=(arguments[2])?$.makeArray(arguments[2]):$.makeArray("");isSet=(pp_images.length>1)?true:false;set_position=0;_build_overlay(event.target);}
| + | |
− | if($.browser.msie&&$.browser.version==6)$('select').css('visibility','hidden');if(settings.hideflash)$('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','hidden');_checkPosition($(pp_images).size());$('.pp_loaderIcon').show();if(settings.deeplinking)
| + | |
− | setHashtag();if(settings.social_tools){facebook_like_link=settings.social_tools.replace('{location_href}',encodeURIComponent(location.href));$pp_pic_holder.find('.pp_social').html(facebook_like_link);}
| + | |
− | if($ppt.is(':hidden'))$ppt.css('opacity',0).show();$pp_overlay.show().fadeTo(settings.animation_speed,settings.opacity);$pp_pic_holder.find('.currentTextHolder').text((set_position+1)+settings.counter_separator_label+$(pp_images).size());if(pp_descriptions[set_position]!=""){$pp_pic_holder.find('.pp_description').show().html(unescape(pp_descriptions[set_position]));}else{$pp_pic_holder.find('.pp_description').hide();}
| + | |
− | movie_width=(parseFloat(getParam('width',pp_images[set_position])))?getParam('width',pp_images[set_position]):settings.default_width.toString();movie_height=(parseFloat(getParam('height',pp_images[set_position])))?getParam('height',pp_images[set_position]):settings.default_height.toString();percentBased=false;if(movie_height.indexOf('%')!=-1){movie_height=parseFloat(($(window).height()*parseFloat(movie_height)/100)-150);percentBased=true;}
| + | |
− | if(movie_width.indexOf('%')!=-1){movie_width=parseFloat(($(window).width()*parseFloat(movie_width)/100)-150);percentBased=true;}
| + | |
− | $pp_pic_holder.fadeIn(function(){(settings.show_title&&pp_titles[set_position]!=""&&typeof pp_titles[set_position]!="undefined")?$ppt.html(unescape(pp_titles[set_position])):$ppt.html(' ');imgPreloader="";skipInjection=false;switch(_getFileType(pp_images[set_position])){case'image':imgPreloader=new Image();nextImage=new Image();if(isSet&&set_position<$(pp_images).size()-1)nextImage.src=pp_images[set_position+1];prevImage=new Image();if(isSet&&pp_images[set_position-1])prevImage.src=pp_images[set_position-1];$pp_pic_holder.find('#pp_full_res')[0].innerHTML=settings.image_markup.replace(/{path}/g,pp_images[set_position]);imgPreloader.onload=function(){pp_dimensions=_fitToViewport(imgPreloader.width,imgPreloader.height);_showContent();};imgPreloader.onerror=function(){alert('Image cannot be loaded. Make sure the path is correct and image exist.');$.prettyPhoto.close();};imgPreloader.src=pp_images[set_position];break;case'youtube':pp_dimensions=_fitToViewport(movie_width,movie_height);movie_id=getParam('v',pp_images[set_position]);if(movie_id==""){movie_id=pp_images[set_position].split('youtu.be/');movie_id=movie_id[1];if(movie_id.indexOf('?')>0)
| + | |
− | movie_id=movie_id.substr(0,movie_id.indexOf('?'));if(movie_id.indexOf('&')>0)
| + | |
− | movie_id=movie_id.substr(0,movie_id.indexOf('&'));}
| + | |
− | movie='#embed/'+movie_id;(getParam('rel',pp_images[set_position]))?movie+="?rel="+getParam('rel',pp_images[set_position]):movie+="?rel=1";if(settings.autoplay)movie+="&autoplay=1";toInject=settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,movie);break;case'vimeo':pp_dimensions=_fitToViewport(movie_width,movie_height);movie_id=pp_images[set_position];var regExp=/http:\/\/(www\.)?vimeo.com\/(\d+)/;var match=movie_id.match(regExp);movie='#video/'+match[2]+'?title=0&byline=0&portrait=0';if(settings.autoplay)movie+="&autoplay=1;";vimeo_width=pp_dimensions['width']+'/embed/?moog_width='+pp_dimensions['width'];toInject=settings.iframe_markup.replace(/{width}/g,vimeo_width).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,movie);break;case'quicktime':pp_dimensions=_fitToViewport(movie_width,movie_height);pp_dimensions['height']+=15;pp_dimensions['contentHeight']+=15;pp_dimensions['containerHeight']+=15;toInject=settings.quicktime_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,pp_images[set_position]).replace(/{autoplay}/g,settings.autoplay);break;case'flash':pp_dimensions=_fitToViewport(movie_width,movie_height);flash_vars=pp_images[set_position];flash_vars=flash_vars.substring(pp_images[set_position].indexOf('flashvars')+10,pp_images[set_position].length);filename=pp_images[set_position];filename=filename.substring(0,filename.indexOf('?'));toInject=settings.flash_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,filename+'?'+flash_vars);break;case'iframe':pp_dimensions=_fitToViewport(movie_width,movie_height);frame_url=pp_images[set_position];frame_url=frame_url.substr(0,frame_url.indexOf('iframe')-1);toInject=settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,frame_url);break;case'ajax':doresize=false;pp_dimensions=_fitToViewport(movie_width,movie_height);doresize=true;skipInjection=true;$.get(pp_images[set_position],function(responseHTML){toInject=settings.inline_markup.replace(/{content}/g,responseHTML);$pp_pic_holder.find('#pp_full_res')[0].innerHTML=toInject;_showContent();});break;case'custom':pp_dimensions=_fitToViewport(movie_width,movie_height);toInject=settings.custom_markup;break;case'inline':myClone=$(pp_images[set_position]).clone().append('<br clear="all" />').css({'width':settings.default_width}).wrapInner('<div id="pp_full_res"><div class="pp_inline"></div></div>').appendTo($('body')).show();doresize=false;pp_dimensions=_fitToViewport($(myClone).width(),$(myClone).height());doresize=true;$(myClone).remove();toInject=settings.inline_markup.replace(/{content}/g,$(pp_images[set_position]).html());break;};if(!imgPreloader&&!skipInjection){$pp_pic_holder.find('#pp_full_res')[0].innerHTML=toInject;_showContent();};});return false;};$.prettyPhoto.changePage=function(direction){currentGalleryPage=0;if(direction=='previous'){set_position--;if(set_position<0)set_position=$(pp_images).size()-1;}else if(direction=='next'){set_position++;if(set_position>$(pp_images).size()-1)set_position=0;}else{set_position=direction;};rel_index=set_position;if(!doresize)doresize=true;$('.pp_contract').removeClass('pp_contract').addClass('pp_expand');_hideContent(function(){$.prettyPhoto.open();});};$.prettyPhoto.changeGalleryPage=function(direction){if(direction=='next'){currentGalleryPage++;if(currentGalleryPage>totalPage)currentGalleryPage=0;}else if(direction=='previous'){currentGalleryPage--;if(currentGalleryPage<0)currentGalleryPage=totalPage;}else{currentGalleryPage=direction;};slide_speed=(direction=='next'||direction=='previous')?settings.animation_speed:0;slide_to=currentGalleryPage*(itemsPerPage*itemWidth);$pp_gallery.find('ul').animate({left:-slide_to},slide_speed);};$.prettyPhoto.startSlideshow=function(){if(typeof pp_slideshow=='undefined'){$pp_pic_holder.find('.pp_play').unbind('click').removeClass('pp_play').addClass('pp_pause').click(function(){$.prettyPhoto.stopSlideshow();return false;});pp_slideshow=setInterval($.prettyPhoto.startSlideshow,settings.slideshow);}else{$.prettyPhoto.changePage('next');};}
| + | |
− | $.prettyPhoto.stopSlideshow=function(){$pp_pic_holder.find('.pp_pause').unbind('click').removeClass('pp_pause').addClass('pp_play').click(function(){$.prettyPhoto.startSlideshow();return false;});clearInterval(pp_slideshow);pp_slideshow=undefined;}
| + | |
− | $.prettyPhoto.close=function(){if($pp_overlay.is(":animated"))return;$.prettyPhoto.stopSlideshow();$pp_pic_holder.stop().find('object,embed').css('visibility','hidden');$('div.pp_pic_holder,div.ppt,.pp_fade').fadeOut(settings.animation_speed,function(){$(this).remove();});$pp_overlay.fadeOut(settings.animation_speed,function(){if($.browser.msie&&$.browser.version==6)$('select').css('visibility','visible');if(settings.hideflash)$('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','visible');$(this).remove();$(window).unbind('scroll.prettyphoto');clearHashtag();settings.callback();doresize=true;pp_open=false;delete settings;});};function _showContent(){$('.pp_loaderIcon').hide();projectedTop=scroll_pos['scrollTop']+((windowHeight/2)-(pp_dimensions['containerHeight']/2));if(projectedTop<0)projectedTop=0;$ppt.fadeTo(settings.animation_speed,1);$pp_pic_holder.find('.pp_content').animate({height:pp_dimensions['contentHeight'],width:pp_dimensions['contentWidth']},settings.animation_speed);$pp_pic_holder.animate({'top':projectedTop,'left':(windowWidth/2)-(pp_dimensions['containerWidth']/2),width:pp_dimensions['containerWidth']},settings.animation_speed,function(){$pp_pic_holder.find('.pp_hoverContainer,#fullResImage').height(pp_dimensions['height']).width(pp_dimensions['width']);$pp_pic_holder.find('.pp_fade').fadeIn(settings.animation_speed);if(isSet&&_getFileType(pp_images[set_position])=="image"){$pp_pic_holder.find('.pp_hoverContainer').show();}else{$pp_pic_holder.find('.pp_hoverContainer').hide();}
| + | |
− | if(pp_dimensions['resized']){$('a.pp_expand,a.pp_contract').show();}else{$('a.pp_expand').hide();}
| + | |
− | if(settings.autoplay_slideshow&&!pp_slideshow&&!pp_open)$.prettyPhoto.startSlideshow();settings.changepicturecallback();pp_open=true;});_insert_gallery();};function _hideContent(callback){$pp_pic_holder.find('#pp_full_res object,#pp_full_res embed').css('visibility','hidden');$pp_pic_holder.find('.pp_fade').fadeOut(settings.animation_speed,function(){$('.pp_loaderIcon').show();callback();});};function _checkPosition(setCount){(setCount>1)?$('.pp_nav').show():$('.pp_nav').hide();};function _fitToViewport(width,height){resized=false;_getDimensions(width,height);imageWidth=width,imageHeight=height;if(((pp_containerWidth>windowWidth)||(pp_containerHeight>windowHeight))&&doresize&&settings.allow_resize&&!percentBased){resized=true,fitting=false;while(!fitting){if((pp_containerWidth>windowWidth)){imageWidth=(windowWidth-200);imageHeight=(height/width)*imageWidth;}else if((pp_containerHeight>windowHeight)){imageHeight=(windowHeight-200);imageWidth=(width/height)*imageHeight;}else{fitting=true;};pp_containerHeight=imageHeight,pp_containerWidth=imageWidth;};_getDimensions(imageWidth,imageHeight);if((pp_containerWidth>windowWidth)||(pp_containerHeight>windowHeight)){_fitToViewport(pp_containerWidth,pp_containerHeight)};};return{width:Math.floor(imageWidth),height:Math.floor(imageHeight),containerHeight:Math.floor(pp_containerHeight),containerWidth:Math.floor(pp_containerWidth)+(settings.horizontal_padding*2),contentHeight:Math.floor(pp_contentHeight),contentWidth:Math.floor(pp_contentWidth),resized:resized};};function _getDimensions(width,height){width=parseFloat(width);height=parseFloat(height);$pp_details=$pp_pic_holder.find('.pp_details');$pp_details.width(width);detailsHeight=parseFloat($pp_details.css('marginTop'))+parseFloat($pp_details.css('marginBottom'));$pp_details=$pp_details.clone().addClass(settings.theme).width(width).appendTo($('body')).css({'position':'absolute','top':-10000});detailsHeight+=$pp_details.height();detailsHeight=(detailsHeight<=34)?36:detailsHeight;if($.browser.msie&&$.browser.version==7)detailsHeight+=8;$pp_details.remove();$pp_title=$pp_pic_holder.find('.ppt');$pp_title.width(width);titleHeight=parseFloat($pp_title.css('marginTop'))+parseFloat($pp_title.css('marginBottom'));$pp_title=$pp_title.clone().appendTo($('body')).css({'position':'absolute','top':-10000});titleHeight+=$pp_title.height();$pp_title.remove();pp_contentHeight=height+detailsHeight;pp_contentWidth=width;pp_containerHeight=pp_contentHeight+titleHeight+$pp_pic_holder.find('.pp_top').height()+$pp_pic_holder.find('.pp_bottom').height();pp_containerWidth=width;}
| + | |
− | function _getFileType(itemSrc){if(itemSrc.match(/youtube\.com\/watch/i)||itemSrc.match(/youtu\.be/i)){return'youtube';}else if(itemSrc.match(/vimeo\.com/i)){return'vimeo';}else if(itemSrc.match(/\b.mov\b/i)){return'quicktime';}else if(itemSrc.match(/\b.swf\b/i)){return'flash';}else if(itemSrc.match(/\biframe=true\b/i)){return'iframe';}else if(itemSrc.match(/\bajax=true\b/i)){return'ajax';}else if(itemSrc.match(/\bcustom=true\b/i)){return'custom';}else if(itemSrc.substr(0,1)=='#'){return'inline';}else{return'image';};};function _center_overlay(){if(doresize&&typeof $pp_pic_holder!='undefined'){scroll_pos=_get_scroll();contentHeight=$pp_pic_holder.height(),contentwidth=$pp_pic_holder.width();projectedTop=(windowHeight/2)+scroll_pos['scrollTop']-(contentHeight/2);if(projectedTop<0)projectedTop=0;if(contentHeight>windowHeight)
| + | |
− | return;$pp_pic_holder.css({'top':projectedTop,'left':(windowWidth/2)+scroll_pos['scrollLeft']-(contentwidth/2)});};};function _get_scroll(){if(self.pageYOffset){return{scrollTop:self.pageYOffset,scrollLeft:self.pageXOffset};}else if(document.documentElement&&document.documentElement.scrollTop){return{scrollTop:document.documentElement.scrollTop,scrollLeft:document.documentElement.scrollLeft};}else if(document.body){return{scrollTop:document.body.scrollTop,scrollLeft:document.body.scrollLeft};};};function _resize_overlay(){windowHeight=$(window).height(),windowWidth=$(window).width();if(typeof $pp_overlay!="undefined")$pp_overlay.height($(document).height()).width(windowWidth);};function _insert_gallery(){if(isSet&&settings.overlay_gallery&&_getFileType(pp_images[set_position])=="image"&&(settings.ie6_fallback&&!($.browser.msie&&parseInt($.browser.version)==6))){itemWidth=52+5;navWidth=(settings.theme=="facebook"||settings.theme=="pp_default")?50:30;itemsPerPage=Math.floor((pp_dimensions['containerWidth']-100-navWidth)/itemWidth);itemsPerPage=(itemsPerPage<pp_images.length)?itemsPerPage:pp_images.length;totalPage=Math.ceil(pp_images.length/itemsPerPage)-1;if(totalPage==0){navWidth=0;$pp_gallery.find('.pp_arrow_next,.pp_arrow_previous').hide();}else{$pp_gallery.find('.pp_arrow_next,.pp_arrow_previous').show();};galleryWidth=itemsPerPage*itemWidth;fullGalleryWidth=pp_images.length*itemWidth;$pp_gallery.css('margin-left',-((galleryWidth/2)+(navWidth/2))).find('div:first').width(galleryWidth+5).find('ul').width(fullGalleryWidth).find('li.selected').removeClass('selected');goToPage=(Math.floor(set_position/itemsPerPage)<totalPage)?Math.floor(set_position/itemsPerPage):totalPage;$.prettyPhoto.changeGalleryPage(goToPage);$pp_gallery_li.filter(':eq('+set_position+')').addClass('selected');}else{$pp_pic_holder.find('.pp_content').unbind('mouseenter mouseleave');}}
| + | |
− | function _build_overlay(caller){if(settings.social_tools)
| + | |
− | facebook_like_link=settings.social_tools.replace('{location_href}',encodeURIComponent(location.href));settings.markup=settings.markup.replace('{pp_social}',(settings.social_tools)?facebook_like_link:'');$('body').append(settings.markup);$pp_pic_holder=$('.pp_pic_holder'),$ppt=$('.ppt'),$pp_overlay=$('div.pp_overlay');if(isSet&&settings.overlay_gallery){currentGalleryPage=0;toInject="";for(var i=0;i<pp_images.length;i++){if(!pp_images[i].match(/\b(jpg|jpeg|png|gif)\b/gi)){classname='default';img_src='';}else{classname='';img_src=pp_images[i];}
| + | |
− | toInject+="<li class='"+classname+"'><a href='#'><img src='"+img_src+"' width='50' alt='' /></a></li>";};toInject=settings.gallery_markup.replace(/{gallery}/g,toInject);$pp_pic_holder.find('#pp_full_res').after(toInject);$pp_gallery=$('.pp_pic_holder .pp_gallery'),$pp_gallery_li=$pp_gallery.find('li');$pp_gallery.find('.pp_arrow_next').click(function(){$.prettyPhoto.changeGalleryPage('next');$.prettyPhoto.stopSlideshow();return false;});$pp_gallery.find('.pp_arrow_previous').click(function(){$.prettyPhoto.changeGalleryPage('previous');$.prettyPhoto.stopSlideshow();return false;});$pp_pic_holder.find('.pp_content').hover(function(){$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeIn();},function(){$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeOut();});itemWidth=52+5;$pp_gallery_li.each(function(i){$(this).find('a').click(function(){$.prettyPhoto.changePage(i);$.prettyPhoto.stopSlideshow();return false;});});};if(settings.slideshow){$pp_pic_holder.find('.pp_nav').prepend('<a href="#" class="pp_play">Play</a>')
| + | |
− | $pp_pic_holder.find('.pp_nav .pp_play').click(function(){$.prettyPhoto.startSlideshow();return false;});}
| + | |
− | $pp_pic_holder.attr('class','pp_pic_holder '+settings.theme);$pp_overlay.css({'opacity':0,'height':$(document).height(),'width':$(window).width()}).bind('click',function(){if(!settings.modal)$.prettyPhoto.close();});$('a.pp_close').bind('click',function(){$.prettyPhoto.close();return false;});$('a.pp_expand').bind('click',function(e){if($(this).hasClass('pp_expand')){$(this).removeClass('pp_expand').addClass('pp_contract');doresize=false;}else{$(this).removeClass('pp_contract').addClass('pp_expand');doresize=true;};_hideContent(function(){$.prettyPhoto.open();});return false;});$pp_pic_holder.find('.pp_previous, .pp_nav .pp_arrow_previous').bind('click',function(){$.prettyPhoto.changePage('previous');$.prettyPhoto.stopSlideshow();return false;});$pp_pic_holder.find('.pp_next, .pp_nav .pp_arrow_next').bind('click',function(){$.prettyPhoto.changePage('next');$.prettyPhoto.stopSlideshow();return false;});_center_overlay();};if(!pp_alreadyInitialized&&getHashtag()){pp_alreadyInitialized=true;hashIndex=getHashtag();hashRel=hashIndex;hashIndex=hashIndex.substring(hashIndex.indexOf('/')+1,hashIndex.length-1);hashRel=hashRel.substring(0,hashRel.indexOf('/'));setTimeout(function(){$("a[rel^='"+hashRel+"']:eq("+hashIndex+")").trigger('click');},50);}
| + | |
− | return this.unbind('click.prettyphoto').bind('click.prettyphoto',$.prettyPhoto.initialize);};function getHashtag(){url=location.href;hashtag=(url.indexOf('#!')!=-1)?decodeURI(url.substring(url.indexOf('#!')+2,url.length)):false;return hashtag;};function setHashtag(){if(typeof theRel=='undefined')return;location.hash='!'+theRel+'/'+rel_index+'/';};function clearHashtag(){url=location.href;hashtag=(url.indexOf('#!prettyPhoto'))?true:false;if(hashtag)location.hash="!prettyPhoto";}
| + | |
− | function getParam(name,url){name=name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");var regexS="[\\?&]"+name+"=([^&#]*)";var regex=new RegExp(regexS);var results=regex.exec(url);return(results==null)?"":results[1];}})(jQuery);var pp_alreadyInitialized=false;</script>
| + | |
− | <script>
| + | |
− | /*!
| + | |
− | * MediaElement.js
| + | |
− | * HTML5 <video> and <audio> shim and player
| + | |
− | * http://mediaelementjs.com/
| + | |
− | *
| + | |
− | * Creates a JavaScript object that mimics HTML5 MediaElement API
| + | |
− | * for browsers that don't understand HTML5 or can't play the provided codec
| + | |
− | * Can play MP4 (H.264), Ogg, WebM, FLV, WMV, WMA, ACC, and MP3
| + | |
− | *
| + | |
− | * Copyright 2010-2012, John Dyer (http://j.hn)
| + | |
− | * Dual licensed under the MIT or GPL Version 2 licenses.
| + | |
− | *
| + | |
− | */var mejs=mejs||{};mejs.version="2.6.5";mejs.meIndex=0;mejs.plugins={silverlight:[{version:[3,0],types:["video/mp4","video/m4v","video/mov","video/wmv","audio/wma","audio/m4a","audio/mp3","audio/wav","audio/mpeg"]}],flash:[{version:[9,0,124],types:["video/mp4","video/m4v","video/mov","video/flv","video/x-flv","audio/flv","audio/x-flv","audio/mp3","audio/m4a","audio/mpeg"]}],youtube:[{version:null,types:["video/youtube"]}],vimeo:[{version:null,types:["video/vimeo"]}]};
| + | |
− | mejs.Utility={encodeUrl:function(a){return encodeURIComponent(a)},escapeHTML:function(a){return a.toString().split("&").join("&").split("<").join("<").split('"').join(""")},absolutizeUrl:function(a){var b=document.createElement("div");b.innerHTML='<a href="'+this.escapeHTML(a)+'">x</a>';return b.firstChild.href},getScriptPath:function(a){for(var b=0,c,d="",e="",g,f=document.getElementsByTagName("script"),j=f.length,h=a.length;b<j;b++){g=f[b].src;for(c=0;c<h;c++){e=a[c];if(g.indexOf(e)>
| + | |
− | -1){d=g.substring(0,g.indexOf(e));break}}if(d!=="")break}return d},secondsToTimeCode:function(a,b,c,d){if(typeof c=="undefined")c=false;else if(typeof d=="undefined")d=25;var e=Math.floor(a/3600)%24,g=Math.floor(a/60)%60,f=Math.floor(a%60);a=Math.floor((a%1*d).toFixed(3));return(b||e>0?(e<10?"0"+e:e)+":":"")+(g<10?"0"+g:g)+":"+(f<10?"0"+f:f)+(c?":"+(a<10?"0"+a:a):"")},timeCodeToSeconds:function(a,b,c,d){if(typeof c=="undefined")c=false;else if(typeof d=="undefined")d=25;a=a.split(":");b=parseInt(a[0],
| + | |
− | 10);var e=parseInt(a[1],10),g=parseInt(a[2],10),f=0,j=0;if(c)f=parseInt(a[3])/d;return j=b*3600+e*60+g+f},removeSwf:function(a){var b=document.getElementById(a);if(b&&b.nodeName=="OBJECT")if(mejs.MediaFeatures.isIE){b.style.display="none";(function(){b.readyState==4?mejs.Utility.removeObjectInIE(a):setTimeout(arguments.callee,10)})()}else b.parentNode.removeChild(b)},removeObjectInIE:function(a){if(a=document.getElementById(a)){for(var b in a)if(typeof a[b]=="function")a[b]=null;a.parentNode.removeChild(a)}}};
| + | |
− | mejs.PluginDetector={hasPluginVersion:function(a,b){var c=this.plugins[a];b[1]=b[1]||0;b[2]=b[2]||0;return c[0]>b[0]||c[0]==b[0]&&c[1]>b[1]||c[0]==b[0]&&c[1]==b[1]&&c[2]>=b[2]?true:false},nav:window.navigator,ua:window.navigator.userAgent.toLowerCase(),plugins:[],addPlugin:function(a,b,c,d,e){this.plugins[a]=this.detectPlugin(b,c,d,e)},detectPlugin:function(a,b,c,d){var e=[0,0,0],g;if(typeof this.nav.plugins!="undefined"&&typeof this.nav.plugins[a]=="object"){if((c=this.nav.plugins[a].description)&&
| + | |
− | !(typeof this.nav.mimeTypes!="undefined"&&this.nav.mimeTypes[b]&&!this.nav.mimeTypes[b].enabledPlugin)){e=c.replace(a,"").replace(/^\s+/,"").replace(/\sr/gi,".").split(".");for(a=0;a<e.length;a++)e[a]=parseInt(e[a].match(/\d+/),10)}}else if(typeof window.ActiveXObject!="undefined")try{if(g=new ActiveXObject(c))e=d(g)}catch(f){}return e}};
| + | |
− | mejs.PluginDetector.addPlugin("flash","Shockwave Flash","application/x-shockwave-flash","ShockwaveFlash.ShockwaveFlash",function(a){var b=[];if(a=a.GetVariable("$version")){a=a.split(" ")[1].split(",");b=[parseInt(a[0],10),parseInt(a[1],10),parseInt(a[2],10)]}return b});
| + | |
− | mejs.PluginDetector.addPlugin("silverlight","Silverlight Plug-In","application/x-silverlight-2","AgControl.AgControl",function(a){var b=[0,0,0,0],c=function(d,e,g,f){for(;d.isVersionSupported(e[0]+"."+e[1]+"."+e[2]+"."+e[3]);)e[g]+=f;e[g]-=f};c(a,b,0,1);c(a,b,1,1);c(a,b,2,1E4);c(a,b,2,1E3);c(a,b,2,100);c(a,b,2,10);c(a,b,2,1);c(a,b,3,1);return b});
| + | |
− | mejs.MediaFeatures={init:function(){var a=this,b=document,c=mejs.PluginDetector.nav,d=mejs.PluginDetector.ua.toLowerCase(),e,g=["source","track","audio","video"];a.isiPad=d.match(/ipad/i)!==null;a.isiPhone=d.match(/iphone/i)!==null;a.isiOS=a.isiPhone||a.isiPad;a.isAndroid=d.match(/android/i)!==null;a.isBustedAndroid=d.match(/android 2\.[12]/)!==null;a.isIE=c.appName.toLowerCase().indexOf("microsoft")!=-1;a.isChrome=d.match(/chrome/gi)!==null;a.isFirefox=d.match(/firefox/gi)!==null;a.isWebkit=d.match(/webkit/gi)!==
| + | |
− | null;a.isGecko=d.match(/gecko/gi)!==null&&!a.isWebkit;a.isOpera=d.match(/opera/gi)!==null;a.hasTouch="ontouchstart"in window;for(c=0;c<g.length;c++)e=document.createElement(g[c]);a.supportsMediaTag=typeof e.canPlayType!=="undefined"||a.isBustedAndroid;a.hasSemiNativeFullScreen=typeof e.webkitEnterFullscreen!=="undefined";a.hasWebkitNativeFullScreen=typeof e.webkitRequestFullScreen!=="undefined";a.hasMozNativeFullScreen=typeof e.mozRequestFullScreen!=="undefined";a.hasTrueNativeFullScreen=a.hasWebkitNativeFullScreen||
| + | |
− | a.hasMozNativeFullScreen;a.nativeFullScreenEnabled=a.hasTrueNativeFullScreen;if(a.hasMozNativeFullScreen)a.nativeFullScreenEnabled=e.mozFullScreenEnabled;if(this.isChrome)a.hasSemiNativeFullScreen=false;if(a.hasTrueNativeFullScreen){a.fullScreenEventName=a.hasWebkitNativeFullScreen?"webkitfullscreenchange":"mozfullscreenchange";a.isFullScreen=function(){if(e.mozRequestFullScreen)return b.mozFullScreen;else if(e.webkitRequestFullScreen)return b.webkitIsFullScreen};a.requestFullScreen=function(f){if(a.hasWebkitNativeFullScreen)f.webkitRequestFullScreen();
| + | |
− | else a.hasMozNativeFullScreen&&f.mozRequestFullScreen()};a.cancelFullScreen=function(){if(a.hasWebkitNativeFullScreen)document.webkitCancelFullScreen();else a.hasMozNativeFullScreen&&document.mozCancelFullScreen()}}if(a.hasSemiNativeFullScreen&&d.match(/mac os x 10_5/i)){a.hasNativeFullScreen=false;a.hasSemiNativeFullScreen=false}}};mejs.MediaFeatures.init();
| + | |
− | mejs.HtmlMediaElement={pluginType:"native",isFullScreen:false,setCurrentTime:function(a){this.currentTime=a},setMuted:function(a){this.muted=a},setVolume:function(a){this.volume=a},stop:function(){this.pause()},setSrc:function(a){for(var b=this.getElementsByTagName("source");b.length>0;)this.removeChild(b[0]);if(typeof a=="string")this.src=a;else{var c;for(b=0;b<a.length;b++){c=a[b];if(this.canPlayType(c.type))this.src=c.src}}},setVideoSize:function(a,b){this.width=a;this.height=b}};
| + | |
− | mejs.PluginMediaElement=function(a,b,c){this.id=a;this.pluginType=b;this.src=c;this.events={}};
| + | |
− | mejs.PluginMediaElement.prototype={pluginElement:null,pluginType:"",isFullScreen:false,playbackRate:-1,defaultPlaybackRate:-1,seekable:[],played:[],paused:true,ended:false,seeking:false,duration:0,error:null,muted:false,volume:1,currentTime:0,play:function(){if(this.pluginApi!=null){this.pluginType=="youtube"?this.pluginApi.playVideo():this.pluginApi.playMedia();this.paused=false}},load:function(){if(this.pluginApi!=null){this.pluginType!="youtube"&&this.pluginApi.loadMedia();this.paused=false}},
| + | |
− | pause:function(){if(this.pluginApi!=null){this.pluginType=="youtube"?this.pluginApi.pauseVideo():this.pluginApi.pauseMedia();this.paused=true}},stop:function(){if(this.pluginApi!=null){this.pluginType=="youtube"?this.pluginApi.stopVideo():this.pluginApi.stopMedia();this.paused=true}},canPlayType:function(a){var b,c,d,e=mejs.plugins[this.pluginType];for(b=0;b<e.length;b++){d=e[b];if(mejs.PluginDetector.hasPluginVersion(this.pluginType,d.version))for(c=0;c<d.types.length;c++)if(a==d.types[c])return true}return false},
| + | |
− | positionFullscreenButton:function(a,b,c){this.pluginApi!=null&&this.pluginApi.positionFullscreenButton&&this.pluginApi.positionFullscreenButton(a,b,c)},hideFullscreenButton:function(){this.pluginApi!=null&&this.pluginApi.hideFullscreenButton&&this.pluginApi.hideFullscreenButton()},setSrc:function(a){if(typeof a=="string"){this.pluginApi.setSrc(mejs.Utility.absolutizeUrl(a));this.src=mejs.Utility.absolutizeUrl(a)}else{var b,c;for(b=0;b<a.length;b++){c=a[b];if(this.canPlayType(c.type)){this.pluginApi.setSrc(mejs.Utility.absolutizeUrl(c.src));
| + | |
− | this.src=mejs.Utility.absolutizeUrl(a)}}}},setCurrentTime:function(a){if(this.pluginApi!=null){this.pluginType=="youtube"?this.pluginApi.seekTo(a):this.pluginApi.setCurrentTime(a);this.currentTime=a}},setVolume:function(a){if(this.pluginApi!=null){this.pluginType=="youtube"?this.pluginApi.setVolume(a*100):this.pluginApi.setVolume(a);this.volume=a}},setMuted:function(a){if(this.pluginApi!=null){if(this.pluginType=="youtube"){a?this.pluginApi.mute():this.pluginApi.unMute();this.muted=a;this.dispatchEvent("volumechange")}else this.pluginApi.setMuted(a);
| + | |
− | this.muted=a}},setVideoSize:function(a,b){if(this.pluginElement.style){this.pluginElement.style.width=a+"px";this.pluginElement.style.height=b+"px"}this.pluginApi!=null&&this.pluginApi.setVideoSize&&this.pluginApi.setVideoSize(a,b)},setFullscreen:function(a){this.pluginApi!=null&&this.pluginApi.setFullscreen&&this.pluginApi.setFullscreen(a)},enterFullScreen:function(){this.pluginApi!=null&&this.pluginApi.setFullscreen&&this.setFullscreen(true)},exitFullScreen:function(){this.pluginApi!=null&&this.pluginApi.setFullscreen&&
| + | |
− | this.setFullscreen(false)},addEventListener:function(a,b){this.events[a]=this.events[a]||[];this.events[a].push(b)},removeEventListener:function(a,b){if(!a){this.events={};return true}var c=this.events[a];if(!c)return true;if(!b){this.events[a]=[];return true}for(i=0;i<c.length;i++)if(c[i]===b){this.events[a].splice(i,1);return true}return false},dispatchEvent:function(a){var b,c,d=this.events[a];if(d){c=Array.prototype.slice.call(arguments,1);for(b=0;b<d.length;b++)d[b].apply(null,c)}},remove:function(){mejs.Utility.removeSwf(this.pluginElement.id)}};
| + | |
− | mejs.MediaPluginBridge={pluginMediaElements:{},htmlMediaElements:{},registerPluginElement:function(a,b,c){this.pluginMediaElements[a]=b;this.htmlMediaElements[a]=c},initPlugin:function(a){var b=this.pluginMediaElements[a],c=this.htmlMediaElements[a];if(b){switch(b.pluginType){case "flash":b.pluginElement=b.pluginApi=document.getElementById(a);break;case "silverlight":b.pluginElement=document.getElementById(b.id);b.pluginApi=b.pluginElement.Content.MediaElementJS}b.pluginApi!=null&&b.success&&b.success(b,
| + | |
− | c)}},fireEvent:function(a,b,c){var d,e;a=this.pluginMediaElements[a];a.ended=false;a.paused=true;b={type:b,target:a};for(d in c){a[d]=c[d];b[d]=c[d]}e=c.bufferedTime||0;b.target.buffered=b.buffered={start:function(){return 0},end:function(){return e},length:1};a.dispatchEvent(b.type,b)}};
| + | |
− | mejs.MediaElementDefaults={mode:"auto",plugins:["flash","silverlight","youtube","vimeo"],enablePluginDebug:false,type:"",pluginPath:mejs.Utility.getScriptPath(["mediaelement.js","mediaelement.min.js","mediaelement-and-player.js","mediaelement-and-player.min.js"]),flashName:"flashmediaelement.swf",enablePluginSmoothing:false,silverlightName:"silverlightmediaelement.xap",defaultVideoWidth:480,defaultVideoHeight:270,pluginWidth:-1,pluginHeight:-1,pluginVars:[],timerRate:250,startVolume:0.8,success:function(){},
| + | |
− | error:function(){}};mejs.MediaElement=function(a,b){return mejs.HtmlMediaElementShim.create(a,b)};
| + | |
− | mejs.HtmlMediaElementShim={create:function(a,b){var c=mejs.MediaElementDefaults,d=typeof a=="string"?document.getElementById(a):a,e=d.tagName.toLowerCase(),g=e==="audio"||e==="video",f=g?d.getAttribute("src"):d.getAttribute("href");e=d.getAttribute("poster");var j=d.getAttribute("autoplay"),h=d.getAttribute("preload"),l=d.getAttribute("controls"),k;for(k in b)c[k]=b[k];f=typeof f=="undefined"||f===null||f==""?null:f;e=typeof e=="undefined"||e===null?"":e;h=typeof h=="undefined"||h===null||h==="false"?
| + | |
− | "none":h;j=!(typeof j=="undefined"||j===null||j==="false");l=!(typeof l=="undefined"||l===null||l==="false");k=this.determinePlayback(d,c,mejs.MediaFeatures.supportsMediaTag,g,f);k.url=k.url!==null?mejs.Utility.absolutizeUrl(k.url):"";if(k.method=="native"){if(mejs.MediaFeatures.isBustedAndroid){d.src=k.url;d.addEventListener("click",function(){d.play()},false)}return this.updateNative(k,c,j,h)}else if(k.method!=="")return this.createPlugin(k,c,e,j,h,l);else{this.createErrorMessage(k,c,e);return this}},
| + | |
− | determinePlayback:function(a,b,c,d,e){var g=[],f,j,h={method:"",url:"",htmlMediaElement:a,isVideo:a.tagName.toLowerCase()!="audio"},l,k;if(typeof b.type!="undefined"&&b.type!=="")if(typeof b.type=="string")g.push({type:b.type,url:e});else for(f=0;f<b.type.length;f++)g.push({type:b.type[f],url:e});else if(e!==null){j=this.formatType(e,a.getAttribute("type"));g.push({type:j,url:e})}else for(f=0;f<a.childNodes.length;f++){j=a.childNodes[f];if(j.nodeType==1&&j.tagName.toLowerCase()=="source"){e=j.getAttribute("src");
| + | |
− | j=this.formatType(e,j.getAttribute("type"));g.push({type:j,url:e})}}if(!d&&g.length>0&&g[0].url!==null&&this.getTypeFromFile(g[0].url).indexOf("audio")>-1)h.isVideo=false;if(mejs.MediaFeatures.isBustedAndroid)a.canPlayType=function(m){return m.match(/video\/(mp4|m4v)/gi)!==null?"maybe":""};if(c&&(b.mode==="auto"||b.mode==="native")){if(!d){f=document.createElement(h.isVideo?"video":"audio");a.parentNode.insertBefore(f,a);a.style.display="none";h.htmlMediaElement=a=f}for(f=0;f<g.length;f++)if(a.canPlayType(g[f].type).replace(/no/,
| + | |
− | "")!==""||a.canPlayType(g[f].type.replace(/mp3/,"mpeg")).replace(/no/,"")!==""){h.method="native";h.url=g[f].url;break}if(h.method==="native"){if(h.url!==null)a.src=h.url;return h}}if(b.mode==="auto"||b.mode==="shim")for(f=0;f<g.length;f++){j=g[f].type;for(a=0;a<b.plugins.length;a++){e=b.plugins[a];l=mejs.plugins[e];for(c=0;c<l.length;c++){k=l[c];if(k.version==null||mejs.PluginDetector.hasPluginVersion(e,k.version))for(d=0;d<k.types.length;d++)if(j==k.types[d]){h.method=e;h.url=g[f].url;return h}}}}if(h.method===
| + | |
− | ""&&g.length>0)h.url=g[0].url;return h},formatType:function(a,b){return a&&!b?this.getTypeFromFile(a):b&&~b.indexOf(";")?b.substr(0,b.indexOf(";")):b},getTypeFromFile:function(a){a=a.substring(a.lastIndexOf(".")+1);return(/(mp4|m4v|ogg|ogv|webm|flv|wmv|mpeg|mov)/gi.test(a)?"video":"audio")+"/"+a},createErrorMessage:function(a,b,c){var d=a.htmlMediaElement,e=document.createElement("div");e.className="me-cannotplay";try{e.style.width=d.width+"px";e.style.height=d.height+"px"}catch(g){}e.innerHTML=c!==
| + | |
− | ""?'<a href="'+a.url+'"><img src="'+c+'" /></a>':'<a href="'+a.url+'"><span>Download File</span></a>';d.parentNode.insertBefore(e,d);d.style.display="none";b.error(d)},createPlugin:function(a,b,c,d,e,g){c=a.htmlMediaElement;var f=1,j=1,h="me_"+a.method+"_"+mejs.meIndex++,l=new mejs.PluginMediaElement(h,a.method,a.url),k=document.createElement("div"),m;for(m=c.parentNode;m!==null&&m.tagName.toLowerCase()!="body";){if(m.parentNode.tagName.toLowerCase()=="p"){m.parentNode.parentNode.insertBefore(m,m.parentNode);
| + | |
− | break}m=m.parentNode}if(a.isVideo){f=b.videoWidth>0?b.videoWidth:c.getAttribute("width")!==null?c.getAttribute("width"):b.defaultVideoWidth;j=b.videoHeight>0?b.videoHeight:c.getAttribute("height")!==null?c.getAttribute("height"):b.defaultVideoHeight;f=mejs.Utility.encodeUrl(f);j=mejs.Utility.encodeUrl(j)}else if(b.enablePluginDebug){f=320;j=240}l.success=b.success;mejs.MediaPluginBridge.registerPluginElement(h,l,c);k.className="me-plugin";k.id=h+"_container";a.isVideo?c.parentNode.insertBefore(k,
| + | |
− | c):document.body.insertBefore(k,document.body.childNodes[0]);d=["id="+h,"isvideo="+(a.isVideo?"true":"false"),"autoplay="+(d?"true":"false"),"preload="+e,"width="+f,"startvolume="+b.startVolume,"timerrate="+b.timerRate,"height="+j];if(a.url!==null)a.method=="flash"?d.push("file="+mejs.Utility.encodeUrl(a.url)):d.push("file="+a.url);b.enablePluginDebug&&d.push("debug=true");b.enablePluginSmoothing&&d.push("smoothing=true");g&&d.push("controls=true");if(b.pluginVars)d=d.concat(b.pluginVars);switch(a.method){case "silverlight":k.innerHTML=
| + | |
− | '<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" id="'+h+'" name="'+h+'" width="'+f+'" height="'+j+'"><param name="initParams" value="'+d.join(",")+'" /><param name="windowless" value="true" /><param name="background" value="black" /><param name="minRuntimeVersion" value="3.0.0.0" /><param name="autoUpgrade" value="true" /><param name="source" value="'+b.pluginPath+b.silverlightName+'" /></object>';break;case "flash":if(mejs.MediaFeatures.isIE){a=document.createElement("div");
| + | |
− | k.appendChild(a);a.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" id="'+h+'" width="'+f+'" height="'+j+'"><param name="movie" value="'+b.pluginPath+b.flashName+"?x="+new Date+'" /><param name="flashvars" value="'+d.join("&")+'" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /></object>'}else k.innerHTML=
| + | |
− | '<embed id="'+h+'" name="'+h+'" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="//www.macromedia.com/go/getflashplayer" src="'+b.pluginPath+b.flashName+'" flashvars="'+d.join("&")+'" width="'+f+'" height="'+j+'"></embed>';break;case "youtube":b=a.url.substr(a.url.lastIndexOf("=")+1);youtubeSettings={container:k,containerId:k.id,pluginMediaElement:l,pluginId:h,videoId:b,
| + | |
− | height:j,width:f};mejs.PluginDetector.hasPluginVersion("flash",[10,0,0])?mejs.YouTubeApi.createFlash(youtubeSettings):mejs.YouTubeApi.enqueueIframe(youtubeSettings);break;case "vimeo":console.log("vimeoid");l.vimeoid=a.url.substr(a.url.lastIndexOf("/")+1);k.innerHTML='<object width="'+f+'" height="'+j+'"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="flashvars" value="api=1" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id='+
| + | |
− | l.vimeoid+'&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=00adef&fullscreen=1&autoplay=0&loop=0" /><embed src="//vimeo.com/moogaloop.swf?api=1&clip_id='+l.vimeoid+'&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=00adef&fullscreen=1&autoplay=0&loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="'+f+'" height="'+j+'"></embed></object>'}c.style.display=
| + | |
− | "none";return l},updateNative:function(a,b){var c=a.htmlMediaElement,d;for(d in mejs.HtmlMediaElement)c[d]=mejs.HtmlMediaElement[d];b.success(c,c);return c}};
| + | |
− | mejs.YouTubeApi={isIframeStarted:false,isIframeLoaded:false,loadIframeApi:function(){if(!this.isIframeStarted){var a=document.createElement("script");a.src="#player_api";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b);this.isIframeStarted=true}},iframeQueue:[],enqueueIframe:function(a){if(this.isLoaded)this.createIframe(a);else{this.loadIframeApi();this.iframeQueue.push(a)}},createIframe:function(a){var b=a.pluginMediaElement,c=new YT.Player(a.containerId,
| + | |
− | {height:a.height,width:a.width,videoId:a.videoId,playerVars:{controls:0},events:{onReady:function(){a.pluginMediaElement.pluginApi=c;mejs.MediaPluginBridge.initPlugin(a.pluginId);setInterval(function(){mejs.YouTubeApi.createEvent(c,b,"timeupdate")},250)},onStateChange:function(d){mejs.YouTubeApi.handleStateChange(d.data,c,b)}}})},createEvent:function(a,b,c){c={type:c,target:b};if(a&&a.getDuration){b.currentTime=c.currentTime=a.getCurrentTime();b.duration=c.duration=a.getDuration();c.paused=b.paused;
| + | |
− | c.ended=b.ended;c.muted=a.isMuted();c.volume=a.getVolume()/100;c.bytesTotal=a.getVideoBytesTotal();c.bufferedBytes=a.getVideoBytesLoaded();var d=c.bufferedBytes/c.bytesTotal*c.duration;c.target.buffered=c.buffered={start:function(){return 0},end:function(){return d},length:1}}b.dispatchEvent(c.type,c)},iFrameReady:function(){for(this.isIframeLoaded=true;this.iframeQueue.length>0;)this.createIframe(this.iframeQueue.pop())},flashPlayers:{},createFlash:function(a){this.flashPlayers[a.pluginId]=a;var b,
| + | |
− | c="#apiplayer?enablejsapi=1&playerapiid="+a.pluginId+"&version=3&autoplay=0&controls=0&modestbranding=1&loop=0";if(mejs.MediaFeatures.isIE){b=document.createElement("div");a.container.appendChild(b);b.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" id="'+a.pluginId+'" width="'+a.width+'" height="'+a.height+'"><param name="movie" value="'+c+'" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /></object>'}else a.container.innerHTML=
| + | |
− | '<object type="application/x-shockwave-flash" id="'+a.pluginId+'" data="'+c+'" width="'+a.width+'" height="'+a.height+'" style="visibility: visible; "><param name="allowScriptAccess" value="always"><param name="wmode" value="transparent"></object>'},flashReady:function(a){var b=this.flashPlayers[a],c=document.getElementById(a),d=b.pluginMediaElement;d.pluginApi=d.pluginElement=c;mejs.MediaPluginBridge.initPlugin(a);c.cueVideoById(b.videoId);a=b.containerId+"_callback";window[a]=function(e){mejs.YouTubeApi.handleStateChange(e,
| + | |
− | c,d)};c.addEventListener("onStateChange",a);setInterval(function(){mejs.YouTubeApi.createEvent(c,d,"timeupdate")},250)},handleStateChange:function(a,b,c){switch(a){case -1:c.paused=true;c.ended=true;mejs.YouTubeApi.createEvent(b,c,"loadedmetadata");break;case 0:c.paused=false;c.ended=true;mejs.YouTubeApi.createEvent(b,c,"ended");break;case 1:c.paused=false;c.ended=false;mejs.YouTubeApi.createEvent(b,c,"play");mejs.YouTubeApi.createEvent(b,c,"playing");break;case 2:c.paused=true;c.ended=false;mejs.YouTubeApi.createEvent(b,
| + | |
− | c,"pause");break;case 3:mejs.YouTubeApi.createEvent(b,c,"progress")}}};function onYouTubePlayerAPIReady(){mejs.YouTubeApi.iFrameReady()}function onYouTubePlayerReady(a){mejs.YouTubeApi.flashReady(a)}window.mejs=mejs;window.MediaElement=mejs.MediaElement;
| + | |
| | | |
− | /*! | + | /* Note: Design for a width of 320px */ |
− | * MediaElementPlayer
| + | |
− | * http://mediaelementjs.com/
| + | |
− | *
| + | |
− | * Creates a controller bar for HTML5 <video> add <audio> tags
| + | |
− | * using jQuery and MediaElement.js (HTML5 Flash/Silverlight wrapper)
| + | |
− | *
| + | |
− | * Copyright 2010-2012, John Dyer (http://j.hn/)
| + | |
− | * Dual licensed under the MIT or GPL Version 2 licenses.
| + | |
− | *
| + | |
− | */if(typeof jQuery!="undefined")mejs.$=jQuery;else if(typeof ender!="undefined")mejs.$=ender;
| + | |
− | (function(f){mejs.MepDefaults={poster:"",defaultVideoWidth:480,defaultVideoHeight:270,videoWidth:-1,videoHeight:-1,defaultAudioWidth:400,defaultAudioHeight:30,audioWidth:-1,audioHeight:-1,startVolume:0.8,loop:false,enableAutosize:true,alwaysShowHours:false,showTimecodeFrameCount:false,framesPerSecond:25,autosizeProgress:true,alwaysShowControls:false,iPadUseNativeControls:false,iPhoneUseNativeControls:false,AndroidUseNativeControls:false,features:["playpause","current","progress","duration","tracks",
| + | |
− | "volume","fullscreen"],isVideo:true,enableKeyboard:true,pauseOtherPlayers:true,keyActions:[{keys:[32,179],action:function(a,c){c.paused||c.ended?c.play():c.pause()}},{keys:[38],action:function(a,c){c.setVolume(Math.min(c.volume+0.1,1))}},{keys:[40],action:function(a,c){c.setVolume(Math.max(c.volume-0.1,0))}},{keys:[37,227],action:function(a,c){if(!isNaN(c.duration)&&c.duration>0){if(a.isVideo){a.showControls();a.startControlsTimer()}c.setCurrentTime(Math.min(c.currentTime-c.duration*0.05,c.duration))}}},
| + | |
− | {keys:[39,228],action:function(a,c){if(!isNaN(c.duration)&&c.duration>0){if(a.isVideo){a.showControls();a.startControlsTimer()}c.setCurrentTime(Math.max(c.currentTime+c.duration*0.05,0))}}},{keys:[70],action:function(a){if(typeof a.enterFullScreen!="undefined")a.isFullScreen?a.exitFullScreen():a.enterFullScreen()}}]};mejs.mepIndex=0;mejs.players=[];mejs.MediaElementPlayer=function(a,c){if(!(this instanceof mejs.MediaElementPlayer))return new mejs.MediaElementPlayer(a,c);this.$media=this.$node=f(a);
| + | |
− | this.node=this.media=this.$media[0];if(typeof this.node.player!="undefined")return this.node.player;else this.node.player=this;if(typeof c=="undefined")c=this.$node.data("mejsoptions");this.options=f.extend({},mejs.MepDefaults,c);mejs.players.push(this);this.init();return this};mejs.MediaElementPlayer.prototype={hasFocus:false,controlsAreVisible:true,init:function(){var a=this,c=mejs.MediaFeatures,b=f.extend(true,{},a.options,{success:function(e,g){a.meReady(e,g)},error:function(e){a.handleError(e)}}),
| + | |
− | d=a.media.tagName.toLowerCase();a.isDynamic=d!=="audio"&&d!=="video";a.isVideo=a.isDynamic?a.options.isVideo:d!=="audio"&&a.options.isVideo;if(c.isiPad&&a.options.iPadUseNativeControls||c.isiPhone&&a.options.iPhoneUseNativeControls){a.$media.attr("controls","controls");if(c.isiPad&&a.media.getAttribute("autoplay")!==null){a.media.load();a.media.play()}}else if(!(c.isAndroid&&a.AndroidUseNativeControls)){a.$media.removeAttr("controls");a.id="mep_"+mejs.mepIndex++;a.container=f('<div id="'+a.id+'" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"></div><div class="mejs-layers"></div><div class="mejs-controls"></div><div class="mejs-clear"></div></div></div>').addClass(a.$media[0].className).insertBefore(a.$media);
| + | |
− | a.container.addClass((c.isAndroid?"mejs-android ":"")+(c.isiOS?"mejs-ios ":"")+(c.isiPad?"mejs-ipad ":"")+(c.isiPhone?"mejs-iphone ":"")+(a.isVideo?"mejs-video ":"mejs-audio "));if(c.isiOS){c=a.$media.clone();a.container.find(".mejs-mediaelement").append(c);a.$media.remove();a.$node=a.$media=c;a.node=a.media=c[0]}else a.container.find(".mejs-mediaelement").append(a.$media);a.controls=a.container.find(".mejs-controls");a.layers=a.container.find(".mejs-layers");c=d.substring(0,1).toUpperCase()+d.substring(1);
| + | |
− | a.width=a.options[d+"Width"]>0||a.options[d+"Width"].toString().indexOf("%")>-1?a.options[d+"Width"]:a.media.style.width!==""&&a.media.style.width!==null?a.media.style.width:a.media.getAttribute("width")!==null?a.$media.attr("width"):a.options["default"+c+"Width"];a.height=a.options[d+"Height"]>0||a.options[d+"Height"].toString().indexOf("%")>-1?a.options[d+"Height"]:a.media.style.height!==""&&a.media.style.height!==null?a.media.style.height:a.$media[0].getAttribute("height")!==null?a.$media.attr("height"):
| + | |
− | a.options["default"+c+"Height"];a.setPlayerSize(a.width,a.height);b.pluginWidth=a.height;b.pluginHeight=a.width}mejs.MediaElement(a.$media[0],b)},showControls:function(a){var c=this;a=typeof a=="undefined"||a;if(!c.controlsAreVisible){if(a){c.controls.css("visibility","visible").stop(true,true).fadeIn(200,function(){c.controlsAreVisible=true});c.container.find(".mejs-control").css("visibility","visible").stop(true,true).fadeIn(200,function(){c.controlsAreVisible=true})}else{c.controls.css("visibility",
| + | |
− | "visible").css("display","block");c.container.find(".mejs-control").css("visibility","visible").css("display","block");c.controlsAreVisible=true}c.setControlsSize()}},hideControls:function(a){var c=this;a=typeof a=="undefined"||a;if(c.controlsAreVisible)if(a){c.controls.stop(true,true).fadeOut(200,function(){f(this).css("visibility","hidden").css("display","block");c.controlsAreVisible=false});c.container.find(".mejs-control").stop(true,true).fadeOut(200,function(){f(this).css("visibility","hidden").css("display",
| + | |
− | "block")})}else{c.controls.css("visibility","hidden").css("display","block");c.container.find(".mejs-control").css("visibility","hidden").css("display","block");c.controlsAreVisible=false}},controlsTimer:null,startControlsTimer:function(a){var c=this;a=typeof a!="undefined"?a:1500;c.killControlsTimer("start");c.controlsTimer=setTimeout(function(){c.hideControls();c.killControlsTimer("hide")},a)},killControlsTimer:function(){if(this.controlsTimer!==null){clearTimeout(this.controlsTimer);delete this.controlsTimer;
| + | |
− | this.controlsTimer=null}},controlsEnabled:true,disableControls:function(){this.killControlsTimer();this.hideControls(false);this.controlsEnabled=false},enableControls:function(){this.showControls(false);this.controlsEnabled=true},meReady:function(a,c){var b=this,d=mejs.MediaFeatures,e=c.getAttribute("autoplay");e=!(typeof e=="undefined"||e===null||e==="false");var g;if(!b.created){b.created=true;b.media=a;b.domNode=c;if(!(d.isAndroid&&b.options.AndroidUseNativeControls)&&!(d.isiPad&&b.options.iPadUseNativeControls)&&
| + | |
− | !(d.isiPhone&&b.options.iPhoneUseNativeControls)){b.buildposter(b,b.controls,b.layers,b.media);b.buildkeyboard(b,b.controls,b.layers,b.media);b.buildoverlays(b,b.controls,b.layers,b.media);b.findTracks();for(g in b.options.features){d=b.options.features[g];if(b["build"+d])try{b["build"+d](b,b.controls,b.layers,b.media)}catch(k){}}b.container.trigger("controlsready");b.setPlayerSize(b.width,b.height);b.setControlsSize();if(b.isVideo){if(mejs.MediaFeatures.hasTouch)b.$media.bind("touchstart",function(){if(b.controlsAreVisible)b.hideControls(false);
| + | |
− | else b.controlsEnabled&&b.showControls(false)});else{(b.media.pluginType=="native"?b.$media:f(b.media.pluginElement)).click(function(){a.paused?a.play():a.pause()});b.container.bind("mouseenter mouseover",function(){if(b.controlsEnabled)if(!b.options.alwaysShowControls){b.killControlsTimer("enter");b.showControls();b.startControlsTimer(2500)}}).bind("mousemove",function(){if(b.controlsEnabled){b.controlsAreVisible||b.showControls();b.options.alwaysShowControls||b.startControlsTimer(2500)}}).bind("mouseleave",
| + | |
− | function(){b.controlsEnabled&&!b.media.paused&&!b.options.alwaysShowControls&&b.startControlsTimer(1E3)})}e&&!b.options.alwaysShowControls&&b.hideControls();b.options.enableAutosize&&b.media.addEventListener("loadedmetadata",function(i){if(b.options.videoHeight<=0&&b.domNode.getAttribute("height")===null&&!isNaN(i.target.videoHeight)){b.setPlayerSize(i.target.videoWidth,i.target.videoHeight);b.setControlsSize();b.media.setVideoSize(i.target.videoWidth,i.target.videoHeight)}},false)}a.addEventListener("play",
| + | |
− | function(){for(var i=0,m=mejs.players.length;i<m;i++){var l=mejs.players[i];l.id!=b.id&&b.options.pauseOtherPlayers&&!l.paused&&!l.ended&&l.pause();l.hasFocus=false}b.hasFocus=true},false);b.media.addEventListener("ended",function(){try{b.media.setCurrentTime(0)}catch(i){}b.media.pause();b.setProgressRail&&b.setProgressRail();b.setCurrentRail&&b.setCurrentRail();if(b.options.loop)b.media.play();else!b.options.alwaysShowControls&&b.controlsEnabled&&b.showControls()},false);b.media.addEventListener("loadedmetadata",
| + | |
− | function(){b.updateDuration&&b.updateDuration();b.updateCurrent&&b.updateCurrent();if(!b.isFullScreen){b.setPlayerSize(b.width,b.height);b.setControlsSize()}},false);setTimeout(function(){b.setPlayerSize(b.width,b.height);b.setControlsSize()},50);f(window).resize(function(){b.isFullScreen||mejs.MediaFeatures.hasTrueNativeFullScreen&&document.webkitIsFullScreen||b.setPlayerSize(b.width,b.height);b.setControlsSize()});b.media.pluginType=="youtube"&&b.container.find(".mejs-overlay-play").hide()}if(e&&
| + | |
− | a.pluginType=="native"){a.load();a.play()}if(b.options.success)typeof b.options.success=="string"?window[b.options.success](b.media,b.domNode,b):b.options.success(b.media,b.domNode,b)}},handleError:function(a){this.controls.hide();this.options.error&&this.options.error(a)},setPlayerSize:function(){if(this.height.toString().indexOf("%")>0){var a=this.media.videoWidth&&this.media.videoWidth>0?this.media.videoWidth:this.options.defaultVideoWidth,c=this.media.videoHeight&&this.media.videoHeight>0?this.media.videoHeight:
| + | |
− | this.options.defaultVideoHeight,b=this.container.parent().width();a=parseInt(b*c/a,10);if(this.container.parent()[0].tagName.toLowerCase()==="body"){b=f(window).width();a=f(window).height()}this.container.width(b).height(a);this.$media.width("100%").height("100%");this.container.find("object, embed, iframe").width("100%").height("100%");this.media.setVideoSize&&this.media.setVideoSize(b,a);this.layers.children(".mejs-layer").width("100%").height("100%")}else{this.container.width(this.width).height(this.height);
| + | |
− | this.layers.children(".mejs-layer").width(this.width).height(this.height)}},setControlsSize:function(){var a=0,c=0,b=this.controls.find(".mejs-time-rail"),d=this.controls.find(".mejs-time-total");this.controls.find(".mejs-time-current");this.controls.find(".mejs-time-loaded");others=b.siblings();if(this.options&&!this.options.autosizeProgress)c=parseInt(b.css("width"));if(c===0||!c){others.each(function(){if(f(this).css("position")!="absolute")a+=f(this).outerWidth(true)});c=this.controls.width()-
| + | |
− | a-(b.outerWidth(true)-b.outerWidth(false))}b.width(c);d.width(c-(d.outerWidth(true)-d.width()));this.setProgressRail&&this.setProgressRail();this.setCurrentRail&&this.setCurrentRail()},buildposter:function(a,c,b,d){var e=f('<div class="mejs-poster mejs-layer"></div>').appendTo(b);c=a.$media.attr("poster");if(a.options.poster!=="")c=a.options.poster;c!==""&&c!=null?this.setPoster(c):e.hide();d.addEventListener("play",function(){e.hide()},false)},setPoster:function(a){var c=this.container.find(".mejs-poster"),
| + | |
− | b=c.find("img");if(b.length==0)b=f('<img width="100%" height="100%" />').appendTo(c);b.attr("src",a)},buildoverlays:function(a,c,b,d){if(a.isVideo){var e=f('<div class="mejs-overlay mejs-layer"><div class="mejs-overlay-loading"><span></span></div></div>').hide().appendTo(b),g=f('<div class="mejs-overlay mejs-layer"><div class="mejs-overlay-error"></div></div>').hide().appendTo(b),k=f('<div class="mejs-overlay mejs-layer mejs-overlay-play"><div class="mejs-overlay-button"></div></div>').appendTo(b).click(function(){d.paused?
| + | |
− | d.play():d.pause()});d.addEventListener("play",function(){k.hide();e.hide();g.hide()},false);d.addEventListener("playing",function(){k.hide();e.hide();g.hide()},false);d.addEventListener("pause",function(){mejs.MediaFeatures.isiPhone||k.show()},false);d.addEventListener("waiting",function(){e.show()},false);d.addEventListener("loadeddata",function(){e.show()},false);d.addEventListener("canplay",function(){e.hide()},false);d.addEventListener("error",function(){e.hide();g.show();g.find("mejs-overlay-error").html("Error loading this resource")},
| + | |
− | false)}},buildkeyboard:function(a,c,b,d){f(document).keydown(function(e){if(a.hasFocus&&a.options.enableKeyboard)for(var g=0,k=a.options.keyActions.length;g<k;g++)for(var i=a.options.keyActions[g],m=0,l=i.keys.length;m<l;m++)if(e.keyCode==i.keys[m]){e.preventDefault();i.action(a,d);return false}return true});f(document).click(function(e){if(f(e.target).closest(".mejs-container").length==0)a.hasFocus=false})},findTracks:function(){var a=this,c=a.$media.find("track");a.tracks=[];c.each(function(b,d){d=
| + | |
− | f(d);a.tracks.push({srclang:d.attr("srclang").toLowerCase(),src:d.attr("src"),kind:d.attr("kind"),label:d.attr("label")||"",entries:[],isLoaded:false})})},changeSkin:function(a){this.container[0].className="mejs-container "+a;this.setPlayerSize();this.setControlsSize()},play:function(){this.media.play()},pause:function(){this.media.pause()},load:function(){this.media.load()},setMuted:function(a){this.media.setMuted(a)},setCurrentTime:function(a){this.media.setCurrentTime(a)},getCurrentTime:function(){return this.media.currentTime},
| + | |
− | setVolume:function(a){this.media.setVolume(a)},getVolume:function(){return this.media.volume},setSrc:function(a){this.media.setSrc(a)},remove:function(){if(this.media.pluginType=="flash")this.media.remove();else this.media.pluginTyp=="native"&&this.media.prop("controls",true);this.isDynamic||this.$node.insertBefore(this.container);this.container.remove()}};if(typeof jQuery!="undefined")jQuery.fn.mediaelementplayer=function(a){return this.each(function(){new mejs.MediaElementPlayer(this,a)})};f(document).ready(function(){f(".mejs-player").mediaelementplayer()});
| + | |
− | window.MediaElementPlayer=mejs.MediaElementPlayer})(mejs.$);
| + | |
− | (function(f){f.extend(mejs.MepDefaults,{playpauseText:"Play/Pause"});f.extend(MediaElementPlayer.prototype,{buildplaypause:function(a,c,b,d){var e=f('<div class="mejs-button mejs-playpause-button mejs-play" ><button type="button" aria-controls="'+this.id+'" title="'+this.options.playpauseText+'"></button></div>').appendTo(c).click(function(g){g.preventDefault();d.paused?d.play():d.pause();return false});d.addEventListener("play",function(){e.removeClass("mejs-play").addClass("mejs-pause")},false);
| + | |
− | d.addEventListener("playing",function(){e.removeClass("mejs-play").addClass("mejs-pause")},false);d.addEventListener("pause",function(){e.removeClass("mejs-pause").addClass("mejs-play")},false);d.addEventListener("paused",function(){e.removeClass("mejs-pause").addClass("mejs-play")},false)}})})(mejs.$);
| + | |
− | (function(f){f.extend(mejs.MepDefaults,{stopText:"Stop"});f.extend(MediaElementPlayer.prototype,{buildstop:function(a,c,b,d){f('<div class="mejs-button mejs-stop-button mejs-stop"><button type="button" aria-controls="'+this.id+'" title="'+this.options.stopText+"></button></div>").appendTo(c).click(function(){d.paused||d.pause();if(d.currentTime>0){d.setCurrentTime(0);c.find(".mejs-time-current").width("0px");c.find(".mejs-time-handle").css("left","0px");c.find(".mejs-time-float-current").html(mejs.Utility.secondsToTimeCode(0));
| + | |
− | c.find(".mejs-currenttime").html(mejs.Utility.secondsToTimeCode(0));b.find(".mejs-poster").show()}})}})})(mejs.$);
| + | |
− | (function(f){f.extend(MediaElementPlayer.prototype,{buildprogress:function(a,c,b,d){f('<div class="mejs-time-rail"><span class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div>').appendTo(c);var e=c.find(".mejs-time-total");b=c.find(".mejs-time-loaded");var g=c.find(".mejs-time-current"),
| + | |
− | k=c.find(".mejs-time-handle"),i=c.find(".mejs-time-float"),m=c.find(".mejs-time-float-current"),l=function(j){j=j.pageX;var h=e.offset(),n=e.outerWidth(),p=0;p=0;var s=j-h.left;if(j>h.left&&j<=n+h.left&&d.duration){p=(j-h.left)/n;p=p<=0.02?0:p*d.duration;o&&d.setCurrentTime(p);if(!mejs.MediaFeatures.hasTouch){i.css("left",s);m.html(mejs.Utility.secondsToTimeCode(p));i.show()}}},o=false,q=false;e.bind("mousedown",function(j){if(j.which===1){o=true;l(j);return false}});c.find(".mejs-time-total").bind("mouseenter",
| + | |
− | function(){q=true;mejs.MediaFeatures.hasTouch||i.show()}).bind("mouseleave",function(){q=false;i.hide()});f(document).bind("mouseup",function(){o=false;i.hide()}).bind("mousemove",function(j){if(o||q)l(j)});d.addEventListener("progress",function(j){a.setProgressRail(j);a.setCurrentRail(j)},false);d.addEventListener("timeupdate",function(j){a.setProgressRail(j);a.setCurrentRail(j)},false);this.loaded=b;this.total=e;this.current=g;this.handle=k},setProgressRail:function(a){var c=a!=undefined?a.target:
| + | |
− | this.media,b=null;if(c&&c.buffered&&c.buffered.length>0&&c.buffered.end&&c.duration)b=c.buffered.end(0)/c.duration;else if(c&&c.bytesTotal!=undefined&&c.bytesTotal>0&&c.bufferedBytes!=undefined)b=c.bufferedBytes/c.bytesTotal;else if(a&&a.lengthComputable&&a.total!=0)b=a.loaded/a.total;if(b!==null){b=Math.min(1,Math.max(0,b));this.loaded&&this.total&&this.loaded.width(this.total.width()*b)}},setCurrentRail:function(){if(this.media.currentTime!=undefined&&this.media.duration)if(this.total&&this.handle){var a=
| + | |
− | this.total.width()*this.media.currentTime/this.media.duration,c=a-this.handle.outerWidth(true)/2;this.current.width(a);this.handle.css("left",c)}}})})(mejs.$);
| + | |
− | (function(f){f.extend(mejs.MepDefaults,{duration:-1,timeAndDurationSeparator:" <span> | </span> "});f.extend(MediaElementPlayer.prototype,{buildcurrent:function(a,c,b,d){f('<div class="mejs-time"><span class="mejs-currenttime">'+(a.options.alwaysShowHours?"00:":"")+(a.options.showTimecodeFrameCount?"00:00:00":"00:00")+"</span></div>").appendTo(c);this.currenttime=this.controls.find(".mejs-currenttime");d.addEventListener("timeupdate",function(){a.updateCurrent()},false)},buildduration:function(a,
| + | |
− | c,b,d){if(c.children().last().find(".mejs-currenttime").length>0)f(this.options.timeAndDurationSeparator+'<span class="mejs-duration">'+(this.options.duration>0?mejs.Utility.secondsToTimeCode(this.options.duration,this.options.alwaysShowHours||this.media.duration>3600,this.options.showTimecodeFrameCount,this.options.framesPerSecond||25):(a.options.alwaysShowHours?"00:":"")+(a.options.showTimecodeFrameCount?"00:00:00":"00:00"))+"</span>").appendTo(c.find(".mejs-time"));else{c.find(".mejs-currenttime").parent().addClass("mejs-currenttime-container");
| + | |
− | f('<div class="mejs-time mejs-duration-container"><span class="mejs-duration">'+(this.options.duration>0?mejs.Utility.secondsToTimeCode(this.options.duration,this.options.alwaysShowHours||this.media.duration>3600,this.options.showTimecodeFrameCount,this.options.framesPerSecond||25):(a.options.alwaysShowHours?"00:":"")+(a.options.showTimecodeFrameCount?"00:00:00":"00:00"))+"</span></div>").appendTo(c)}this.durationD=this.controls.find(".mejs-duration");d.addEventListener("timeupdate",function(){a.updateDuration()},
| + | |
− | false)},updateCurrent:function(){if(this.currenttime)this.currenttime.html(mejs.Utility.secondsToTimeCode(this.media.currentTime,this.options.alwaysShowHours||this.media.duration>3600,this.options.showTimecodeFrameCount,this.options.framesPerSecond||25))},updateDuration:function(){if(this.media.duration&&this.durationD)this.durationD.html(mejs.Utility.secondsToTimeCode(this.media.duration,this.options.alwaysShowHours,this.options.showTimecodeFrameCount,this.options.framesPerSecond||25))}})})(mejs.$);
| + | |
− | (function(f){f.extend(mejs.MepDefaults,{muteText:"Mute Toggle",hideVolumeOnTouchDevices:true});f.extend(MediaElementPlayer.prototype,{buildvolume:function(a,c,b,d){if(!(mejs.MediaFeatures.hasTouch&&this.options.hideVolumeOnTouchDevices)){var e=f('<div class="mejs-button mejs-volume-button mejs-mute"><button type="button" aria-controls="'+this.id+'" title="'+this.options.muteText+'"></button><div class="mejs-volume-slider"><div class="mejs-volume-total"></div><div class="mejs-volume-current"></div><div class="mejs-volume-handle"></div></div></div>').appendTo(c),
| + | |
− | g=e.find(".mejs-volume-slider"),k=e.find(".mejs-volume-total"),i=e.find(".mejs-volume-current"),m=e.find(".mejs-volume-handle"),l=function(h){if(g.is(":visible")){var n=k.height(),p=k.position();h=n-n*h;m.css("top",p.top+h-m.height()/2);i.height(n-h);i.css("top",p.top+h)}else{g.show();l(h);g.hide()}},o=function(h){var n=k.height(),p=k.offset(),s=parseInt(k.css("top").replace(/px/,""),10);h=h.pageY-p.top;var r=(n-h)/n;if(!(p.top==0||p.left==0)){r=Math.max(0,r);r=Math.min(r,1);if(h<0)h=0;else if(h>
| + | |
− | n)h=n;m.css("top",h-m.height()/2+s);i.height(n-h);i.css("top",h+s);if(r==0){d.setMuted(true);e.removeClass("mejs-mute").addClass("mejs-unmute")}else{d.setMuted(false);e.removeClass("mejs-unmute").addClass("mejs-mute")}r=Math.max(0,r);r=Math.min(r,1);d.setVolume(r)}},q=false,j=false;e.hover(function(){g.show();j=true},function(){j=false;q||g.hide()});g.bind("mouseover",function(){j=true}).bind("mousedown",function(h){o(h);q=true;return false});f(document).bind("mouseup",function(){q=false;j||g.hide()}).bind("mousemove",
| + | |
− | function(h){q&&o(h)});e.find("button").click(function(){d.setMuted(!d.muted)});d.addEventListener("volumechange",function(){if(!q)if(d.muted){l(0);e.removeClass("mejs-mute").addClass("mejs-unmute")}else{l(d.volume);e.removeClass("mejs-unmute").addClass("mejs-mute")}},false);if(this.container.is(":visible")){l(a.options.startVolume);d.pluginType==="native"&&d.setVolume(a.options.startVolume)}}}})})(mejs.$);
| + | |
− | (function(f){f.extend(mejs.MepDefaults,{usePluginFullScreen:true,newWindowCallback:function(){return""},fullscreenText:"Fullscreen"});f.extend(MediaElementPlayer.prototype,{isFullScreen:false,isNativeFullScreen:false,docStyleOverflow:null,isInIframe:false,buildfullscreen:function(a,c,b,d){if(a.isVideo){a.isInIframe=window.location!=window.parent.location;mejs.MediaFeatures.hasTrueNativeFullScreen&&a.container.bind(mejs.MediaFeatures.fullScreenEventName,function(){if(mejs.MediaFeatures.isFullScreen()){a.isNativeFullScreen=
| + | |
− | true;a.setControlsSize()}else{a.isNativeFullScreen=false;a.exitFullScreen()}});var e=this,g=f('<div class="mejs-button mejs-fullscreen-button"><button type="button" aria-controls="'+e.id+'" title="'+e.options.fullscreenText+'"></button></div>').appendTo(c);if(e.media.pluginType==="native"||!e.options.usePluginFullScreen&&!mejs.MediaFeatures.isFirefox)g.click(function(){mejs.MediaFeatures.hasTrueNativeFullScreen&&mejs.MediaFeatures.isFullScreen()||a.isFullScreen?a.exitFullScreen():a.enterFullScreen()});
| + | |
− | else{var k=null;if(document.documentElement.style.pointerEvents===""&&!mejs.MediaFeatures.isOpera){var i=false,m=function(){if(i){l.hide();o.hide();q.hide();g.css("pointer-events","");e.controls.css("pointer-events","");i=false}},l=f('<div class="mejs-fullscreen-hover" />').appendTo(e.container).mouseover(m),o=f('<div class="mejs-fullscreen-hover" />').appendTo(e.container).mouseover(m),q=f('<div class="mejs-fullscreen-hover" />').appendTo(e.container).mouseover(m),j=function(){var h={position:"absolute",
| + | |
− | top:0,left:0};l.css(h);o.css(h);q.css(h);l.width(e.container.width()).height(e.container.height()-e.controls.height());h=g.offset().left-e.container.offset().left;fullScreenBtnWidth=g.outerWidth(true);o.width(h).height(e.controls.height()).css({top:e.container.height()-e.controls.height()});q.width(e.container.width()-h-fullScreenBtnWidth).height(e.controls.height()).css({top:e.container.height()-e.controls.height(),left:h+fullScreenBtnWidth})};f(document).resize(function(){j()});g.mouseover(function(){if(!e.isFullScreen){var h=
| + | |
− | g.offset(),n=a.container.offset();d.positionFullscreenButton(h.left-n.left,h.top-n.top,false);g.css("pointer-events","none");e.controls.css("pointer-events","none");l.show();q.show();o.show();j();i=true}});d.addEventListener("fullscreenchange",function(){m()})}else g.mouseover(function(){if(k!==null){clearTimeout(k);delete k}var h=g.offset(),n=a.container.offset();d.positionFullscreenButton(h.left-n.left,h.top-n.top,true)}).mouseout(function(){if(k!==null){clearTimeout(k);delete k}k=setTimeout(function(){d.hideFullscreenButton()},
| + | |
− | 1500)})}a.fullscreenBtn=g;f(document).bind("keydown",function(h){if((mejs.MediaFeatures.hasTrueNativeFullScreen&&mejs.MediaFeatures.isFullScreen()||e.isFullScreen)&&h.keyCode==27)a.exitFullScreen()})}},enterFullScreen:function(){var a=this;if(!(a.media.pluginType!=="native"&&(mejs.MediaFeatures.isFirefox||a.options.usePluginFullScreen))){docStyleOverflow=document.documentElement.style.overflow;document.documentElement.style.overflow="hidden";normalHeight=a.container.height();normalWidth=a.container.width();
| + | |
− | if(a.media.pluginType==="native")if(mejs.MediaFeatures.hasTrueNativeFullScreen){mejs.MediaFeatures.requestFullScreen(a.container[0]);a.isInIframe&&setTimeout(function b(){if(a.isNativeFullScreen)f(window).width()!==screen.width?a.exitFullScreen():setTimeout(b,500)},500)}else if(mejs.MediaFeatures.hasSemiNativeFullScreen){a.media.webkitEnterFullscreen();return}if(a.isInIframe){var c=a.options.newWindowCallback(this);if(c!=="")if(mejs.MediaFeatures.hasTrueNativeFullScreen)setTimeout(function(){if(!a.isNativeFullScreen){a.pause();
| + | |
− | window.open(c,a.id,"top=0,left=0,width="+screen.availWidth+",height="+screen.availHeight+",resizable=yes,scrollbars=no,status=no,toolbar=no")}},250);else{a.pause();window.open(c,a.id,"top=0,left=0,width="+screen.availWidth+",height="+screen.availHeight+",resizable=yes,scrollbars=no,status=no,toolbar=no");return}}a.container.addClass("mejs-container-fullscreen").width("100%").height("100%");setTimeout(function(){a.container.css({width:"100%",height:"100%"});a.setControlsSize()},500);if(a.pluginType===
| + | |
− | "native")a.$media.width("100%").height("100%");else{a.container.find("object, embed, iframe").width("100%").height("100%");a.media.setVideoSize(f(window).width(),f(window).height())}a.layers.children("div").width("100%").height("100%");a.fullscreenBtn&&a.fullscreenBtn.removeClass("mejs-fullscreen").addClass("mejs-unfullscreen");a.setControlsSize();a.isFullScreen=true}},exitFullScreen:function(){if(this.media.pluginType!=="native"&&mejs.MediaFeatures.isFirefox)this.media.setFullscreen(false);else{if(mejs.MediaFeatures.hasTrueNativeFullScreen&&
| + | |
− | (mejs.MediaFeatures.isFullScreen()||this.isFullScreen))mejs.MediaFeatures.cancelFullScreen();document.documentElement.style.overflow=docStyleOverflow;this.container.removeClass("mejs-container-fullscreen").width(normalWidth).height(normalHeight);if(this.pluginType==="native")this.$media.width(normalWidth).height(normalHeight);else{this.container.find("object embed").width(normalWidth).height(normalHeight);this.media.setVideoSize(normalWidth,normalHeight)}this.layers.children("div").width(normalWidth).height(normalHeight);
| + | |
− | this.fullscreenBtn.removeClass("mejs-unfullscreen").addClass("mejs-fullscreen");this.setControlsSize();this.isFullScreen=false}}})})(mejs.$);
| + | |
− | (function(f){f.extend(mejs.MepDefaults,{startLanguage:"",tracksText:"Captions/Subtitles"});f.extend(MediaElementPlayer.prototype,{hasChapters:false,buildtracks:function(a,c,b,d){if(a.isVideo)if(a.tracks.length!=0){var e;a.chapters=f('<div class="mejs-chapters mejs-layer"></div>').prependTo(b).hide();a.captions=f('<div class="mejs-captions-layer mejs-layer"><div class="mejs-captions-position"><span class="mejs-captions-text"></span></div></div>').prependTo(b).hide();a.captionsText=a.captions.find(".mejs-captions-text");
| + | |
− | a.captionsButton=f('<div class="mejs-button mejs-captions-button"><button type="button" aria-controls="'+this.id+'" title="'+this.options.tracksText+'"></button><div class="mejs-captions-selector"><ul><li><input type="radio" name="'+a.id+'_captions" id="'+a.id+'_captions_none" value="none" checked="checked" /><label for="'+a.id+'_captions_none">None</label></li></ul></div></div>').appendTo(c).hover(function(){f(this).find(".mejs-captions-selector").css("visibility","visible")},function(){f(this).find(".mejs-captions-selector").css("visibility",
| + | |
− | "hidden")}).delegate("input[type=radio]","click",function(){lang=this.value;if(lang=="none")a.selectedTrack=null;else for(e=0;e<a.tracks.length;e++)if(a.tracks[e].srclang==lang){a.selectedTrack=a.tracks[e];a.captions.attr("lang",a.selectedTrack.srclang);a.displayCaptions();break}});a.options.alwaysShowControls?a.container.find(".mejs-captions-position").addClass("mejs-captions-position-hover"):a.container.bind("mouseenter",function(){a.container.find(".mejs-captions-position").addClass("mejs-captions-position-hover")}).bind("mouseleave",
| + | |
− | function(){d.paused||a.container.find(".mejs-captions-position").removeClass("mejs-captions-position-hover")});a.trackToLoad=-1;a.selectedTrack=null;a.isLoadingTrack=false;for(e=0;e<a.tracks.length;e++)a.tracks[e].kind=="subtitles"&&a.addTrackButton(a.tracks[e].srclang,a.tracks[e].label);a.loadNextTrack();d.addEventListener("timeupdate",function(){a.displayCaptions()},false);d.addEventListener("loadedmetadata",function(){a.displayChapters()},false);a.container.hover(function(){if(a.hasChapters){a.chapters.css("visibility",
| + | |
− | "visible");a.chapters.fadeIn(200)}},function(){a.hasChapters&&!d.paused&&a.chapters.fadeOut(200,function(){f(this).css("visibility","hidden");f(this).css("display","block")})});a.node.getAttribute("autoplay")!==null&&a.chapters.css("visibility","hidden")}},loadNextTrack:function(){this.trackToLoad++;if(this.trackToLoad<this.tracks.length){this.isLoadingTrack=true;this.loadTrack(this.trackToLoad)}else this.isLoadingTrack=false},loadTrack:function(a){var c=this,b=c.tracks[a],d=function(){b.isLoaded=
| + | |
− | true;c.enableTrackButton(b.srclang,b.label);c.loadNextTrack()};b.isTranslation?mejs.TrackFormatParser.translateTrackText(c.tracks[0].entries,c.tracks[0].srclang,b.srclang,c.options.googleApiKey,function(e){b.entries=e;d()}):f.ajax({url:b.src,success:function(e){b.entries=mejs.TrackFormatParser.parse(e);d();b.kind=="chapters"&&c.media.duration>0&&c.drawChapters(b)},error:function(){c.loadNextTrack()}})},enableTrackButton:function(a,c){if(c==="")c=mejs.language.codes[a]||a;this.captionsButton.find("input[value="+
| + | |
− | a+"]").prop("disabled",false).siblings("label").html(c);this.options.startLanguage==a&&f("#"+this.id+"_captions_"+a).click();this.adjustLanguageBox()},addTrackButton:function(a,c){if(c==="")c=mejs.language.codes[a]||a;this.captionsButton.find("ul").append(f('<li><input type="radio" name="'+this.id+'_captions" id="'+this.id+"_captions_"+a+'" value="'+a+'" disabled="disabled" /><label for="'+this.id+"_captions_"+a+'">'+c+" (loading)</label></li>"));this.adjustLanguageBox();this.container.find(".mejs-captions-translations option[value="+
| + | |
− | a+"]").remove()},adjustLanguageBox:function(){this.captionsButton.find(".mejs-captions-selector").height(this.captionsButton.find(".mejs-captions-selector ul").outerHeight(true)+this.captionsButton.find(".mejs-captions-translations").outerHeight(true))},displayCaptions:function(){if(typeof this.tracks!="undefined"){var a,c=this.selectedTrack;if(c!=null&&c.isLoaded)for(a=0;a<c.entries.times.length;a++)if(this.media.currentTime>=c.entries.times[a].start&&this.media.currentTime<=c.entries.times[a].stop){this.captionsText.html(c.entries.text[a]);
| + | |
− | this.captions.show();return}this.captions.hide()}},displayChapters:function(){var a;for(a=0;a<this.tracks.length;a++)if(this.tracks[a].kind=="chapters"&&this.tracks[a].isLoaded){this.drawChapters(this.tracks[a]);this.hasChapters=true;break}},drawChapters:function(a){var c=this,b,d,e=d=0;c.chapters.empty();for(b=0;b<a.entries.times.length;b++){d=a.entries.times[b].stop-a.entries.times[b].start;d=Math.floor(d/c.media.duration*100);if(d+e>100||b==a.entries.times.length-1&&d+e<100)d=100-e;c.chapters.append(f('<div class="mejs-chapter" rel="'+
| + | |
− | a.entries.times[b].start+'" style="left: '+e.toString()+"%;width: "+d.toString()+'%;"><div class="mejs-chapter-block'+(b==a.entries.times.length-1?" mejs-chapter-block-last":"")+'"><span class="ch-title">'+a.entries.text[b]+'</span><span class="ch-time">'+mejs.Utility.secondsToTimeCode(a.entries.times[b].start)+"–"+mejs.Utility.secondsToTimeCode(a.entries.times[b].stop)+"</span></div></div>"));e+=d}c.chapters.find("div.mejs-chapter").click(function(){c.media.setCurrentTime(parseFloat(f(this).attr("rel")));
| + | |
− | c.media.paused&&c.media.play()});c.chapters.show()}});mejs.language={codes:{af:"Afrikaans",sq:"Albanian",ar:"Arabic",be:"Belarusian",bg:"Bulgarian",ca:"Catalan",zh:"Chinese","zh-cn":"Chinese Simplified","zh-tw":"Chinese Traditional",hr:"Croatian",cs:"Czech",da:"Danish",nl:"Dutch",en:"English",et:"Estonian",tl:"Filipino",fi:"Finnish",fr:"French",gl:"Galician",de:"German",el:"Greek",ht:"Haitian Creole",iw:"Hebrew",hi:"Hindi",hu:"Hungarian",is:"Icelandic",id:"Indonesian",ga:"Irish",it:"Italian",ja:"Japanese",
| + | |
− | ko:"Korean",lv:"Latvian",lt:"Lithuanian",mk:"Macedonian",ms:"Malay",mt:"Maltese",no:"Norwegian",fa:"Persian",pl:"Polish",pt:"Portuguese",ro:"Romanian",ru:"Russian",sr:"Serbian",sk:"Slovak",sl:"Slovenian",es:"Spanish",sw:"Swahili",sv:"Swedish",tl:"Tagalog",th:"Thai",tr:"Turkish",uk:"Ukrainian",vi:"Vietnamese",cy:"Welsh",yi:"Yiddish"}};mejs.TrackFormatParser={pattern_identifier:/^([a-zA-z]+-)?[0-9]+$/,pattern_timecode:/^([0-9]{2}:[0-9]{2}:[0-9]{2}([,.][0-9]{1,3})?) --\> ([0-9]{2}:[0-9]{2}:[0-9]{2}([,.][0-9]{3})?)(.*)$/,
| + | |
− | split2:function(a,c){return a.split(c)},parse:function(a){var c=0;a=this.split2(a,/\r?\n/);for(var b={text:[],times:[]},d,e;c<a.length;c++)if(this.pattern_identifier.exec(a[c])){c++;if((d=this.pattern_timecode.exec(a[c]))&&c<a.length){c++;e=a[c];for(c++;a[c]!==""&&c<a.length;){e=e+"\n"+a[c];c++}b.text.push(e);b.times.push({start:mejs.Utility.timeCodeToSeconds(d[1]),stop:mejs.Utility.timeCodeToSeconds(d[3]),settings:d[5]})}}return b}};if("x\n\ny".split(/\n/gi).length!=3)mejs.TrackFormatParser.split2=
| + | |
− | function(a,c){var b=[],d="",e;for(e=0;e<a.length;e++){d+=a.substring(e,e+1);if(c.test(d)){b.push(d.replace(c,""));d=""}}b.push(d);return b}})(mejs.$);
| + | |
− | (function(f){f.extend(mejs.MepDefaults,contextMenuItems=[{render:function(a){if(typeof a.enterFullScreen=="undefined")return null;return a.isFullScreen?"Turn off Fullscreen":"Go Fullscreen"},click:function(a){a.isFullScreen?a.exitFullScreen():a.enterFullScreen()}},{render:function(a){return a.media.muted?"Unmute":"Mute"},click:function(a){a.media.muted?a.setMuted(false):a.setMuted(true)}},{isSeparator:true},{render:function(){return"Download Video"},click:function(a){window.location.href=a.media.currentSrc}}]);
| + | |
− | f.extend(MediaElementPlayer.prototype,{buildcontextmenu:function(a){a.contextMenu=f('<div class="mejs-contextmenu"></div>').appendTo(f("body")).hide();a.container.bind("contextmenu",function(c){if(a.isContextMenuEnabled){c.preventDefault();a.renderContextMenu(c.clientX-1,c.clientY-1);return false}});a.container.bind("click",function(){a.contextMenu.hide()});a.contextMenu.bind("mouseleave",function(){a.startContextMenuTimer()})},isContextMenuEnabled:true,enableContextMenu:function(){this.isContextMenuEnabled=
| + | |
− | true},disableContextMenu:function(){this.isContextMenuEnabled=false},contextMenuTimeout:null,startContextMenuTimer:function(){var a=this;a.killContextMenuTimer();a.contextMenuTimer=setTimeout(function(){a.hideContextMenu();a.killContextMenuTimer()},750)},killContextMenuTimer:function(){var a=this.contextMenuTimer;if(a!=null){clearTimeout(a);delete a}},hideContextMenu:function(){this.contextMenu.hide()},renderContextMenu:function(a,c){for(var b=this,d="",e=b.options.contextMenuItems,g=0,k=e.length;g<
| + | |
− | k;g++)if(e[g].isSeparator)d+='<div class="mejs-contextmenu-separator"></div>';else{var i=e[g].render(b);if(i!=null)d+='<div class="mejs-contextmenu-item" data-itemindex="'+g+'" id="element-'+Math.random()*1E6+'">'+i+"</div>"}b.contextMenu.empty().append(f(d)).css({top:c,left:a}).show();b.contextMenu.find(".mejs-contextmenu-item").each(function(){var m=f(this),l=parseInt(m.data("itemindex"),10),o=b.options.contextMenuItems[l];typeof o.show!="undefined"&&o.show(m,b);m.click(function(){typeof o.click!=
| + | |
− | "undefined"&&o.click(b);b.contextMenu.hide()})});setTimeout(function(){b.killControlsTimer("rev3")},100)}})})(mejs.$);
| + | |
| | | |
− | </script>
| + | @media only screen and (max-width: 767px) { |
− | <script> | + | .container { width: 300px; } |
− | jQuery.noConflict();
| + | .columns, .column { margin: 0; } |
| | | |
− | $apex_highlightcolor = "#34b489";
| + | .container .one.column, |
| + | .container .two.columns, |
| + | .container .three.columns, |
| + | .container .four.columns, |
| + | .container .five.columns, |
| + | .container .six.columns, |
| + | .container .seven.columns, |
| + | .container .eight.columns, |
| + | .container .nine.columns, |
| + | .container .ten.columns, |
| + | .container .eleven.columns, |
| + | .container .twelve.columns, |
| + | .container .thirteen.columns, |
| + | .container .fourteen.columns, |
| + | .container .fifteen.columns, |
| + | .container .sixteen.columns, |
| + | .container .one-third.column, |
| + | .container .two-thirds.column { width: 300px; } |
| | | |
| + | /* Offsets */ |
| + | .container .offset-by-one, |
| + | .container .offset-by-two, |
| + | .container .offset-by-three, |
| + | .container .offset-by-four, |
| + | .container .offset-by-five, |
| + | .container .offset-by-six, |
| + | .container .offset-by-seven, |
| + | .container .offset-by-eight, |
| + | .container .offset-by-nine, |
| + | .container .offset-by-ten, |
| + | .container .offset-by-eleven, |
| + | .container .offset-by-twelve, |
| + | .container .offset-by-thirteen, |
| + | .container .offset-by-fourteen, |
| + | .container .offset-by-fifteen { padding-left: 0; } |
| | | |
− | /* #On Document Ready
| + | } |
− | ================================================== */
| + | |
| | | |
| | | |
| + | /* #Mobile (Landscape) |
| + | ================================================== */ |
| | | |
− | jQuery(document).ready(function() {
| + | /* Note: Design for a width of 480px */ |
| | | |
| + | @media only screen and (min-width: 480px) and (max-width: 767px) { |
| + | .container { width: 420px; } |
| + | .columns, .column { margin: 0; } |
| | | |
| + | .container .one.column, |
| + | .container .two.columns, |
| + | .container .three.columns, |
| + | .container .four.columns, |
| + | .container .five.columns, |
| + | .container .six.columns, |
| + | .container .seven.columns, |
| + | .container .eight.columns, |
| + | .container .nine.columns, |
| + | .container .ten.columns, |
| + | .container .eleven.columns, |
| + | .container .twelve.columns, |
| + | .container .thirteen.columns, |
| + | .container .fourteen.columns, |
| + | .container .fifteen.columns, |
| + | .container .sixteen.columns, |
| + | .container .one-third.column, |
| + | .container .two-thirds.column { width: 420px; } |
| + | } |
| | | |
− | /* Menu */
| |
− | ddsmoothmenu.init({
| |
− | mainmenuid: "mainmenu", //menu DIV id
| |
− | orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
| |
− | classname: 'ddsmoothmenu', //class added to menu's outer DIV
| |
− | contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− | /* Responsive Menu Generation */
| |
− | menuHandler();
| |
| | | |
− |
| + | /* #Clearing |
− |
| + | ================================================== */ |
| | | |
− | /* Responsive Select Menu */
| + | /* Self Clearing Goodness */ |
− | jQuery("#responsive-menu select").change(function() {
| + | .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } |
− | window.location = jQuery(this).find("option:selected").val();
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− | /* Footer Close */
| + | |
− | jQuery('.footerclose').click(function() { | + | |
− | jQuery('.footer').animate({height:'hide'},{duration:500,queue:false}, 'easeInOutExpo')
| + | |
− | jQuery('.footerclose').animate({opacity:'hide'},{duration:300,queue:false}, 'easeOutSine')
| + | |
− | jQuery('.footeropen').animate({opacity:'show'},{duration:300,queue:false}, 'easeOutSine')
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− | /* Footer Open */
| + | |
− | jQuery('.footeropen').click(function() { | + | |
− | jQuery('.footer').animate({height:'show'},{duration:500,queue:false}, 'easeInOutExpo')
| + | |
− | jQuery('.footerclose').animate({opacity:'show'},{duration:300,queue:false}, 'easeOutSine')
| + | |
− | jQuery('.footeropen').animate({opacity:'hide'},{duration:300,queue:false}, 'easeOutSine')
| + | |
− | jQuery('html, body').animate({ scrollTop: jQuery(document).height()},{duration:300,queue:false}, 'easeOutSine');
| + | |
− |
| + | |
− | setTimeout(function() {
| + | |
− | jQuery('html, body').animate({ scrollTop: jQuery(document).height()},{duration:300,queue:false}, 'easeOutSine');
| + | |
− | },290);
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− | /* Init FlexSlider Home */
| + | |
− | jQuery('.flexslider').not(".postslider").flexslider({
| + | |
− | touchSwipe: true,
| + | |
− | controlNav: false,
| + | |
− | directionNav: true,
| + | |
− | slideshow: true,
| + | |
− | slideshowSpeed: 7000,
| + | |
− | animationDuration: 600,
| + | |
− | randomize: false,
| + | |
− | pauseOnAction: false,
| + | |
− | pauseOnHover: true
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− | /* Init FlexSlider Post */
| + | |
− | jQuery('.postslider').flexslider({
| + | |
− | touchSwipe: true,
| + | |
− | controlNav: false,
| + | |
− | directionNav: true,
| + | |
− | slideshow: false,
| + | |
− | slideshowSpeed: 7000,
| + | |
− | animationDuration: 600,
| + | |
− | randomize: false,
| + | |
− | pauseOnAction: false,
| + | |
− | pauseOnHover: true
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | /* FlexSlider Button Hover */
| + | |
− | jQuery(".flex-direction-nav li a.next, .flex-direction-nav li a.prev").css({ opacity: 0.2 });
| + | |
− | jQuery(".flex-direction-nav li a.next, .flex-direction-nav li a.prev").hover(function() {
| + | |
− | jQuery(this).animate({ opacity: 1 },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ opacity: 0.2 },{duration:300,queue:false}, 'easeOutSine');
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | /* FlexSlider Button FadeIn */
| + | |
− | jQuery("ul.flex-direction-nav").css("opacity", "0");
| + | |
− | jQuery("ul.flex-direction-nav").css("display", "block");
| + | |
− | jQuery(".flexslider").hover(function() {
| + | |
− | jQuery("ul.flex-direction-nav").animate({ opacity: 1 },{duration:200,queue:false});
| + | |
− | },function() {
| + | |
− | jQuery("ul.flex-direction-nav").animate({ opacity: 0 },{duration:200,queue:false});
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
| | | |
− | /* List Fades */
| + | /* Use clearfix class on parent to clear nested columns, |
− | listfades(".clients");
| + | or wrap each row of columns in a <div class="row"> */ |
− |
| + | .clearfix:before, |
− |
| + | .clearfix:after, |
− |
| + | .row:before, |
− | /* Accordion Init */
| + | .row:after { |
− | initAccordion();
| + | content: '\0020'; |
− |
| + | display: block; |
− |
| + | overflow: hidden; |
− |
| + | visibility: hidden; |
− | /* Hover Effects */
| + | width: 0; |
− | hoverEffects();
| + | height: 0; } |
| + | .row:after, |
| + | .clearfix:after { |
| + | clear: both; } |
| + | .row, |
| + | .clearfix { |
| + | zoom: 1; } |
| | | |
| + | /* You can also use a <br class="clear" /> to clear columns */ |
| + | .clear { |
| + | clear: both; |
| + | display: block; |
| + | overflow: hidden; |
| + | visibility: hidden; |
| + | width: 0; |
| + | height: 0; |
| + | } |
| | | |
| | | |
− | /* MediaElement Init */
| + | </style> |
− | jQuery('audio,video').mediaelementplayer();
| + | <link rel="stylesheet" href="css/screen.css"> |
− |
| + | <style> |
− |
| + | |
− |
| + | |
− | /* Tabs */
| + | |
− | tabsInit();
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | /* Fit Videos */
| + | |
− | jQuery(".scalevid").fitVids();
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | /* Portfolio 4 Column */
| + | |
− | jQuery('.portfolio4column').tpportfolio({
| + | |
− | speed:500,
| + | |
− | row:4,
| + | |
− | nonSelectedAlpha:0,
| + | |
− | portfolioContainer:'.portfolio'
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | /* Contact Form */
| + | |
− | if(jQuery('#contactform').length != 0){
| + | |
− | addForm('#contactform');
| + | |
− | }
| + | |
− |
| + | |
− |
| + | |
− | /* Quick Contact */
| + | |
− | if(jQuery('#quickcontact').length != 0){
| + | |
− | addForm('#quickcontact');
| + | |
− | }
| + | |
− |
| + | |
− |
| + | |
− | /* Blog Comments */
| + | |
− | if(jQuery('#replyform').length != 0){
| + | |
− | addForm('#replyform');
| + | |
− | }
| + | |
− |
| + | |
− |
| + | |
− | /* Footer Position Calculator */
| + | |
− | footerHandler();
| + | |
− |
| + | |
− | /* Twitter Customization */
| + | |
− | twitterTimelineCustomize();
| + | |
− |
| + | |
− |
| + | |
− | /* PrettyPhoto */
| + | |
− | addPrettyPhoto();
| + | |
− |
| + | |
− | });
| + | |
| | | |
| | | |
− | | + | /* #Google Font |
− | /* #On Window Load | + | |
| ================================================== */ | | ================================================== */ |
| | | |
| + | @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic); |
| | | |
− | | + | /* #Site Styles |
− | jQuery(window).load(function() {
| + | |
− |
| + | |
− | jQuery("#background").fullBg();
| + | |
− |
| + | |
− | });
| + | |
− | | + | |
− | | + | |
− | | + | |
− | /* #Twitter Customizer | + | |
| ================================================== */ | | ================================================== */ |
| | | |
| + | /* Main Container */ |
| | | |
− | function twitterTimelineCustomize() {
| + | .main { padding-bottom: 0px; } |
| + | .fullBg { position: fixed; top: 0; left: 0; overflow: hidden; } |
| + | #background { position: fixed; z-index: -1; top: 0; left: 0; overflow: hidden; display: none; } |
| | | |
− | | + | /* Background */ |
− | // Customize twitter feed
| + | |
− | var changeTwitterAttempts = 0;
| + | |
− | function changeTwitterBoxElements() {
| + | |
− | setTimeout( function() {
| + | |
− | if ( jQuery('[id*=twitter]').length ) {
| + | |
− | jQuery('[id*=twitter]').each( function(){
| + | |
− | var ibody = jQuery(this).contents().find( 'body' );
| + | |
− | if ( ibody.find( '.timeline .stream .h-feed li.tweet' ).length ) {
| + | |
− | ibody.find( '.timeline .stream .h-feed li.tweet' ).slice(2, ibody.find( '.timeline .stream .h-feed li.tweet' ).length).remove();
| + | |
− |
| + | |
− | ibody.find( '.timeline .stream').css('height',(ibody.find( '.timeline .stream ol').outerHeight()+10)+"px");
| + | |
− | jQuery( '.twitter-timeline').css('height',(ibody.find( '.timeline .stream ol').outerHeight()+10)+"px");
| + | |
− |
| + | |
− | ibody.find( '.timeline' ).css( 'border', '0px solid #000' );
| + | |
− | ibody.find( '.timeline' ).css( 'background-color', 'transparent' );
| + | |
− | ibody.find( '.tweet' ).css( 'border', "0px solid #000" );
| + | |
− | ibody.find( '.timeline .stream' ).css( 'overflow-x', 'hidden' );
| + | |
− | ibody.find( '.timeline .stream' ).css( 'overflow-y', 'hidden' );
| + | |
− | ibody.find( '.timeline-header').hide();
| + | |
− | ibody.find( '.timeline-footer').hide();
| + | |
− | ibody.find( '.timeline .load-more').hide();
| + | |
− | jQuery( '.twitter-timeline').show();
| + | |
− | ibody.find( '.timeline .stream').click(function(){
| + | |
− | clickEvent();
| + | |
− | });
| + | |
− | }
| + | |
− | else {
| + | |
− | jQuery(this).hide();
| + | |
− | }
| + | |
− | });
| + | |
− | }
| + | |
− | changeTwitterAttempts++;
| + | |
− | if ( changeTwitterAttempts < 3 ) {
| + | |
− | changeTwitterBoxElements();
| + | |
− | }
| + | |
− | }, 1500);
| + | |
− | }
| + | |
| | | |
− | changeTwitterBoxElements(); | + | .poswrapper { width: 0; margin: 0 auto; height: 100%; overflow: visible; } |
| + | .poswrapper.wide { width: 100%; margin-left: 0; margin-right: 0; height: 100%; overflow: visible; } |
| + | .whitebackground { position: fixed; top: 0; left: 50%; z-index: -1; width: 1040px; height: 100%; margin-left: -520px; background: #f5f5f5; -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.4); } |
| + | .whitebackground.full { position: fixed; top: 0; z-index: -1; width: 100%; height: 100%; left: 0; margin-left: 0px; background: #f5f5f5; } |
| + | .tiledbackground { position: fixed; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; background: url('http://damojo.net/themeforest/bravewp/wp-content/themes/brave/images/tiles/wood2.jpg') repeat; } |
| | | |
− | var timeouts;
| + | /* Header */ |
− | jQuery(window).resize(function() {
| + | |
− | clearTimeout(timeouts);
| + | |
− | timeouts= setTimeout(function() {
| + | |
− | changeTwitterBoxElements();
| + | |
− | },150);
| + | |
− | });
| + | |
− |
| + | |
− | function clickEvent(){
| + | |
− | changeTwitterBoxElements();
| + | |
− | }
| + | |
| | | |
− | } | + | .poswrapheaderline { z-index: 0; width: 0px; margin-left: auto; margin-right: auto; height: 100%; overflow: visible; position: relative; } |
| + | .poswrapheaderline.wide { z-index: 0; width: 100%; margin-left: 0; margin-right: 0; height: 100%; overflow: visible; position: relative; } |
| + | .headerline { position: absolute; z-index: 2; width: 1040px; height: 90px; margin-left: -520px; top: 0; background: #111; } |
| + | .headerline.full { position: absolute; z-index: 2; width: 100%; height: 90px; left: 0; margin-left: 0; top: 0; background: #111; } |
| + | .header { padding-top: 0; padding-bottom: 0; margin-bottom: 0; } |
| + | .logo { background: url('../images/logo.png') no-repeat left center; float: left; height: 90px; width: 150px; position: relative; z-index: 15; } |
| + | .mainmenu { float: right; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #999; height: 90px;} |
| + | .toptextline { text-align: left; position: absolute; z-index: 2; top: 91px; } |
| + | .pagetitle { position: relative; z-index: 1; float: left; margin-top: 0px; margin-bottom: 0px; background: #e5e5e5; border-bottom: 1px solid #ddd; width: 1040px; margin-left: -40px; padding-top: 25px; padding-bottom: 9px; border-top: 3px solid #ccc; } |
| + | .pagetitleholder { float: left; display: inline; width: 640px; padding-left: 50px; padding-right: 20px; } |
| + | .socialholder { float: right; width: 274px; text-align:center; padding-right: 50px; margin-top: 5px; } |
| + | .pagetitle h1 { float: left; font-size: 22px; line-height: 30px; color: #666; font-weight: 100; font-style: italic; margin-top: 2px; width: 100%; position: relative; z-index: 1; } |
| + | .socialicons { float: right; margin: 0; padding: 0; } |
| + | .socialicons li { float: left; display: inline; margin: 0; padding: 0; margin-right: 5px; } |
| + | .socialicons li:last-child { margin-right: 0; } |
| + | .socialicons div { display: none; float: left; text-align: center; width: 120px; position: absolute; margin-top: -15px; margin-left: -47px; font-size: 11px; line-height: 11px; color: #777; text-shadow: 1px 1px 0px #f5f5f5; font-style: italic; } |
| + | .socialicons li a { float: left; width: 26px; height: 26px; background-position:top; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } |
| + | .socialicons li a:hover { background-position:bottom; } |
| + | .social_facebook {background: url('../images/social/social_facebook.png') no-repeat; } |
| + | .social_twitter { background: url('../images/social/social_twitter.png') no-repeat; } |
| + | .social_rss { background: url('../images/social/social_rss.png') no-repeat; } |
| + | .social_vimeo { background: url('../images/social/social_vimeo.png') no-repeat; } |
| + | .social_googleplus { background: url('../images/social/social_googleplus.png') no-repeat; } |
| + | .social_linkedin { background: url('../images/social/social_linkedin.png') no-repeat; } |
| + | .social_pinterest { background: url('../images/social/social_pinterest.png') no-repeat; } |
| + | .social_flickr { background: url('../images/social/social_flickr.png') no-repeat; } |
| + | .social_youtube { background: url('../images/social/social_youtube.png') no-repeat; } |
| | | |
| + | /* Dividers */ |
| | | |
| + | .divide { height: 30px; margin-bottom: 23px; margin-top: 27px; } |
| + | .divide.notop { margin-top: -8px; } |
| + | .dividerline { position: absolute; z-index: 0; width: 940px; height: 0px; border-bottom: 1px solid #ddd; margin-top: 32px; } |
| + | .titledivider { position: absolute; z-index: 1; } |
| + | .divide h3 { font-size: 13px; font-weight: bold; width: 100%; text-transform: uppercase; } |
| + | .noheadline { height: 20px; } |
| + | .bottomadjust { padding-bottom: 40px; } |
| + | .divide .rightlink{ position: relative; float: right; padding-left: 10px; margin-top: 7px; z-index: 1; } |
| + | |
| + | /* Slider */ |
| | | |
− | /* #Menu Handler | + | .homeslider { float: left; display: inline; width: 1040px; margin-left: -40px; border-bottom: 3px solid #34b489; } |
− | ================================================== */ | + | .sliderspacefix { float: left; margin-bottom: 12px; } |
| + | .nosliderspacer { float: left; height: 20px; } |
| + | .slidertext h6, .slidertext h5, .slidertext h4, .slidertext h3, .slidertext h2, .slidertext h1 { margin-top: -7px; } |
| + | /* |
| + | * 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 */ |
| + | .flex-container a:active, |
| + | .flexslider a:active {outline: none;} |
| + | .slides, |
| + | .flex-control-nav, |
| + | .flex-direction-nav {margin: 0; padding: 0; list-style: none;} |
| + | /* FlexSlider Necessary Styles |
| + | *********************************/ |
| + | .flexslider {width: 100%; margin: 0; padding: 0; } |
| + | .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ |
| + | .flexslider .slides img {max-width: 100%; display: block; margin-bottom: -24px; } |
| + | .flexslider.postslider .slides img { margin: 0; padding: 0; } |
| + | .flexslider.postslider .slides img { margin-bottom: -23px; } |
| + | .flex-pauseplay span {text-transform: capitalize;} |
| + | /* Clearfix for the .slides element */ |
| + | .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} |
| + | html[xmlns] .slides {display: block;} |
| + | * html .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 Default Theme |
| + | *********************************/ |
| + | .flexslider {background: transparent; border: 0; position: relative; zoom: 1; } |
| + | .flexslider .slides {zoom: 1;} |
| + | .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 */ |
| + | .flex-caption {background: url(../images/tiles/captionbg.png) repeat 0 0; zoom: 1;} |
| + | .flex-caption {width: 100%; max-width: 90.4%; padding: 15px; padding-left: 50px; padding-right: 50px; position: absolute; left: 0px; bottom: 0px; color: #fff; /*text-shadow: 0 -1px 0 rgba(0,0,0,.9);*/ font-family: 'Open Sans', sans-serif; font-size: 14px; font-style: italic; line-height: 20px; margin-bottom: -24px; } |
| + | .flex-caption a{ font-size: 14px; font-style: italic; text-decoration:underline; line-height: 20px; color: #fff;} |
| + | .flex-caption h5 { color: #fff; font-weight: bold; margin-bottom: 2px;} |
| + | /* Direction Nav */ |
| + | ul.flex-direction-nav { position: absolute; top: 50%; margin-top: -40px; width: 100%; display: none; } |
| + | .flex-direction-nav li a {width: 80px; height: 80px; display: block; cursor: pointer; position: absolute; text-indent: -9999px;} |
| + | .flex-direction-nav li .next {left: 100%; top: 50%; margin-left: -80px; background: url('../images/tiles/arrow_right_large.png') no-repeat 0 0; } |
| + | .flex-direction-nav li .prev {left: 0; top: 50%; background: url('../images/tiles/arrow_left_large.png') no-repeat 0 0; } |
| + | .flexslider.postslider .flex-direction-nav li a {width: 40px; height: 80px; display: block; cursor: pointer; position: absolute; text-indent: -9999px;} |
| + | .flexslider.postslider .flex-direction-nav li .next {left: 100%; top: 50%; margin-left: -40px; background: url('../images/tiles/arrow_right_small.png') no-repeat 0 0; } |
| + | .flexslider.postslider .flex-direction-nav li .prev {left: 0; top: 50%; background: url('../images/tiles/arrow_left_small.png') no-repeat 0 0; } |
| + | .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} |
| + | /*.flex-direction-nav li a.next:hover { background-color: #34b489; } |
| + | .flex-direction-nav li a.prev:hover { background-color: #34b489; }*/ |
| + | /* Control Nav */ |
| + | .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} |
| + | .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} |
| + | .flex-control-nav li:first-child {margin: 0;} |
| + | .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;} |
| + | .flex-control-nav li a:hover {background-position: 0 -13px;} |
| + | .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} |
| | | |
| + | /* Teasers / Portfolio */ |
| | | |
− | function menuHandler() {
| + | h3.info { margin-bottom: 5px; margin-top: -5px; } |
| + | .lightlabel { float: left; color: #ccc; width: 50px; } |
| + | .infofield { float: left; } |
| + | .teaser { margin-bottom: 20px; padding-bottom: 16px; background: #fff; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); } |
| + | .portfolio .nopadding { margin-bottom: 0px; } |
| + | a.portfolio_selector { float: left; font-size: 11px; line-height: 20px; font-weight: normal; font-style: italic; color: #fff; background-color: #777; padding-left: 13px; padding-right: 13px; padding-top: 5px; padding-bottom: 5px; color: #fff; display: inline-block; border-bottom: 1px solid #444; text-shadow: 0px 1px 0px #444; } |
| + | .portfolio_filter ul { float: left; margin: 0; padding: 0; margin-bottom: 10px; } |
| + | .portfolio_filter ul li { margin: 0; padding: 0; float: left; list-style-type: none; display: inline-block; margin-right: 1px; margin-bottom: 1px; } |
| + | .portfolio_filter ul li:first-child a.portfolio_selector { -moz-border-radius:3px 0 0 3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-top-left-radius:3px; border-bottom-left-radius:3px; } |
| + | .portfolio_filter ul li:last-child a.portfolio_selector { -moz-border-radius:0 3px 3px 0; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-top-right-radius:3px; border-bottom-right-radius:3px; } |
| + | .teasers img, .teasers_large img { float: left; } |
| + | .teasers .topline, .teasers .subline { float: left; text-align: center; width:180px; padding-left: 20px; padding-right: 20px; } |
| + | .teasers .topline { padding-top: 19px; border-top: 3px solid #ddd; } |
| + | .teasers_large .topline, .teasers_large .subline { float: left; } |
| + | .teaser .flexslider { margin-bottom: 12px; } |
| + | .teaser .scalevid { margin-bottom: 1px; } |
| + | .teaser .mediaitem { margin-bottom: 1px; } |
| + | a .overlay { background: #34b489 url(../images/tiles/linegrid.png) repeat 0 0; } |
| + | a .overlaytext{ background: url(../images/tiles/cross.png) no-repeat; width: 51px; height: 51px; } |
| + | /*a .overlaytext{ color: #fff; background-color:#000; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 4px; font-size: 11px; font-weight: normal; text-decoration: none; line-height: 21px; }*/ |
| + | |
| + | /* Text Content */ |
| | | |
− | var defpar = jQuery('#mainmenu').parents().length; | + | .textblock { float: left; margin-bottom: -10px; margin-top: 36px; } |
| + | .textblock.right { float: right; } |
| + | .textblocksidebar { margin-bottom: -10px; margin-top: 36px; } |
| + | .textblocksidebar.right { float: right; } |
| | | |
− | jQuery('#mainmenu li >a').each(function() { | + | /* From Blog */ |
− | var a=jQuery(this);
| + | |
− | var par= a.parents().length-defpar -3;
| + | .fromblog { float: left; margin-bottom: 0px; } |
− |
| + | .topline { float: left; font-size: 12px; font-weight: bold; color: #000; line-height: 12px; width: 180px; margin-top: -1px; } |
− | var atext = a.html().split('<')[0];
| + | .topline a { color: #000; } |
− | atext = atext.toLowerCase();
| + | .fromblog .topline { } |
− | atext = atext.substr(0,1).toUpperCase() + atext.substr(1,atext.length);
| + | .subline { float: left; font-size: 11px; line-height: 16px; margin-top: 5px; color: #777; font-style: italic; width: 100%; } |
− |
| + | .subline a { color: #777; background-color: transparent; padding-bottom: 2px; padding-top: 2px; padding-left: 4px; padding-right: 4px; } |
− | if (par==0)
| + | .teasertext { float: left; margin-top: 10px; padding-left: 20px; padding-right: 20px; } |
− | var newtxt=jQuery("<div>"+atext+"</div>").text();
| + | .readmore { float: left; text-align: left; padding-left: 20px; padding-right: 20px; padding-top: 17px; } |
− | else
| + | |
− | if (par==2)
| + | |
− | var newtxt=jQuery("<div> "+atext+"</div>").text();
| + | |
− | else
| + | |
− | if (par==4)
| + | |
− | var newtxt=jQuery("<div> "+atext+"</div>").text();
| + | |
− |
| + | |
− | jQuery('#responsive-menu select').append(new Option(newtxt,a.attr('href')) );
| + | |
− | }); | + | |
| | | |
| + | /* Media Item */ |
| + | |
| + | .mediaitem { float: left; width: 220px; } |
| | | |
| + | /* Clients */ |
| | | |
− | //var aktmenu=jQuery('.current_page_item a:first').text(); | + | ul.clients { float: left; width: 100%; margin: 0; padding: 0; margin-top: 1px; } |
− | //jQuery('#responsive-menu-button').html(aktmenu); | + | ul.clients li { display: inline; } |
− | } | + | ul.clients li img { width: 19.8%; float: left; border: 1px solid #ddd; margin-right:-1px; margin-top: -1px; } |
| + | .listovereffect { -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); } |
| + | |
| + | /* Accordion */ |
| | | |
| + | ul.accordion { display: inline; float: left; width: 100%; margin: 0; padding: 0; margin-bottom: 30px; } |
| + | ul.accordion li.accordion-item { float: left; width: 100%; margin: 0; padding: 0; background: #eee; border: 1px solid #ddd; margin-top: -1px; } |
| + | ul.accordion li.accordion-item.selected { background: #fff; } |
| + | ul.accordion li.accordion-item.selected .toggleswitch { color: #333; font-weight: bold; } |
| + | ul.accordion li.accordion-item .toggleswitch { cursor: pointer; margin: 0; padding-top: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 14px; font-size: 12px; color: #777; line-height: 18px; } |
| + | ul.accordion li.accordion-item .togglegfx { float: left; height: 15px; width: 15px; background: url('../images/tiles/expand.png') no-repeat left top; padding-right: 15px; margin-bottom: 11px; margin-top: 1px; } |
| + | ul.accordion li.accordion-item.selected .toggleswitch .togglegfx { background-position: left bottom; } |
| + | ul.accordion li.accordion-item .togglecontent { margin: 0; padding-left: 20px; padding-right: 20px; } |
| | | |
| | | |
− | /* #Footer Handler | + | /* Sidebar */ |
− | ================================================== */
| + | |
| | | |
| + | .sidebar .widget { float: left; margin-bottom: 60px; width: 100%; } |
| + | .sidebar { margin-bottom: -40px; } |
| + | .sidebar .widget h5 { width: 100%; color: #777; font-size: 13px; line-height: 13px; font-weight: bold; margin-bottom: 29px; text-transform: uppercase; } |
| + | .sidebar .widget ul li { margin-bottom: 2px; } |
| + | .sidebar .widget ul { margin-bottom: 0; } |
| + | |
| + | /* Footer */ |
| | | |
| + | .footerwrap { width: 1040px; left: 50%; margin-left: -520px; background: #222222; padding: 0; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0; } |
| + | .footerwrap.full { width: 100%; left: 0; background: #222222; margin: 0; padding: 0; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0; } |
| + | .subfooterwrap { width: 1040px; left: 50%; margin-left: -520px; background: #111; padding: 0; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; } |
| + | .subfooterwrap.full { width: 100%; left: 0; background: #111; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; } |
| + | .footer { width: 960px; margin: 0 auto; color: #888; } |
| + | .subfooter { width: 960px; margin: 0 auto; color: #494949; font-size: 11px; line-height: 30px; } |
| + | .footer .subline { float: left; font-size: 11px; line-height: 11px; margin-top: 5px; color: #595959; } |
| + | .footer .widget { padding-top: 60px; padding-bottom: 60px; } |
| + | .footer .widget h5 { float: left; color: #fff; font-size: 13px; font-weight: bold; line-height: 13px; margin-bottom: 29px; border-top: 1px solid #444; padding-top: 7px; text-transform: uppercase; } |
| + | .footer strong { color: #ccc; } |
| + | .footer .widget ul li { margin-bottom: 2px; } |
| + | .footer a, .footer a:visited { color: #ccc; } |
| + | .subfooter a, .subfooter a:visited { color: #777; } |
| + | .sitenav { text-align: right; float: right; } |
| + | .footerclose { position: absolute; z-index: 1; width: 41px; height: 21px; left: 50%; margin-left: -20px; background: transparent url('../images/tiles/footerclose.png') no-repeat; cursor: pointer; } |
| + | .footeropen { position: absolute; z-index: 1; width: 41px; height: 21px; left: 50%; margin-left: -20px; background: transparent url('../images/tiles/footeropen.png') no-repeat; margin-top: -31px; cursor: pointer; display: none; } |
| + | |
| + | /* Widgets */ |
| | | |
− | function footerHandler() {
| + | .widgetclass { float: left; width: 100%; } |
| | | |
− | var main_cont = jQuery('body').find('.main:first'); | + | .widget_tweets ul { float: left; margin-bottom: 0px; width: 100%; } |
− | var footer_wrap = jQuery('body').find('.footerwrap'); | + | .widget_tweets ul li { float: left; vertical-align:top; list-style: none; margin-top: 20px; } |
− | var subfooter_wrap = jQuery('body').find('.subfooterwrap'); | + | .widget_tweets ul li:first-child { margin-top: 0px; } |
− | setInterval(function() { | + | .widget_tweets .quot { float: left; font-size: 25px; font-weight: bold; margin-right: 5px; color: #333; margin-top: 4px; margin-bottom: -4px; } |
| + | .sidebar .widget_tweets .quot { color: #ddd; } |
| | | |
− |
| + | .footer .widget_blogposts img { float: left; border: 3px solid #3e3e3e; margin-right: 10px; } |
− | var mainh = main_cont.outerHeight();
| + | .sidebar .widget_blogposts img { float: left; border: 3px solid #ddd; margin-right: 10px; } |
− | var footerh = footer_wrap.outerHeight() + subfooter_wrap.outerHeight();
| + | .widget_blogposts .postlink { float: left; width: 160px; } |
− | var windowh = jQuery(window).height();
| + | .widget_blogposts .subline { width: 160px; } |
− |
| + | .widget_blogposts ul { float: left; list-style: none; } |
− | var dif = windowh - (mainh+footerh);
| + | .widget_blogposts ul li { float: left; margin-top: 13px; } |
| + | .widget_blogposts ul li:first-child { margin-top: 0px; } |
| + | .footer .widget_blogposts ul{ margin-bottom: -2px; } |
| | | |
− | if (dif>0) {
| + | .sidebar .widget_portfolio ul { margin-bottom: -8px; } |
− | footer_wrap.stop();
| + | .footer .widget_portfolio img { float: left; border: 3px solid #3e3e3e; width: 54px; height: 54px; } |
− | footer_wrap.animate({'marginTop':dif+"px"},{duration:300,queue:false});
| + | .sidebar .widget_portfolio img { float: left; border: 3px solid #ddd; width: 54px; height: 54px; } |
− | }
| + | .widget_portfolio ul { float: left; list-style: none; } |
− |
| + | .widget_portfolio ul li { float: left; padding-bottom: 8px; padding-right: 10px; } |
− | if (dif<0) {
| + | .widget_portfolio ul li.last { padding-right: 0; } |
− | footer_wrap.stop();
| + | .footer .widget_portfolio ul { margin-bottom: -10px; } |
− | footer_wrap.animate({'marginTop':"0px"},{duration:300,queue:false});
| + | |
− |
| + | #search .searchform input { margin-bottom: 0;} |
− | }
| + | |
− | | + | |
− | // DEBUG jQuery('body').find('.khinfo').html('main:'+mainh+" footer:"+footerh+" Window:"+windowh+" dif:"+dif);
| + | |
− |
| + | |
− | },100); | + | |
| | | |
− | setInterval(function() { | + | .widget_comments span { font-size: 13px; color: #555; } |
− |
| + | .widget_comments ul li { float: left; padding-bottom: 10px; width: 100%; } |
− | jQuery('.tiledbackground').height(jQuery(document).height());
| + | .widget_comments ul li:last-child { padding-bottom: 0px; } |
− | jQuery('.whitebackground').height(jQuery(document).height());
| + | |
− |
| + | ul#recentcomments li { float: left; padding-bottom: 10px; width: 100%; } |
− | },500);
| + | ul#recentcomments li:last-child { padding-bottom: 0px; } |
| + | ul#recentcomments li:before { font-size:13px; line-height:12px; color: #555; content: "\2192 \0020"; } |
| | | |
− | }
| + | .widget_categories { float: left; margin-top: -8px; } |
− | | + | .widget_categories ul li { float: left; padding-bottom: 5px; padding-top: 4px; width: 100%; border-bottom: 1px solid #ddd; } |
− | | + | .widget_categories ul li:last-child { padding-bottom: 0px; border-bottom: 0; } |
− | | + | .widget_categories ul li a { font-size: 12px; font-weight: normal; text-decoration: none; color: #777; font-style: italic; } |
− | /* #Accordion
| + | .footer .widget_categories ul li a { color: #ccc; font-style: normal; } |
− | ================================================== */
| + | .footer .widget_categories ul li { border-bottom: 1px solid #292929; } |
− | | + | .footer .widget_categories ul li:last-child { padding-bottom: 0px; border-bottom: 0; } |
− | | + | |
− | | + | .widget_archives { float: left; margin-top: -8px; width: 100%; } |
− | function initAccordion() {
| + | .widget_archives ul li { float: left; padding-bottom: 5px; padding-top: 4px; width: 100%; border-bottom: 1px solid #ddd; } |
− | jQuery('.accordion-item').each(function(i) { | + | .widget_archives ul li:last-child { padding-bottom: 0px; border-bottom: 0; } |
− | var item=jQuery(this);
| + | .widget_archives ul li a { font-size: 12px; font-weight: normal; text-decoration: none; color: #777; font-style: italic; } |
− | item.find('.togglecontent').slideUp(0);
| + | .footer .widget_archives ul li a { color: #ccc; font-style: normal; } |
− | item.find('.toggleswitch').click(function() {
| + | .footer .widget_archives ul li { border-bottom: 1px solid #292929; } |
− | var displ = item.find('.togglecontent').css('display');
| + | .footer .widget_archives ul li:last-child { padding-bottom: 0px; border-bottom: 0; } |
− | item.closest('ul').find('.toggleswitch').each(function() {
| + | |
− | var li = jQuery(this).closest('li');
| + | |
− | li.find('.togglecontent').slideUp(300);
| + | |
− | jQuery(this).parent().removeClass("selected");
| + | |
− | });
| + | |
− | if (displ=="block") {
| + | |
− | item.find('.togglecontent').slideUp(300)
| + | |
− | item.removeClass("selected");
| + | |
− | } else {
| + | |
− | item.find('.togglecontent').slideDown(300)
| + | |
− | item.addClass("selected");
| + | |
− | }
| + | |
− | });
| + | |
− | });
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | /* #List Fade
| + | |
− | ================================================== */
| + | |
− | | + | |
− | | + | |
− | | + | |
− | function listfades(container) {
| + | |
− | jQuery(container).find('>li').each(function() {
| + | |
− | var li=jQuery(this);
| + | |
− | li.hover(
| + | |
− | function() {
| + | |
− | var li=jQuery(this);
| + | |
− | li.addClass('listover');
| + | |
− | li.find('img:first').addClass('listovereffect');
| + | |
− |
| + | |
− |
| + | |
− | jQuery(container).find('>li').each(function(i) {
| + | |
− | var lis = jQuery(this);
| + | |
− | lis.stop();
| + | |
− | if (!lis.hasClass('listover'))
| + | |
− | lis.find('img:first').animate({opacity:0.3},{duration:300,queue:false});
| + | |
− | else
| + | |
− | lis.find('img:first').animate({opacity:1},{duration:300,queue:false});
| + | |
− | });
| + | |
− | },
| + | |
− | function() {
| + | |
− | var li=jQuery(this);
| + | |
− | li.removeClass('listover');
| + | |
− | li.find('img:first').removeClass('listovereffect');
| + | |
− | li.siblings().each(function() {
| + | |
− | var lis = jQuery(this);
| + | |
− | lis.stop();
| + | |
− | lis.find('img:first').animate({opacity:1},{duration:300,queue:false});
| + | |
− | });
| + | |
− |
| + | |
− | li.stop();
| + | |
− | li.find('img:first').animate({opacity:1},{duration:300,queue:false});
| + | |
− | });
| + | |
− | });
| + | |
− | } | + | |
− | | + | |
− | | + | |
− | | + | |
− | /* #Pretty Photo
| + | |
− | ================================================== */
| + | |
− | | + | |
− | | + | |
− | | + | |
− | function addPrettyPhoto() {
| + | |
− | /* PrettyPhoto init */
| + | |
− | jQuery("a[data-rel^='prettyPhoto']").prettyPhoto({
| + | |
− | theme: 'pp_default',
| + | |
− | overlay_gallery: false,
| + | |
− | show_title: false,
| + | |
− | social_tools: false,
| + | |
− | hideflash: true
| + | |
− | });
| + | |
− | } | + | |
− | | + | |
− | | + | |
− | | + | |
− | /* #Site Tabs
| + | |
− | ================================================== */
| + | |
− | | + | |
− | | + | |
− | | + | |
− | function tabsInit() {
| + | |
| | | |
− | /* | + | .widget_quickcontact { float: left; width: 100%; } |
− | * Skeleton V1.1
| + | |
− | * Copyright 2011, Dave Gamache
| + | |
− | * www.getskeleton.com
| + | |
− | * Free to use under the MIT license.
| + | |
− | * http://www.opensource.org/licenses/mit-license.php
| + | |
− | * 8/17/2011
| + | |
− | */
| + | |
| | | |
− | /* Tabs Activiation | + | .widget_text { float: left; width: 100%; } |
− | ================================================== */
| + | |
| | | |
− | var tabs = jQuery('ul.tabs'); | + | /* Mainmenu */ |
| + | |
| + | .ddsmoothmenu{ position: relative; float: right; margin: 0; z-index: 99; } |
| + | .ddsmoothmenu ul{ z-index: 100; margin: 0; padding: 0; list-style-type: none; } |
| + | .ddsmoothmenu ul ul{ padding-top: 0px; padding-bottom: 0px; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); } |
| + | /*Top level list items*/ |
| + | .ddsmoothmenu ul li{ position: relative; display: inline; float: left; line-height: 12px; background: transparent; } |
| + | .ddsmoothmenu ul li ul li{ padding: 0; margin: 0; } |
| + | .ddsmoothmenu ul ul ul{ border-bottom: 0; } |
| + | /*Top level menu link items style*/ |
| + | .ddsmoothmenu ul li a{ display: block; text-decoration: none; padding-left: 28px; padding-right: 28px; padding-top: 28px; padding-bottom: 49px; } |
| + | * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } |
| + | .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ background: #111; color: #fff; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 13px; } |
| + | .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li.current-menu-item a, .ddsmoothmenu ul li.current-menu-ancestor a { background: #353535; -webkit-box-shadow: inset 0px -20px 15px -15px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px -20px 15px -15px rgba(0, 0, 0, 0.4); box-shadow: inset 0px -20px 15px -15px rgba(0, 0, 0, 0.4); border-bottom: 3px solid #34b489; } |
| + | .ddsmoothmenu ul li a.selected { background: #353535; -webkit-box-shadow: inset 0px -20px 15px -15px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px -20px 15px -15px rgba(0, 0, 0, 0.4); box-shadow: inset 0px -20px 15px -15px rgba(0, 0, 0, 0.4); border-bottom: 3px solid #34b489; } |
| + | .ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{ background: #222; color: #fff; padding-left: 30px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom: 1px solid #111; } |
| + | .ddsmoothmenu ul li ul li a:hover{ } |
| + | .ddsmoothmenu ul li span { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; font-weight: normal; font-style: italic; color: #999; margin-top: 9px; } |
| + | /*1st sub level menu*/ |
| + | .ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; visibility: hidden; } |
| + | .ddsmoothmenu ul li.current-menu-item ul, .ddsmoothmenu ul li.current-menu-ancestor ul { margin-top: -3px; } |
| + | /*Sub level menu list items (undo style from Top level List Items)*/ |
| + | .ddsmoothmenu ul li ul li{ display: list-item; float: none; padding-bottom: 0px; } |
| + | /*All subsequent sub menu levels vertical offset after 1st level sub menu */ |
| + | .ddsmoothmenu ul li ul li ul { padding: 0; margin-left: 0px; margin-top: 1px; } |
| + | .ddsmoothmenu ul li.current-menu-item ul li ul, .ddsmoothmenu ul li.current-menu-ancestor ul li ul { margin-top: 0px; } |
| + | /* Sub level menu links style */ |
| + | .ddsmoothmenu ul li ul li a{ width: 170px; /*width of sub menus*/ padding: 12px; padding-bottom: 13px; margin: 0; border-top-width: 0; margin-right: 0px; height: auto; border-bottom: 1px solid #111; border-top: 1px solid #333; } |
| + | .ddsmoothmenu > ul > li > ul > li:last-child a { border-bottom: 0; } |
| + | .ddsmoothmenu > ul > li > ul > li > ul li a { border-bottom: 1px solid #111 !important; } |
| + | .ddsmoothmenu > ul > li > ul > li > ul > li:last-child a { border-bottom: 0 !important; } |
| + | .ddsmoothmenu ul li ul li:first-child a { border-top: 0; } |
| + | .ddsmoothmenu li li ul, |
| + | .ddsmoothmenu li li li ul { margin: 0 0 0 0; } |
| + | /* Holly Hack for IE \*/ |
| + | * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/ |
| + | /* CSS classes applied to down and right arrow images */ |
| + | .downarrowclass{ visibility: hidden; } |
| + | .rightarrowclass{ visibility: hidden;} |
| | | |
− | tabs.each(function(i) {
| + | /* Blog */ |
| | | |
− | //Get all tabs
| + | .blogpost { float: left; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd; } |
− | var tab = jQuery(this).find('> li > a');
| + | .textblock .blogpost:last-child { border-bottom: 0; } |
− | tab.click(function(e) {
| + | .blogsingle .blogpost { padding-bottom: 0; margin-bottom: 20px; border-bottom: 0; } |
| + | .blogpost.noborderbottom { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } |
| + | .postholder { float: left; width: 550px; } |
| + | .fullblog .postholder { float: left; width: 850px; } |
| + | .nodate .postholder { float: left; width: 640px; } |
| + | .nodate.fullblog .postholder { float: left; width: 940px; } |
| + | .blogimage { float: left; margin-bottom: 14px; width: 100%; } |
| + | .sideview .blogimage { float: left; margin-bottom: -6px; width: 100%; } |
| + | .blogimage .flexslider { margin-bottom: 18px; } |
| + | .blogimage .scalevid { margin-bottom: 6px;} |
| + | .blogimage .mediaitem { float: left; width: 550px; margin-bottom: 6px; } |
| + | .fullblog .blogimage .mediaitem { width: 850px; } |
| + | .nodate .blogimage .mediaitem { float: left; width: 640px; margin-bottom: 6px; } |
| + | .nodate.fullblog .blogimage .mediaitem { width: 940px; } |
| + | .sideview.fullblog .blogimage { float: left; width: 405px; } |
| + | .sideview.fullblog .postbody { float: right; width: 405px; } |
| + | .sideview.fullblog.nodate .blogimage { float: left; width: 450px; } |
| + | .sideview.fullblog.nodate .postbody { float: right; width: 450px; } |
| + | .sideview.fullblog .mediaitem { float: left; width: 405px; height: 100px; } |
| + | .sideview.fullblog.nodate .mediaitem { float: left; width: 450px; height: 100px; } |
| + | .moreprojects { float: left; width: 100%; padding-top: 20px; border-top: 1px solid #ddd; } |
| + | .postbody { float: left; border-left: 0; padding-left: 0px; } |
| + | .blogdate { float: left; width: 60px; margin-right: 30px; background: #fff; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); } |
| + | .blogdate .month { font-size: 12px; line-height: 12px; padding-top: 3px; padding-bottom: 4px; font-weight: bold; color: #fff; background: #34b489; width: 100%; float: left; text-align: center; } |
| + | .blogdate .day { font-weight: bold; font-size: 30px; line-height: 30px; padding-top: 1px; padding-bottom: 0px; width: 100%; float: left; text-align: center; } |
| + | .blogdate .year { font-size: 12px; line-height: 12px; padding-bottom: 4px; width: 100%; float: left; text-align: center; } |
| + | .blogdate span { float: left; font-size: 12px; line-height: 12px; font-weight: bold; color: #777; margin-top: -3px; padding-bottom: 8px; } |
| + | .blogtitle { float: left; width: 100%; } |
| + | .blogtitle h4 { margin-top: -3px; color: #000; font-size: 19px; line-height: 19px; font-weight: bold; margin-bottom: 18px; text-transform: none; } |
| + | .blogtitle h4 a { color: #000; } |
| + | .postinfo { float: left; font-size: 11px; line-height: 20px; font-style: italic; margin-bottom: 14px; margin-top: -11px; color: #999; width: 100%; } |
| + | .postinfo a { color: #999; } |
| + | .dateinfo { display: none; } |
| + | .sideview.fullblog .blogtitle { float: right; width: 405px; } |
| + | .sideview.fullblog .postinfo { float: right; width: 405px; } |
| + | .sideview.fullblog.nodate .blogtitle { float: right; width: 450px; } |
| + | .sideview.fullblog.nodate .postinfo { float: right; width: 450px; } |
| + | .postcontent { float: left; width: 100%; } |
| + | .postnav { float: left; width: 100%; border-top: 1px solid #ddd; padding-top: 28px; margin-top: -7px; margin-bottom: 30px; } |
| | | |
− | //Get Location of tab's content
| + | /* Comments */ |
− | var contentLocation = jQuery(this).attr('href');
| + | |
| | | |
− | //Let go if not a hashed one
| + | #comments { width: 100%; float: left; margin-bottom: 35px; margin-top: 2px; } |
− | if(contentLocation.charAt(0)=="#") {
| + | #comments ol, #comments ul { position: relative; list-style: none; margin:0; padding:0; zoom: 1.0; } |
| + | #comments .commentwrap { float: left; width: 100%; background: #fff; margin-bottom: 20px; margin-left: 0; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); padding: 30px; padding-left: 0; padding-bottom: 10px; border-top: 3px solid #ddd; } |
| + | #comments .commentwrap .posterpic{ float: left; width: 40px; height: 40px; border: 5px solid #ddd; margin-right: 10px; margin-left: 30px; } |
| + | #comments .commentwrap .author { font-family: 'Open Sans', sans-serif; color: #000; margin-left: 30px; font-size: 13px; font-weight: normal; font-style: normal; line-height: 13px; text-transform: capitalize; margin-top: -1px; } |
| + | #comments .commentwrap .author a { color: #000; } |
| + | .timestamp { margin-left: 30px; font-size: 11px; line-height: 16px; margin-top: 5px; color: #777; font-style: italic; border-bottom: 1px solid #eee; padding-bottom: 6px; } |
| + | #comments .commentwrap .postertext{ font-size: 12px; display: inline-block; margin-left: 30px; margin-top: 12px; } |
| + | #comments .replylink { position: absolute; right: 30px; margin-top: 15px; } |
| + | #comments .replylink a { font-size: 12px; font-weight: normal; text-decoration: none; color: #777; font-style: italic; } |
| + | #comments .depth-1 { padding-left: 0px; } |
| + | #comments .depth-2 { padding-left: 20px; } |
| + | #comments .depth-3 { padding-left: 40px; } |
| + | #comments .depth-4 { padding-left: 60px; } |
| + | #comments .depth-5 { padding-left: 80px; } |
| + | #comments .depth-1 .commentwrap { width: 608px; } |
| + | #comments .depth-2 .commentwrap { width: 588px; } |
| + | #comments .depth-3 .commentwrap { width: 568px; } |
| + | #comments .depth-4 .commentwrap { width: 548px; } |
| + | #comments .depth-5 .commentwrap { width: 528px; } |
| + | .fullblog #comments .depth-1 .commentwrap { width: 910px; } |
| + | .fullblog #comments .depth-2 .commentwrap { width: 890px; } |
| + | .fullblog #comments .depth-3 .commentwrap { width: 870px; } |
| + | .fullblog #comments .depth-4 .commentwrap { width: 850px; } |
| + | .fullblog #comments .depth-5 .commentwrap { width: 830px; } |
| | | |
− | e.preventDefault();
| + | /* Comments Reply */ |
− | | + | |
− | //Make Tab Active
| + | |
− | tab.removeClass('active');
| + | |
− | jQuery(this).addClass('active');
| + | |
− | | + | |
− | //Show Tab Content & add active class
| + | |
− | jQuery(contentLocation).show().addClass('active').siblings().hide().removeClass('active');
| + | |
− | | + | |
− | }
| + | |
− | });
| + | |
− | });
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | /* #Site Hover Effects | + | |
− | ================================================== */
| + | |
− | | + | |
− | | + | |
− | | + | |
− | function hoverEffects() {
| + | |
| | | |
− | /* Button Hover */
| + | #respond { float: left; margin-top: 2px; margin-bottom: 28px; } |
− | jQuery("a.button, button").hover(function() { | + | #respond textarea { width: 618px; max-width: 618px; float: left; } |
− | jQuery(this).animate({ backgroundColor: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | #respond input { float: left; width: 184px; margin-right: 10px; } |
− | jQuery(this).css("text-shadow", "none");
| + | #respond input.last { margin-right: 0px; width: 186px; } |
− | jQuery(this).css("border-bottom", "1px solid #777");
| + | .fullblog #respond textarea { width: 920px; max-width: 920px; float: left; } |
− | },function() {
| + | .fullblog #respond input { float: left; width: 285px; margin-right: 10px; } |
− | jQuery(this).animate({ backgroundColor: "#777" },{duration:200,queue:false}, 'easeOutSine');
| + | .fullblog #respond input.last { margin-right: 0px; width: 286px; } |
− | jQuery(this).css("text-shadow", "0px 1px 0px #444");
| + | |
− | jQuery(this).css("border-bottom", "1px solid #444");
| + | |
− | }); | + | |
| | | |
− | /* Border Hover */
| + | /* Pagination */ |
− | jQuery(".footer a.borderhover img").hover(function() {
| + | |
− | jQuery(this).animate({ borderColor: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ borderColor: "#3e3e3e" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | });
| + | |
− | jQuery("a.borderhover img").not(".footer a.borderhover img").hover(function() {
| + | |
− | jQuery(this).animate({ borderColor: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ borderColor: "#ddd" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | });
| + | |
| | | |
− | /* Social Tooltip Hover */ | + | .blogpages { float:left; } |
− | function addSocialHover(socialitem) {
| + | .blogpages ul{ float: left; } |
− | var descrdiv = jQuery(socialitem).parent().find('div');
| + | .blogpages li { display: inline; float: left; padding-right: 5px; } |
− | jQuery(socialitem).hover(function() {
| + | .blogpages li a{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #777; border: 0; padding-left: 13px; padding-right: 13px; padding-top: 5px; padding-bottom: 5px; color: #fff; display: inline-block; font-size: 11px; font-weight: normal; text-decoration: none; font-style: italic; cursor: pointer; line-height: 21px; font-family: Helvetica, Arial, sans-serif; } |
− | descrdiv.css("opacity", "0");
| + | .blogpages li .selected{ color: #fff; background: #34b489; cursor: default; } |
− | descrdiv.css("display", "block");
| + | |
− | descrdiv.animate({opacity:1},{duration:200,queue:false});
| + | |
− | },function() {
| + | |
− | descrdiv.animate({opacity:0},{duration:200,queue:false});
| + | |
− | });
| + | |
− | }
| + | |
− | addSocialHover("a.social_facebook");
| + | |
− | addSocialHover("a.social_twitter");
| + | |
− | addSocialHover("a.social_rss");
| + | |
− | addSocialHover("a.social_vimeo");
| + | |
− | addSocialHover("a.social_googleplus");
| + | |
− | addSocialHover("a.social_linkedin");
| + | |
− | addSocialHover("a.social_flickr");
| + | |
− | addSocialHover("a.social_youtube");
| + | |
− | addSocialHover("a.social_pinterest"); | + | |
| | | |
− | /* Link Hover */
| + | /* Contact */ |
− | jQuery("a").not(".author a, a.button, .tabs a, .topline a, a.portfolio_selector, .footer a, .subfooter a, .flex-caption a, .mainmenu a, a.titlelink, a.link, a.linkbg, .subline a, h6 a, h5 a, h4 a, h3 a, h2 a, h1 a, .blogpages li a").hover(function() {
| + | |
− | jQuery(this).animate({ color: "#000" },{duration:200,queue:false}, 'easeOutSine');
| + | .mapsholder { float: left; display: inline; width: 1040px; margin-left: -40px; border-bottom: 3px solid #ddd; margin-bottom: 20px; } |
− | },function() { | + | #googlemap { width: 100%; height: 300px; float: left; } |
− | jQuery(this).animate({ color: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | #contactform input { float: left; width: 203px; margin-right: 10px; } |
− | });
| + | #contactform input.last { margin-right: 0px; } |
− | jQuery(".topline a").hover(function() {
| + | #contactform textarea { float: left; width: 438px; max-width: 438px; height: 200px; } |
− | jQuery(this).animate({ color: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | .errormessage, .sendingmessage, .successmessage { float: left; color: #777; font-size: 12px; line-height: 30px; text-decoration: none; display: none; width: 100%; } |
− | },function() {
| + | .errormessage { color: #34b489; } |
− | jQuery(this).animate({ color: "#333" },{duration:200,queue:false}, 'easeOutSine');
| + | input[type="text"].formerror, textarea.formerror { border: 1px solid #34b489; } |
− | });
| + | |
− | jQuery(".blogpages li a").not(".blogpages li a.selected").hover(function() {
| + | |
− | jQuery(this).animate({ backgroundColor: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ backgroundColor: "#777" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | });
| + | |
− | jQuery("h6 a, h5 a, h4 a, h3 a, h2 a, h1 a").not(".blogtitle h4 a").hover(function() { | + | |
− | jQuery(this).animate({ color: "#000" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ color: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | });
| + | |
− | jQuery(".blogtitle h4 a, .author a").hover(function() { | + | |
− | jQuery(this).animate({ color: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ color: "#000" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | });
| + | |
− | jQuery(".footer a").hover(function() { | + | |
− | jQuery(this).animate({ color: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ color: "#ccc" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | }); | + | |
− | jQuery(".subfooter a").hover(function() { | + | |
− | jQuery(this).animate({ color: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ color: "#777" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | });
| + | |
− | jQuery(".flex-caption a").hover(function() {
| + | |
− | jQuery(this).animate({ color: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ color: "#fff" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | });
| + | |
− | jQuery("a.link").hover(function() { | + | |
− | jQuery(this).animate({ color: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ color: "#777" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | });
| + | |
− | jQuery("a.linkbg").hover(function() {
| + | |
− | jQuery(this).animate({ color: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | jQuery(this).css("backgroundColor", "transparent");
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ color: "#fff" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | jQuery(this).css("backgroundColor", $apex_highlightcolor);
| + | |
− | });
| + | |
− | jQuery(".subline a").hover(function() { | + | |
− | jQuery(this).animate({ color: "#fff" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | jQuery(this).css("backgroundColor", $apex_highlightcolor);
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ color: "#777" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | jQuery(this).css("backgroundColor", "transparent");
| + | |
− | });
| + | |
− | jQuery("a.titlelink, .postinfo a").hover(function() { | + | |
− | jQuery(this).animate({ color: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ color: "#999" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | });
| + | |
| | | |
− | /* Top Level Menu Hover
| + | /* Content Shortcodes */ |
− | jQuery(".ddsmoothmenu ul li a").hover(function() {
| + | |
− | jQuery(this).animate({ backgroundColor: "#222" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | },function() {
| + | |
− | jQuery(this).animate({ backgroundColor: "#111" },{duration:200,queue:false}, 'easeOutSine');
| + | |
− | });*/
| + | |
| | | |
− | /* Sub Menu Hover */ | + | .contentdivider { float: left; width: 100%; height: 0; border-bottom: 1px solid #ddd; margin-bottom: 30px; margin-top: 10px; } |
− | jQuery(".ddsmoothmenu ul li ul li a").hover(function() { | + | .one_half { width: 48%; } |
− | jQuery(this).animate({ backgroundColor: $apex_highlightcolor },{duration:200,queue:false}, 'easeOutSine');
| + | .one_third { width: 30.66%; } |
− | },function() { | + | .two_third { width: 65.33%; } |
− | jQuery(this).animate({ backgroundColor: "#222222" },{duration:200,queue:false}, 'easeOutSine');
| + | .one_fourth { width: 22%; } |
− | }); | + | .one_fifth { width: 16.8%; } |
| + | .one_sixth { width: 13.33%; } |
| + | .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth { margin-right: 4%; margin-bottom: 10px; float: left; } |
| + | .lastcolumn { margin-right: 0!important; clear: right; } |
| | | |
− | /* Image Hover */
| + | /* #Pricing |
− | jQuery('.hovering').hover(
| + | ================================================== */ |
− | function() {
| + | |
− | var $this=jQuery(this);
| + | |
− | var $bordertop=jQuery(this).parent().find('.topline');
| + | |
− | var $borderbottom=jQuery(this).parent();
| + | |
− |
| + | |
− | if (jQuery.browser.msie && jQuery.browser.version==8) {
| + | |
− | jQuery('body').data('somethinghovered',1);
| + | |
− | }
| + | |
− |
| + | |
− | if (!$this.find('img:first').hasClass("underanimation")) {
| + | |
− | if (jQuery.browser.msie && jQuery.browser.version<9 && $this.find('.overlay').length>0) {
| + | |
− | // IS ALREADY IN ACTION
| + | |
− |
| + | |
− | } else {
| + | |
− |
| + | |
− | var img = $this.find('img:first');
| + | |
− | var w=img.width();
| + | |
− | var h=img.height();
| + | |
− | var btw = parseInt(img.css('border-top-width'),0);
| + | |
− | var blw = parseInt(img.css('border-left-width'),0);
| + | |
− | if (btw>0 && btw<1000) {
| + | |
− | } else {
| + | |
− | btw=0;
| + | |
− | }
| + | |
− | if (blw>0 && blw<1000) {
| + | |
− | } else {
| + | |
− | blw=0;
| + | |
− | }
| + | |
− |
| + | |
− |
| + | |
− | var t=img.position().top + btw;
| + | |
− | var l=img.position().left + blw;
| + | |
− |
| + | |
− |
| + | |
− | // ADD THE OVERLAY ON THE A TAG BY HOVER
| + | |
− |
| + | |
− | $this.append('<div class="overlay" style="overflow:hidden;position:absolute;cursor:pointer;"></div>');
| + | |
− |
| + | |
− | $this.find('.overlay').css({'top':t+'px',
| + | |
− | 'left':l+'px',
| + | |
− | 'width':w+'px',
| + | |
− | 'height':h+'px'});
| + | |
− |
| + | |
− | $this.find('.overlay').css({'opacity':0});
| + | |
− | $this.find('.overlay').animate({'opacity':0.25},{duration:350,queue:false}, 'easeOutSine');
| + | |
− |
| + | |
− | /* Border Animate */
| + | |
− | $bordertop.animate({ borderColor: $apex_highlightcolor },{duration:350,queue:false}, 'easeOutSine');
| + | |
− | $borderbottom.animate({ borderColor: $apex_highlightcolor },{duration:350,queue:false}, 'easeOutSine');
| + | |
− |
| + | |
− | // ADD THE TEXT CAPTION ON THE HOVERED A TAG IMAGE
| + | |
− | if ($this.data('text')!=undefined) {
| + | |
− | $this.append('<div class="overlaytext" style="position:absolute;top:'+t+'px;left:'+(l+40)+'px;opacity:0.0">'+$this.data("text")+'</div>');
| + | |
− | var txt=$this.find('.overlaytext');
| + | |
− |
| + | |
− | txt.css({'top':(t+h/2-parseInt(txt.outerHeight(),0)/2)+"px"});
| + | |
− | txt.css({'left':(l+w/2-parseInt(txt.outerWidth(),0)/2)+"px"});
| + | |
− | txt.animate({'opacity':'1.0'},{duration:350,queue:false}, 'easeOutExpo');
| + | |
− | }
| + | |
− |
| + | |
− | }
| + | |
− | }
| + | |
− | },
| + | |
− | function() {
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | var $this=jQuery(this);
| + | |
− | var $bordertop=jQuery(this).parent().find('.topline');
| + | |
− | var $borderbottom=jQuery(this).parent();
| + | |
− | $this.find('.overlay').stop();
| + | |
− | $this.find('.overlay').animate({'opacity':0},{duration:350,queue:false}, 'easeOutSine');
| + | |
− | $this.find('.overlaytext').animate({'opacity':0},{duration:350,queue:false}, 'easeOutSine');
| + | |
− | $bordertop.animate({ borderColor: "#ddd" },{duration:350,queue:false}, 'easeOutSine');
| + | |
− | $borderbottom.animate({ borderColor: "#ddd" },{duration:350,queue:false}, 'easeOutSine');
| + | |
− | $this.data('removetimer',setTimeout(function() {
| + | |
− | $this.find('.overlay').remove();
| + | |
− | $this.find('.overlaytext').remove();
| + | |
− |
| + | |
− | },350));
| + | |
− |
| + | |
− | });
| + | |
| | | |
− | } | + | .pricing { float: left; width: 100%; margin-top: 0px; margin-bottom: 20px; } |
| + | .pricing ul { float: left; text-align: center; border: 1px solid #ddd; margin: 0; margin-right: -2px; } |
| + | .pricing .pricecol ul li { margin: 0; } |
| + | .pricing .thead { font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 20px; font-weight: normal; background: #333; color: #fff; padding: 20px; padding-top: 10px; padding-bottom: 10px; } |
| + | .pricing .price { font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 25px; font-weight: bold; background: #555; color: #fff; padding: 20px; padding-top: 15px; padding-bottom: 15px; } |
| + | .pricing .price span { font: 12px Helvetica, Arial, sans-serif; font-size: 11px; line-height: 12px; color: #aaa; } |
| + | .pricing .item { background: #eee; color: #555; padding: 20px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; } |
| + | .pricing .buy { background: #e5e5e5; color: #555; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #ddd; margin-top: -1px; } |
| + | |
| + | .pricing .light .thead { background: #999; color: #fff; } |
| + | .pricing .light .price { background: #ddd; color: #555; } |
| + | .pricing .light .price span { color: #777; } |
| + | |
| + | .pricecol.highlight ul { margin-top: -10px; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); } |
| + | .pricing .highlight .thead { background: #34b489; color: #fff; padding-top: 20px; } |
| + | .pricing .highlight .price { background: #f5f5f5; color: #34b489; } |
| + | .pricing .highlight .price span { color: #888; } |
| + | .pricing .highlight .item { background: #fff; padding-top: 15px; padding-bottom: 15px; } |
| + | .pricing .highlight .buy { background: #f5f5f5; color: #555; padding-top: 15px; padding-bottom: 25px; border-top: 1px solid #eee; } |
| + | |
| + | .pricing.fivecols .pricecol ul { float: left; width: 20%; } |
| + | .pricing.fourcols .pricecol ul { float: left; width: 25%; } |
| + | .pricing.threecols .pricecol ul { float: left; width: 33.3%; } |
| + | .pricing span.no { background: url('../images/tiles/remove.png') no-repeat; padding-left: 30px; padding-right: 30px; } |
| + | .pricing span.yes { background: url('../images/tiles/check.png') no-repeat; padding-left: 30px; padding-right: 30px; } |
| | | |
− | | + | /* #Page Styles |
− | | + | |
− | | + | |
− | /* #Background Image | + | |
| ================================================== */ | | ================================================== */ |
| | | |
| + | .content { padding-top: 20px; } |
| + | .content.right { float: right; } |
| | | |
− | | + | /* #Media Queries |
− | /**
| + | |
− | * jQuery.fullBg
| + | |
− | * Version 1.0
| + | |
− | * Copyright (c) 2010 c.bavota - http://bavotasan.com
| + | |
− | * Dual licensed under MIT and GPL.
| + | |
− | * Date: 02/23/2010
| + | |
− | **/
| + | |
− | (function($) {
| + | |
− | $.fn.fullBg = function(){
| + | |
− | var bgImg = $(this);
| + | |
− |
| + | |
− | function resizeImg() {
| + | |
− | var imgwidth = bgImg.width();
| + | |
− | var imgheight = bgImg.height();
| + | |
− |
| + | |
− | var winwidth = $(window).width();
| + | |
− | var winheight = $(window).height();
| + | |
− |
| + | |
− | var widthratio = winwidth / imgwidth;
| + | |
− | var heightratio = winheight / imgheight;
| + | |
− |
| + | |
− | var widthdiff = heightratio * imgwidth;
| + | |
− | var heightdiff = widthratio * imgheight;
| + | |
− |
| + | |
− | if(heightdiff>winheight) {
| + | |
− | bgImg.css({
| + | |
− | width: winwidth+'px',
| + | |
− | height: heightdiff+'px'
| + | |
− | });
| + | |
− | } else {
| + | |
− | bgImg.css({
| + | |
− | width: widthdiff+'px',
| + | |
− | height: winheight+'px'
| + | |
− | });
| + | |
− | }
| + | |
− | }
| + | |
− | resizeImg();
| + | |
− | bgImg.fadeIn('fast');
| + | |
− | $(window).resize(function() {
| + | |
− | resizeImg();
| + | |
− | });
| + | |
− | };
| + | |
− | })(jQuery)
| + | |
− | | + | |
− | | + | |
− | | + | |
− | /* #Forms | + | |
| ================================================== */ | | ================================================== */ |
| | | |
| | | |
| | | |
− | function addForm(formtype) {
| + | /* Smaller than standard 960 (devices and browsers) */ |
− | | + | @media only screen and (max-width: 959px) { |
− | var formid = jQuery(formtype); | + | |
− | var emailsend = false;
| + | |
− |
| + | |
− | formid.find("button[name=send]").click(sendemail);
| + | |
− |
| + | |
− | function validator() { | + | |
| | | |
− | var emailcheck = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
| + | } |
− | var othercheck = /.{4}/;
| + | |
− | var noerror = true;
| + | |
− |
| + | |
− | formid.find(".requiredfield").each(function () {
| + | |
− |
| + | |
− | var fieldname = jQuery(this).attr('name');
| + | |
− | var value = jQuery(this).val();
| + | |
− | if(value == "Name *" || value == "Email *" || value == "Message *"){
| + | |
− | value = "";
| + | |
− | }
| + | |
| | | |
− | if(fieldname == "email"){
| + | /* Tablet Portrait size to standard 960 (devices and browsers) */ |
− | if (!emailcheck.test(value)) {
| + | @media only screen and (min-width: 768px) and (max-width: 959px) { |
− | jQuery(this).addClass("formerror");
| + | .dividerline { width: 748px; } |
− | noerror = false;
| + | .dividerlinehalf { width: 364px; } |
− | } else {
| + | .footer, .subfooter { width: 768px; } |
− | jQuery(this).removeClass("formerror");
| + | .widget_blogposts .postlink { width: 110px; } |
− | }
| + | .widget_blogposts .subline { width: 110px; } |
− | }else{
| + | .widget input[type="text"], .widget input[type="password"], .widget input[type="email"], .widget textarea, .widget select {width: 150px;} |
− | if (!othercheck.test(value)) {
| + | .whitebackground, .headerline, .footerwrap, .subfooterwrap { width: 848px; margin-left: -424px;} |
− | jQuery(this).addClass("formerror");
| + | .pluswrap.half { width: 342px; } |
− | noerror = false;
| + | .ddsmoothmenu ul li a { padding-left: 20px; padding-right: 20px; } |
− | } else {
| + | #respond input { width: 140px; max-width: 140px; } |
− | jQuery(this).removeClass("formerror");
| + | #respond input.last { width: 142px; max-width: 142px; } |
− | }
| + | #respond textarea { width: 486px; max-width: 486px; } |
− | }
| + | #contactform input { width: 155px; } |
− | }) | + | #contactform textarea { width: 342px; max-width: 342px; } |
− | | + | #comments .depth-1 .commentwrap { width: 476px; } |
− | if(!noerror){ | + | #comments .depth-2 .commentwrap { width: 456px; } |
− | formid.find(".errormessage").fadeIn();
| + | #comments .depth-3 .commentwrap { width: 436px; } |
− | } | + | #comments .depth-4 .commentwrap { width: 416px; } |
− | | + | #comments .depth-5 .commentwrap { width: 396px; } |
− | return noerror; | + | .fullblog #comments .depth-1 .commentwrap { width: 718px; } |
| + | .fullblog #comments .depth-2 .commentwrap { width: 698px; } |
| + | .fullblog #comments .depth-3 .commentwrap { width: 678px; } |
| + | .fullblog #comments .depth-4 .commentwrap { width: 658px; } |
| + | .fullblog #comments .depth-5 .commentwrap { width: 638px; } |
| + | .fullblog #respond textarea { width: 726px; max-width: 726px; } |
| + | .fullblog #respond input { width: 220px; max-width: 220px; } |
| + | .fullblog #respond input.last { width: 222px; max-width: 222px; } |
| + | .pagetitle { width: 848px; } |
| + | .pagetitleholder { width: 448px; } |
| + | .homeslider, .mapsholder { width: 848px; } |
| + | .flex-caption { max-width: 88.3%; } |
| + | .teasers .topline, .teasers .subline { width:132px; } |
| + | .mediaitem { width: 172px;} |
| + | .postholder, .blogimage .mediaitem { width: 418px; } |
| + | .fullblog .postholder, .fullblog .blogimage .mediaitem { width: 658px; } |
| + | .nodate .postholder, .nodate .blogimage .mediaitem { width: 508px; } |
| + | .nodate.fullblog .postholder, .nodate.fullblog .blogimage .mediaitem { width: 748px; } |
| + | .sideview.nodate.fullblog .blogimage { width: 354px; } |
| + | .sideview.nodate.fullblog .postbody { width: 354px; } |
| + | .sideview.fullblog .blogimage { width: 309px; } |
| + | .sideview.fullblog .postbody { width: 309px; } |
| + | .sideview.fullblog .blogimage .mediaitem { width: 309px; } |
| + | .sideview.fullblog.nodate .blogimage .mediaitem { width: 354px; } |
| + | .sideview.fullblog .blogtitle { float: right; width: 309px; } |
| + | .sideview.fullblog .postinfo { float: right; width: 309px; } |
| + | .sideview.fullblog.nodate .blogtitle { float: right; width: 354px; } |
| + | .sideview.fullblog.nodate .postinfo { float: right; width: 354px; } |
| } | | } |
− | | + | |
− | function resetform() { | + | /* All Mobile Sizes (devices and browser) */ |
− | formid.find("input").each(function () { | + | @media only screen and (max-width: 767px) { |
− | jQuery(this).val("");
| + | .mainmenu { float: left; width: 100%; } |
− | }) | + | .slidertext h6, .slidertext h5, .slidertext h4, .slidertext h3, .slidertext h2, .slidertext h1 { margin-top: 20px; } |
− | formid.find("textarea").val(""); | + | .slidertext { margin-bottom: 20px; margin-top: 10px; height: auto; } |
− | emailsend = false; | + | .flex-caption { display: none; } |
| + | .teaser { margin-bottom: 20px; text-align: left; } |
| + | .teaser img{ width: 420px; } |
| + | .portfolio_filter { margin-bottom: 20px; text-align: center; } |
| + | .portfolio .teaser { margin-bottom: 20px; } |
| + | .footer .widget { margin-bottom: 52px; } |
| + | .widget_blogposts .postlink, .widget_blogposts .subline { width: 360px; } |
| + | .widget input[type="text"], .widget input[type="password"], .widget input[type="email"], .widget textarea, .widget select {width: 398px;} |
| + | .footer .widget { padding-top: 0px; padding-bottom: 0px; } |
| + | .footer .sixteen:first-child { padding-top: 60px; } |
| + | .subfooter { text-align: center; } |
| + | .subfooter .socialtext { width: 420px; text-align: center; margin-right: 0; } |
| + | .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth { width: 100%; } |
| + | .blogdate { display: none; } |
| + | .dateinfo { display: inline; } |
| + | .blogpost { padding-bottom: 18px; margin-bottom: 20px; } |
| + | #respond input, .fullblog #respond input { width: 398px; max-width: 398px; margin-right: 0; } |
| + | #respond input.last, .fullblog #respond input.last { width: 398px; max-width: 398px; margin-right: 0; } |
| + | #respond textarea, .fullblog #respond textarea { width: 398px; max-width: 398px; } |
| + | #contactform input { width: 398px; max-width: 398px; margin-right: 0; } |
| + | #contactform textarea { width: 398px; max-width: 398px; } |
| + | .sidebar { margin-top: 10px; padding-top: 38px; border-top: 1px solid #ddd; } |
| + | .postnav { padding-bottom: 18px; } |
| + | .newsteaser { margin-bottom: 20px; } |
| + | .newsteaser .topline, .newsteaser .subline, .newsexcerpt { width: 325px; } |
| + | .divide .rightlink { display: none; } |
| + | #comments .depth-1 .commentwrap, .fullblog #comments .depth-1 .commentwrap { width: 388px; } |
| + | #comments .depth-2 .commentwrap, .fullblog #comments .depth-2 .commentwrap { width: 368px; } |
| + | #comments .depth-3 .commentwrap, .fullblog #comments .depth-3 .commentwrap { width: 348px; } |
| + | #comments .depth-4 .commentwrap, .fullblog #comments .depth-4 .commentwrap { width: 328px; } |
| + | #comments .depth-5 .commentwrap, .fullblog #comments .depth-5 .commentwrap { width: 308px; } |
| + | h3.info { margin-bottom: 5px; margin-top: 20px; } |
| + | .postnav { margin-bottom: 12px; } |
| + | #optionswrap { display: none; } |
| + | ul.clients li img { width: 33%; } |
| + | .toptextline, .titledivider, .readmore, .sidebar .widget h5 { text-align: center; } |
| + | .footer .widget h5 { width: 100%; text-align: center; } |
| + | .bottomadjust { padding-bottom: 60px; } |
| + | .sitenav { text-align: center; } |
| + | .whitebackground, .teaser { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } |
| + | .nosliderspacer { height: 0px; } |
| + | .postbody { float: left; border-left: 0; padding-left: 0; } |
| + | .sideview.fullblog .mediaitem { height: auto; } |
| + | .sideview.fullblog.nodate .mediaitem { height: auto; } |
| + | .mapsholder { margin-bottom: 0; } |
| } | | } |
− |
| + | |
− | function sendemail() { | + | /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ |
− | formid.find(".successmessage").hide();
| + | @media only screen and (min-width: 480px) and (max-width: 767px) { |
− | var phpfile = ""; | + | .logo { width: 420px; background-position: center; } |
− | if(formtype=="#contactform"){ | + | .dividerline, .dividerlinehalf { width: 420px; } |
− | phpfile = "php/contact.php";
| + | .pagetitle { width: 480px; margin-left: -30px; padding-top: 10px; padding-bottom: 19px; } |
− | }else if(formtype=="#quickcontact"){ | + | .pagetitle h1 { width: 420px; text-align: center; margin-left: 0px; } |
− | phpfile = "php/quickcontact.php";
| + | .pagetitleholder { width: 420px; padding-left: 20px; padding-right: 20px; } |
− | }else{ | + | .socialholder { width: 100%; text-align: center; padding: 0; } |
− | phpfile = "";
| + | .socialicons { float: none; margin: 0 auto; width: 274px; } |
− | } | + | .homeslider, .mapsholder { width: 480px; margin-left: -30px; } |
− | if (validator()) { | + | .teasers .topline, .teasers .subline { width: 380px; } |
− | if(!emailsend){
| + | .mediaitem, .blogimage .mediaitem { width: 420px;} |
− | emailsend = true;
| + | .portfolio4column .teaser .scalevid { width: 420px; } |
− | formid.find(".errormessage").hide();
| + | .whitebackground, .headerline, .footerwrap, .subfooterwrap { width: 480px; margin-left: -240px;} |
− | formid.find(".sendingmessage").show();
| + | .footer, .subfooter { width: 420px; } |
− | jQuery.post(phpfile, formid.serialize(), function() {
| + | .pricing.fivecols .pricecol ul { width: 50%; } |
− | formid.find(".sendingmessage").hide();
| + | .pricing.fourcols .pricecol ul { width: 50%; } |
− | formid.find(".successmessage").fadeIn();
| + | .pricing.threecols .pricecol ul { width: 50%; } |
− | resetform();
| + | .postholder, .fullblog .postholder, .fullblog .blogimage .mediaitem { width: 420px; } |
− | });
| + | .nodate .postholder, .nodate .blogimage .mediaitem { width: 420px; } |
− | }
| + | .nodate.fullblog .postholder, .nodate.fullblog .blogimage .mediaitem { width: 420px; } |
− | } | + | .sideview.nodate.fullblog .blogimage { width: 420px; } |
− | return false | + | .sideview.nodate.fullblog .postbody { width: 420px; } |
| + | .sideview.fullblog .blogimage { width: 420px; } |
| + | .sideview.fullblog .postbody { width: 420px; } |
| + | .sideview.fullblog .blogimage .mediaitem { width: 420px; } |
| + | .sideview.fullblog.nodate .blogimage .mediaitem { width: 420px; } |
| + | .sideview .blogimage { margin-bottom: 14px; } |
| + | .sideview.fullblog .blogtitle { float: right; width: 420px; } |
| + | .sideview.fullblog .postinfo { float: right; width: 420px; } |
| + | .sideview.fullblog.nodate .blogtitle { float: right; width: 420px; } |
| + | .sideview.fullblog.nodate .postinfo { float: right; width: 420px; } |
| } | | } |
− | }
| |
| | | |
| + | /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ |
| + | @media only screen and (max-width: 479px) { |
| + | .logo { width: 300px; background-position: center; } |
| + | .dividerline, .dividerlinehalf { width: 300px; } |
| + | .teasers img, .teasers_large img { width: 300px; } |
| + | .widget_blogposts .postlink { width: 240px; } |
| + | .widget_blogposts .subline { width: 240px; } |
| + | .widget input[type="text"], .widget input[type="password"], .widget input[type="email"], .widget textarea, .widget select {width: 278px;} |
| + | .subfooter { text-align: center; } |
| + | .subfooter .socialtext { width: 320px; text-align: center; margin-right: 0; } |
| + | #respond textarea, .fullblog #respond textarea { width: 278px; max-width: 278px; } |
| + | #respond input, .fullblog #respond input { width: 278px; max-width: 278px; margin-right: 0; } |
| + | #respond input.last, .fullblog #respond input.last { width: 278px; max-width: 278px; margin-right: 0; } |
| + | #contactform input { width: 278px; max-width: 278px; margin-right: 0; } |
| + | #contactform textarea { width: 278px; max-width: 278px; } |
| + | .newsteaser { margin-bottom: 20px; } |
| + | .newsteaser .topline, .newsteaser .subline, .newsexcerpt { width: 205px; } |
| + | #comments .depth-1 .commentwrap, .fullblog #comments .depth-1 .commentwrap { width: 268px; } |
| + | #comments .depth-2 .commentwrap, .fullblog #comments .depth-2 .commentwrap { width: 248px; } |
| + | #comments .depth-3 .commentwrap, .fullblog #comments .depth-3 .commentwrap { width: 228px; } |
| + | #comments .depth-4 .commentwrap, .fullblog #comments .depth-4 .commentwrap { width: 208px; } |
| + | #comments .depth-5 .commentwrap, .fullblog #comments .depth-5 .commentwrap { width: 188px; } |
| + | ul.clients li img { width: 49.6%; } |
| + | .mediaitem, .blogimage .mediaitem { width: 300px; } |
| + | .pagetitle { width: 360px; margin-left: -30px; padding-top: 10px; padding-bottom: 19px; } |
| + | .pagetitle h1 { width: 300px; text-align: center; margin-left: 0px; } |
| + | .pagetitleholder { width: 300px; padding-left: 20px; padding-right: 20px; } |
| + | .socialholder { width: 100%; text-align: center; padding: 0; } |
| + | .socialicons { float: none; margin: 0 auto; width: 274px; } |
| + | .homeslider, .mapsholder { width: 360px; margin-left: -30px; } |
| + | .teasers .topline, .teasers .subline { width: 260px; } |
| + | .portfolio4column .teaser .scalevid { width: 300px; } |
| + | .whitebackground, .headerline, .footerwrap, .subfooterwrap { width: 360px; margin-left: -180px;} |
| + | .footer, .subfooter { width: 300px; } |
| + | .pricing.fivecols .pricecol ul { width: 100%; } |
| + | .pricing.fourcols .pricecol ul { width: 100%; } |
| + | .pricing.threecols .pricecol ul { width: 100%; } |
| + | .pricecol.highlight ul { margin-top: 0; } |
| + | .pricing .highlight .thead { padding-top: 10px; } |
| + | .pricing .highlight .buy { padding-top: 15px; padding-bottom: 15px; } |
| + | .pricing ul { margin-bottom: 20px; } |
| + | .postholder, .fullblog .postholder, .fullblog .blogimage .mediaitem { width: 300px; } |
| + | .nodate .postholder, .nodate .blogimage .mediaitem { width: 300px; } |
| + | .nodate.fullblog .postholder, .nodate.fullblog .blogimage .mediaitem { width: 300px; } |
| + | .sideview.nodate.fullblog .blogimage { width: 300px; } |
| + | .sideview.nodate.fullblog .postbody { width: 300px; } |
| + | .sideview.fullblog .blogimage { width: 300px; } |
| + | .sideview.fullblog .postbody { width: 300px; } |
| + | .sideview.fullblog .blogimage .mediaitem { width: 300px; } |
| + | .sideview.fullblog.nodate .blogimage .mediaitem { width: 300px; } |
| + | .sideview .blogimage { margin-bottom: 14px; } |
| + | .sideview.fullblog .blogtitle { float: right; width: 300px; } |
| + | .sideview.fullblog .postinfo { float: right; width: 300px; } |
| + | .sideview.fullblog.nodate .blogtitle { float: right; width: 300px; } |
| + | .sideview.fullblog.nodate .postinfo { float: right; width: 300px; } |
| + | } |
| | | |
| | | |
− | /* #Portfolio | + | /* Responsive Menu |
| ================================================== */ | | ================================================== */ |
− |
| |
− |
| |
− |
| |
− | (function($,undefined){
| |
| | | |
− | | + | #mainmenu { visibility: visible; } |
− |
| + | #responsive-menu{ display: none; float: left; } |
− | ////////////////////////////
| + | |
− | // THE PLUGIN STARTS HERE //
| + | |
− | ////////////////////////////
| + | |
− |
| + | |
− | $.fn.extend({
| + | |
− |
| + | |
− |
| + | |
− | // OUR PLUGIN HERE :)
| + | |
− | tpportfolio: function(options) {
| + | |
− | | + | |
− |
| + | |
− |
| + | |
− | ////////////////////////////////
| + | |
− | // SET DEFAULT VALUES OF ITEM //
| + | |
− | ////////////////////////////////
| + | |
− | var defaults = {
| + | |
− | speed:500,
| + | |
− | row:4,
| + | |
− | nonSelectedAlpha:0,
| + | |
− | portfolioContainer:".portfolio"
| + | |
− | };
| + | |
− |
| + | |
− | options = $.extend({}, $.fn.tpportfolio.defaults, options);
| + | |
− |
| + | |
| | | |
− | return this.each(function() {
| + | @media only screen and (max-width: 767px) { |
− |
| + | #mainmenu { visibility: hidden; height: 0;} |
− | var opt=options;
| + | #responsive-menu { display: inline-block; width: 100%; margin-top: 25px; } |
− | var bod= $(this);
| + | } |
− |
| + | |
− | var start=0;
| + | |
− | var many =bod.find('.all-group').length;
| + | |
− | var lasts = many - (Math.floor(many / opt.row) * opt.row);
| + | |
− |
| + | |
− | if (opt.nonSelectedAlpha===0) {
| + | |
− | bod.find(opt.portfolioContainer).wrap('<div class="portfoliooutterholder" style="position:relative;clear:both;overflow:hidden;"></div>');
| + | |
− | }
| + | |
− |
| + | |
− | if (lasts==0) lasts=opt.row;
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | // ADD ALPHA AND OMEGA CLASS FOR FIRST AND LAST ITEM !
| + | |
− | bod.find('.all-group').each(function(i) {
| + | |
− | start++;
| + | |
− | var item=$(this);
| + | |
− |
| + | |
− | //alert(item.find('img:first').width());
| + | |
− | if (start==1)
| + | |
− | item.addClass('alpha');
| + | |
− |
| + | |
− |
| + | |
− | if (start===opt.row) {
| + | |
− | item.addClass('omega');
| + | |
− | start=0;
| + | |
− | }
| + | |
− |
| + | |
− | if (i>=many-lasts) item.addClass('nopadding');
| + | |
− |
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | // SET UP THE CLICKS AND THE ANIMATIONS
| + | |
− | bod.find('.portfolio_selector').each(function(){
| + | |
− |
| + | |
− | // PREPARE THE FIRST START HERE
| + | |
− | var selector=$(this);
| + | |
− | if (selector.data('group') === "all-group") {
| + | |
− | selector.addClass('selected_selector');
| + | |
− | } else {
| + | |
− | selector.animate({'opacity':0.6},{duration:200,queue:false});
| + | |
− | }
| + | |
− |
| + | |
− |
| + | |
− | // HOVER EFFECT
| + | |
− | selector.hover(
| + | |
− | function() {
| + | |
− | var sels=$(this);
| + | |
− | sels.stop();
| + | |
− | sels.animate({'opacity':1},{duration:opt.speed,queue:false});
| + | |
− | },
| + | |
− | function() {
| + | |
− | var sels=$(this);
| + | |
− | if (!(sels.hasClass('selected_selector'))) {
| + | |
− | sels.stop();
| + | |
− | sels.animate({'opacity':0.6},{duration:200,queue:false});
| + | |
− | }
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | // CLICK EFFECT
| + | |
− | selector.click(function() {
| + | |
− |
| + | |
− | // FOR HIDING PORTFOLIO SET THE OUTER CONTAINER HEIGHT
| + | |
− | if (opt.nonSelectedAlpha===0) {
| + | |
− | // SET THE OUTTER AND INNER HEIGHT OF THE CONTAINER DIV
| + | |
− | var oholder = bod.find('.portfoliooutterholder');
| + | |
− | var iholder = bod.find(opt.portfolioContainer);
| + | |
− | oholder.css({'width':'100%','height':iholder.height()+"px"});
| + | |
− |
| + | |
− | if (!oholder.hasClass("row")) oholder.addClass("row");
| + | |
− | }
| + | |
| | | |
− |
| |
− | // ADD AND REMOVE THE FADES FROM THE SELECTORS !!
| |
− | // FIRST REMOVE THE SELECTED SELECTORS
| |
− | bod.find('.portfolio_selector').each(function(){
| |
− | var sels=$(this);
| |
− | sels.removeClass('selected_selector');
| |
− | });
| |
− |
| |
− | // THAN ADD THE SELECTED SELECTOR TO THE NEW ONE
| |
− | selector.addClass("selected_selector");
| |
− |
| |
− | // THAN FADE OUT ALL NOT NEEDED SELECTOR
| |
− | bod.find('.portfolio_selector').each(function(){
| |
− | var sels=$(this);
| |
− | sels.stop();
| |
− | if (sels.hasClass('selected_selector')) {
| |
− | sels.animate({'opacity':1},{duration:200,queue:false});
| |
− | } else {
| |
− | sels.animate({'opacity':0.6},{duration:200,queue:false});
| |
− | }
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | // DEPENDING ON HOW FAR WE SHOUD HIDE THE REsT OF THE ITEMS, WE NEED TO REORGANISE THE FULL PORTFOLIO
| |
− | if (opt.nonSelectedAlpha===0) {
| |
− |
| |
− | var aoh = 0; // Amount Of Items to Hide
| |
− | var aos = 0; // Amount Of Items to Show
| |
− |
| |
− | $('body').find('.all-group').each(function(i) {
| |
− |
| |
− | var item=$(this);
| |
− | item.stop();
| |
− |
| |
− | var img=item.find('img:first');
| |
| | | |
− | // CALCULATE THE CURRENT IMAGE SIZES
| |
− | var l=img.position().left;
| |
− | var t=img.position().top;
| |
− | var iw=img.width();
| |
− | var ih=img.height();
| |
− |
| |
− | item.css({'position':'relative'});
| |
− |
| |
− | if (item.find('.deletemesoon').length==0)
| |
− | img.wrap('<div class="deletemesoon" style="position:relative;overflow:hidden;width:100%;height:'+ih+'px"></div>');
| |
− | img.css({'position':'absolute'});
| |
− |
| |
− | //if (item.css('display') != "none") aoh++;
| |
− | setTimeout(function() {
| |
− | img.animate({'top':ih+'px'},{duration:opt.speed,queue:false});
| |
− | item.animate({'opacity':0},{duration:opt.speed,queue:false});
| |
− | },aoh*125);
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− | // REMOVE THE ITEMS WE DONT NEED, AND REMOVE THE CLASSES
| |
− | setTimeout(function() {
| |
− | $('body').find('.all-group').each(function(i) {
| |
− | var item=$(this);
| |
− |
| |
− |
| |
− |
| |
− | if (!item.hasClass(selector.data('group')))
| |
− | {
| |
− | item.css({'display':'none'})
| |
− | } else {
| |
− | item.css({'display':'block','opacity':0})
| |
− | }
| |
− | item.removeClass('alpha')
| |
− | item.removeClass('omega')
| |
− | item.remove('nopadding');
| |
| | | |
− |
| + | /* ------------------------------------------------------------------------ |
− | });
| + | Class: prettyPhoto |
− | },opt.speed+aoh*125);
| + | Use: Lightbox clone for jQuery |
− |
| + | Author: Stephane Caron (http://www.no-margin-for-errors.com) |
− |
| + | Version: 3.1.3 |
− | setTimeout(function() {
| + | ------------------------------------------------------------------------- */ |
− |
| + | |
− | var start=0;
| + | div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} |
− | var many = $('body').find('.'+selector.data('group')).length;
| + | div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} |
− | var lasts = many - (Math.floor(many / opt.row) * opt.row);
| + | div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} |
− | if (lasts==0) lasts=opt.row;
| + | div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} |
− |
| + | div.pp_default .pp_content .ppt{color:#f8f8f8} |
− | $('body').find('.'+selector.data('group')).each(function(i) {
| + | div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} |
− | start++;
| + | div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} |
− | var item=$(this);
| + | div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} |
− | item.css({'display':'block','opacity':0});
| + | div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} |
− |
| + | div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px} |
− | // STOP IMG ANIMATION
| + | div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} |
− | var img=item.find('img:first');
| + | div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px} |
− | var dele=item.find('.deletemesoon');
| + | div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} |
− | dele.css({'width':'100%'});
| + | div.pp_default .pp_close{background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px} |
− | img.css({'top':'0px'});
| + | div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} |
− | dele.css({'height':img.height()+"px"});
| + | div.pp_default .pp_social{margin-top:7px} |
− |
| + | div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static} |
− | img.stop();
| + | div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} |
− | img.css({'position':'absolute','top':img.height()+"px"});
| + | div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} |
− | img.animate({'top':'0px'},{duration:opt.speed,queue:false});
| + | div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px} |
− |
| + | div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px} |
− | var oholder = bod.find('.portfoliooutterholder');
| + | div.pp_default .pp_content_container .pp_details{margin-top:5px} |
− |
| + | div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px} |
− |
| + | div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px} |
− | setTimeout(function() {
| + | div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} |
− | img.prependTo(item.find('a:first'));
| + | div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} |
− | img.css({'position':'relative','top':'0px'});
| + | div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} |
− | item.find('.deletemesoon').remove();
| + | div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} |
− |
| + | div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} |
− |
| + | div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} |
− | },opt.speed+10+aoh*125);
| + | div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} |
− |
| + | div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} |
− |
| + | div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} |
− |
| + | div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} |
− | item.stop();
| + | div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} |
− | item.animate({'opacity':1},{duration:opt.speed,queue:false});
| + | div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} |
− |
| + | div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} |
− | if (start==1)
| + | div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} |
− | item.addClass('alpha');
| + | div.light_rounded .pp_close{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} |
− |
| + | div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} |
− | if (start===opt.row) {
| + | div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} |
− | item.addClass('omega');
| + | div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} |
− | start=0;
| + | div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} |
− | }
| + | div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} |
− | if (i>=many-lasts) {
| + | div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} |
− | item.addClass('nopadding');
| + | div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} |
− | } else {
| + | div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} |
− | item.removeClass('nopadding');
| + | div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} |
− | }
| + | div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} |
− | });
| + | div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} |
− |
| + | div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} |
− |
| + | div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} |
− | buildRows(opt);
| + | div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} |
− |
| + | div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} |
− | // SET HEIGHT OF PORTFOLIO HOLDER
| + | div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} |
− |
| + | div.dark_rounded .pp_close{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} |
− |
| + | div.dark_rounded .pp_description{color:#fff;margin-right:85px} |
− | var iholder = bod.find(opt.portfolioContainer);
| + | div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} |
− | oholder.stop();
| + | div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} |
− |
| + | div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} |
− | oholder.animate({'height':iholder.outerHeight()+"px"},{duration:400,queue:false});
| + | div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} |
− |
| + | div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} |
− | },(opt.speed+20)+(aoh*125));
| + | div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} |
| + | div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} |
| + | div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} |
| + | div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} |
| + | div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} |
| + | div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} |
| + | div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} |
| + | div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} |
| + | div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} |
| + | div.dark_square .pp_close{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} |
| + | div.dark_square .pp_nav{clear:none} |
| + | div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} |
| + | div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} |
| + | div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} |
| + | div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} |
| + | div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} |
| + | div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} |
| + | div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} |
| + | div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} |
| + | div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} |
| + | div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} |
| + | div.light_square .pp_close{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} |
| + | div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} |
| + | div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} |
| + | div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} |
| + | div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} |
| + | div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} |
| + | div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} |
| + | div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} |
| + | div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} |
| + | div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} |
| + | div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} |
| + | div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} |
| + | div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} |
| + | div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} |
| + | div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} |
| + | div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} |
| + | div.facebook .pp_close{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px} |
| + | div.facebook .pp_description{margin:0 37px 0 0} |
| + | div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} |
| + | div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} |
| + | div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} |
| + | div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} |
| + | div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} |
| + | div.facebook .pp_nav{margin-top:0} |
| + | div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} |
| + | div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} |
| + | div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} |
| + | div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} |
| + | div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} |
| + | div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} |
| + | div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} |
| + | div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} |
| + | div.pp_pic_holder a:focus{outline:none} |
| + | div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} |
| + | div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} |
| + | .pp_content{height:40px;min-width:40px} |
| + | * html .pp_content{width:40px} |
| + | .pp_content_container{position:relative;text-align:left;width:100%} |
| + | .pp_content_container .pp_left{padding-left:20px} |
| + | .pp_content_container .pp_right{padding-right:20px} |
| + | .pp_content_container .pp_details{float:left;margin:10px 0 2px} |
| + | .pp_description{display:none;margin:0} |
| + | .pp_social{float:left;margin:0} |
| + | .pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px} |
| + | .pp_social .twitter{float:left} |
| + | .pp_nav{clear:right;float:left;margin:3px 10px 0 0} |
| + | .pp_nav p{float:left;margin:2px 4px;white-space:nowrap} |
| + | .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} |
| + | a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} |
| + | .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} |
| + | .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} |
| + | .pp_gallery div{float:left;overflow:hidden;position:relative} |
| + | .pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap} |
| + | .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} |
| + | .pp_gallery ul a img{border:0} |
| + | .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} |
| + | .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} |
| + | .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} |
| + | a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} |
| + | a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} |
| + | a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} |
| + | a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0} |
| + | .pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px} |
| + | #pp_full_res{line-height:1!important} |
| + | #pp_full_res .pp_inline{text-align:left} |
| + | #pp_full_res .pp_inline p{margin:0 0 15px} |
| + | div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999} |
| + | div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} |
| + | div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} |
| + | div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} |
| + | div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} |
| + | div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} |
| + | div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} |
| + | div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} |
| + | div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} |
| + | div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} |
| + | div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} |
| + | div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} |
| + | div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} |
| + | div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} |
| + | .pp_top,.pp_bottom{height:20px;position:relative} |
| + | * html .pp_top,* html .pp_bottom{padding:0 20px} |
| + | .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} |
| + | .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} |
| + | * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} |
| + | .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} |
| + | .pp_fade,.pp_gallery li.default a img{display:none} |
| | | |
− | } else {
| + | /* WP CORE STYLES */ |
− |
| + | |
− |
| + | |
− | $('body').find('.nonclickbar').remove();
| + | |
− | // IF UNSLECTED ARE STILL VISIBLE, WE DONT NEED TO REMOVE THEM...
| + | |
− |
| + | |
− |
| + | |
− | $('body').find('.all-group').each(function() {
| + | |
− |
| + | |
− | var item=$(this);
| + | |
− | item.stop();
| + | |
− | if (item.hasClass(selector.data('group'))) {
| + | |
− | item.animate({'opacity':1},{duration:opt.speed,queue:false});
| + | |
− | } else {
| + | |
− |
| + | |
− | var w=item.outerWidth();
| + | |
− | var h=item.outerHeight();
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | var t=item.position().top;
| + | |
− | var l=item.position().left;
| + | |
− |
| + | |
− |
| + | |
− | // ADD THE OVERLAY ON THE A TAG BY HOVER
| + | |
− | item.parent().append('<div class="nonclickbar" style="position:absolute;top:'+t+'px;left:'+l+'px;width:'+w+'px;height:'+h+'px;background:#000"></div>');
| + | |
− |
| + | |
− | item.parent().find('.nonclickbar').css({'opacity':0.0}).addClass(item.data('row'));
| + | |
− |
| + | |
− |
| + | |
− | item.animate({'opacity':opt.nonSelectedAlpha/100},{duration:opt.speed,queue:false});
| + | |
− |
| + | |
− |
| + | |
− | }
| + | |
− |
| + | |
− | });
| + | |
− | setTimeout(function() {buildRows(opt);},100);
| + | |
− | }
| + | |
− | return false;
| + | |
− | });
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− | var lodedimg=0;
| + | |
− | bod.find('.all-group').waitForImages(
| + | |
− | function() {
| + | |
− | buildRows(opt);
| + | |
− | if (opt.nonSelectedAlpha===0) {
| + | |
− | // SET THE OUTTER AND INNER HEIGHT OF THE CONTAINER DIV
| + | |
− | var oholder = bod.find('.portfoliooutterholder');
| + | |
− | var iholder = bod.find(opt.portfolioContainer);
| + | |
− | oholder.css({'width':'100%','height':iholder.height()+"px"});
| + | |
− | if (!oholder.hasClass("row")) oholder.addClass("row");
| + | |
− | }
| + | |
− |
| + | |
− | },
| + | |
− |
| + | |
− | function() {
| + | |
− | lodedimg = lodedimg+1;
| + | |
− | buildRows(opt);
| + | |
− |
| + | |
− | }
| + | |
− |
| + | |
− | );
| + | |
− |
| + | |
− | buildRows(opt,true);
| + | |
− | $(window).resize(function() {
| + | |
− |
| + | |
− | clearTimeout(opt.resized);
| + | |
− | opt.resized=setTimeout(function() {
| + | |
− | buildRows(opt,true);
| + | |
− | },100);
| + | |
− |
| + | |
− | });
| + | |
− |
| + | |
− | })
| + | |
− | }
| + | |
− | })
| + | |
| | | |
− | //////////////////////////////////////////////
| + | .alignnone { |
− | // BUILD THE ROWS ON RESCALING OR AT START //
| + | margin: 5px 20px 20px 0; |
− | ////////////////////////////////////////////
| + | } |
− | function buildRows(opt,no) {
| + | |
− |
| + | |
− |
| + | |
− | var bod=$('body');
| + | |
− |
| + | |
− | // REMOVE ACTUAL ROWS (IF THERE IS ANY)
| + | |
− | bod.find('.rowwrap').each(function(i) {
| + | |
− | var item=$(this).find('.rowed:first');
| + | |
− | item.unwrap();
| + | |
− |
| + | |
− | });
| + | |
− |
| + | |
− | // REMOVE THE ROWED AND ROWx CLASSES
| + | |
− | bod.find('.rowed').each(function(i) {
| + | |
− | var item=$(this);
| + | |
− | item.removeClass(item.data('row'));
| + | |
− | item.removeClass('rowed');
| + | |
− | });
| + | |
− |
| + | |
− | var row=0;
| + | |
− |
| + | |
− | // GO THROUGH, AND CHECK ALPHAS AND OMEGAS
| + | |
− | bod.find('.all-group').each(function(i) {
| + | |
− | var item=$(this);
| + | |
− | item.addClass('row'+row);
| + | |
− | item.addClass('rowed');
| + | |
− | item.data('row','row'+row);
| + | |
− | if (item.hasClass('omega')) {
| + | |
− | row++;
| + | |
− | }
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− | // CREATE ROWS AROUND THE ITEMS
| + | |
− | for (i=0;i<row;i++) {
| + | |
− | bod.find('.row'+i).wrapAll('<div class="rowwrap" style="position:relative;height:0px;width:100%;"></div>');
| + | |
− | }
| + | |
− |
| + | |
− | // SET HEIGHT OF EACH ROW HERE
| + | |
− |
| + | |
− | bod.find('.killerclear').remove();
| + | |
− | var maxrowa = bod.find('.rowwrap').length;
| + | |
− |
| + | |
− | bod.find('.rowwrap').each(function(j) {
| + | |
− | var $this=$(this);
| + | |
− | var max=0;
| + | |
− | $this.find('.rowed').each(function(i) {
| + | |
− | if ($(this).css('display')!="none") {
| + | |
− | //console.log(j+". Row Element "+i+". height:"+$(this).outerHeight());
| + | |
− | if (max<$(this).height()) max=$(this).outerHeight();
| + | |
− | }
| + | |
− | });
| + | |
− | //console.log(j+'. Row Berechnete:'+max);
| + | |
− | $this.css({'height':(max)+"px"}); //max+"px"});
| + | |
− | //if (j<maxrowa-1) {
| + | |
− | //console.log('Added Clear');
| + | |
− | $this.after('<div style="clear:both" class="killerclear"></div>');
| + | |
− | //} else {
| + | |
− | // console.log('Last Row has no Clear !!');
| + | |
− | //}
| + | |
− |
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− | var oholder = bod.find('.portfoliooutterholder');
| + | |
− | var iholder = bod.find(opt.portfolioContainer);
| + | |
− | oholder.stop();
| + | |
− | oholder.animate({'height':iholder.outerHeight()+"px"},{duration:400,queue:false});
| + | |
− |
| + | |
− | };
| + | |
− |
| + | |
− |
| + | |
− | })(jQuery);
| + | |
| | | |
| + | .aligncenter, div.aligncenter { |
| + | display:block; |
| + | margin: 5px auto 5px auto; |
| + | } |
| | | |
| + | .wp-caption { |
| + | background: #fff; |
| + | border: 1px solid #f0f0f0; |
| + | max-width: 96%; /* Image does not overflow the content area */ |
| + | padding: 5px 3px 10px; |
| + | text-align: center; |
| + | } |
| | | |
− | /*
| + | .wp-caption.alignnone { |
− | * waitForImages 1.3.3
| + | margin: 5px 20px 20px 0; |
− | * -----------------
| + | } |
− | * Provides a callback when all images have loaded in your given selector.
| + | |
− | * http://www.alexanderdickson.com/
| + | |
− | *
| + | |
− | *
| + | |
− | * Copyright (c) 2011 Alex Dickson
| + | |
− | * Licensed under the MIT licenses.
| + | |
− | * See website for more info.
| + | |
− | *
| + | |
− | */
| + | |
| | | |
− | ;(function($) {
| + | .wp-caption.alignleft { |
− |
| + | margin: 5px 20px 20px 0; |
− | // CSS properties which contain references to images.
| + | } |
− | $.waitForImages = {
| + | |
− | hasImageProperties: [
| + | |
− | 'backgroundImage',
| + | |
− | 'listStyleImage',
| + | |
− | 'borderImage',
| + | |
− | 'borderCornerImage'
| + | |
− | ]
| + | |
− | }; | + | |
− |
| + | |
− | // Custom selector to find `img` elements that have a valid `src` attribute and have not already loaded.
| + | |
− | $.expr[':'].uncached = function(obj) {
| + | |
− | // Firefox will always return `true` even if the image has not been downloaded.
| + | |
− | // Doing it this way works in Firefox.
| + | |
− | var img = document.createElement('img');
| + | |
− | img.src = obj.src;
| + | |
− | return $(obj).is('img[src!=""]') && ! img.complete;
| + | |
− | };
| + | |
− |
| + | |
− | $.fn.waitForImages = function(finishedCallback, eachCallback, waitForAll) {
| + | |
| | | |
− | // Handle options object.
| + | .wp-caption.alignright { |
− | if ($.isPlainObject(arguments[0])) {
| + | margin: 5px 0 20px 20px; |
− | eachCallback = finishedCallback.each;
| + | } |
− | waitForAll = finishedCallback.waitForAll;
| + | |
− | finishedCallback = finishedCallback.finished;
| + | |
− | }
| + | |
| | | |
− | // Handle missing callbacks.
| + | .wp-caption img { |
− | finishedCallback = finishedCallback || $.noop;
| + | border: 0 none; |
− | eachCallback = eachCallback || $.noop;
| + | height: auto; |
| + | margin:0; |
| + | max-width: 98.5%; |
| + | padding:0; |
| + | width: auto; |
| + | } |
| | | |
− | // Convert waitForAll to Boolean
| + | .wp-caption p.wp-caption-text { |
− | waitForAll = !! waitForAll;
| + | font-size:11px; |
| + | line-height:17px; |
| + | margin:0; |
| + | padding:0 4px 5px; |
| + | } |
| | | |
− | // Ensure callbacks are functions.
| + | img.size-auto, |
− | if (!$.isFunction(finishedCallback) || !$.isFunction(eachCallback)) {
| + | img.size-large, |
− | throw new TypeError('An invalid callback was supplied.');
| + | img.size-full, |
− | };
| + | img.size-medium { |
| + | max-width: 100%; |
| + | height: auto; |
| + | } |
| | | |
− | return this.each(function() {
| + | .alignleft, |
− | // Build a list of all imgs, dependent on what images will be considered.
| + | img.alignleft { |
− | var obj = $(this),
| + | display: inline; |
− | allImgs = [];
| + | float: left; |
| + | margin-right: 20px; |
| + | margin-top: 0px; |
| + | } |
| + | .alignright, |
| + | img.alignright { |
| + | display: inline; |
| + | float: right; |
| + | margin-left: 20px; |
| + | margin-top: 0px; |
| + | } |
| + | .aligncenter, |
| + | img.aligncenter { |
| + | clear: both; |
| + | display: block; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | } |
| + | img.alignleft, |
| + | img.alignright, |
| + | img.aligncenter { |
| + | margin-bottom: 20px; |
| + | } |
| | | |
− | if (waitForAll) {
| + | .bypostauthor {} |
− | // CSS properties which may contain an image.
| + | .sticky{} |
− | var hasImgProperties = $.waitForImages.hasImageProperties || [],
| + | .gallery-caption{} |
− | matchUrl = /url\((['"]?)(.*?)\1\)/g;
| + | |
− |
| + | |
− | // Get all elements, as any one of them could have a background image.
| + | |
− | obj.find('*').each(function() {
| + | |
− | var element = $(this);
| + | |
| | | |
− | // If an `img` element, add it. But keep iterating in case it has a background image too.
| |
− | if (element.is('img:uncached')) {
| |
− | allImgs.push({
| |
− | src: element.attr('src'),
| |
− | element: element[0]
| |
− | });
| |
− | }
| |
| | | |
− | $.each(hasImgProperties, function(i, property) {
| |
− | var propertyValue = element.css(property);
| |
− | // If it doesn't contain this property, skip.
| |
− | if ( ! propertyValue) {
| |
− | return true;
| |
− | }
| |
| | | |
− | // Get all url() of this element.
| |
− | var match;
| |
− | while (match = matchUrl.exec(propertyValue)) {
| |
− | allImgs.push({
| |
− | src: match[2],
| |
− | element: element[0]
| |
− | });
| |
− | };
| |
− | });
| |
− | });
| |
− | } else {
| |
− | // For images only, the task is simpler.
| |
− | obj
| |
− | .find('img:uncached')
| |
− | .each(function() {
| |
− | allImgs.push({
| |
− | src: this.src,
| |
− | element: this
| |
− | });
| |
− | });
| |
− | };
| |
| | | |
− | var allImgsLength = allImgs.length,
| + | /* Preview Only Styles */ |
− | allImgsLoaded = 0;
| + | |
| | | |
− | // If no images found, don't bother.
| + | #optionswrap { |
− | if (allImgsLength == 0) {
| + | position: fixed; |
− | finishedCallback.call(obj[0]);
| + | z-index: 90; |
− | };
| + | left: -117px; |
| + | top: 180px; |
| + | width: 75px; |
| + | height: 248px; |
| + | background: #eee; |
| + | border: 1px solid #ccc; |
| + | padding: 20px; |
| + | -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); |
| + | -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); |
| + | box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); |
| + | } |
| + | #optionsbtn { |
| + | position: absolute; |
| + | width: 30px; |
| + | height: 92px; |
| + | left: 115px; |
| + | top: 0; |
| + | margin-top: -1px; |
| + | background: url(../images/options.png) center; |
| + | cursor: pointer; |
| + | -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); |
| + | -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); |
| + | box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); |
| + | } |
| + | .hiddenpat { |
| + | width:0px; |
| + | height:0px; |
| + | display:none; |
| + | } |
| + | .optext { |
| + | font-size: 15px; |
| + | font-family: 'Open Sans', sans-serif; |
| + | text-align: center; |
| + | color: #777; |
| + | float: left; |
| + | width: 75px; |
| + | margin-bottom: 5px; |
| + | margin-top: -7px; |
| + | } |
| + | .opt1, .opt2, .opt3 { |
| + | float: left; |
| + | width: 75px; |
| + | height: 70px; |
| + | cursor: pointer; |
| + | } |
| + | .opt1 { |
| + | background: url(../images/layout_footer.jpg) center; |
| + | margin-bottom: 10px; |
| + | } |
| + | .opt2 { |
| + | background: url(../images/layout_full.jpg) center; |
| + | } |
| + | .opt3 { |
| + | background: url(../images/layout_column.jpg) center; |
| + | margin-bottom: 10px; |
| + | } |
| + | .opt1.selected, .opt2.selected, .opt3.selected { |
| + | -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); |
| + | -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); |
| + | box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); |
| + | cursor: default; |
| + | } |
| | | |
− | $.each(allImgs, function(i, img) {
| + | iframe.twitter-timeline{ |
− |
| + | width:100% !important; |
− | var image = new Image;
| + | min-width:100% !important; |
− |
| + | max-width:100% !important; |
− | // Handle the image loading and error with the same callback.
| + | display:none; |
− | $(image).bind('load error', function(event) {
| + | }</style> |
− | allImgsLoaded++;
| + | <link rel="stylesheet" href="css/mediaelementplayer.css" /> |
− |
| + | <!--[if IE 7]> |
− | // If an error occurred with loading the image, set the third argument accordingly.
| + | <link rel="stylesheet" href="stylesheets/ie7.css"> |
− | eachCallback.call(img.element, allImgsLoaded, allImgsLength, event.type == 'load');
| + | <![endif]--> |
− |
| + | |
− | if (allImgsLoaded == allImgsLength) {
| + | |
− | finishedCallback.call(obj[0]);
| + | |
− | return false;
| + | |
− | };
| + | |
− |
| + | |
− | });
| + | |
| | | |
− | image.src = img.src;
| + | <!-- Favicons |
− | });
| + | ================================================== --> |
− | });
| + | <link rel="shortcut icon" href="images/favicon.ico"> |
− | };
| + | <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> |
− | })(jQuery);
| + | <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> |
− | | + | <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> |
− | /* http://keith-wood.name/backgroundPos.html | + | |
− | Background position animation for jQuery v1.0.1.
| + | <!-- Fonts |
− | Written by Keith Wood (kbwood{at}iinet.com.au) November 2010.
| + | ================================================== --> |
− | Dual licensed under the GPL (http://dev.jquery.com/browser/trunk/jquery/GPL-LICENSE.txt) and
| + | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic' rel='stylesheet' type='text/css'> |
− | MIT (http://dev.jquery.com/browser/trunk/jquery/MIT-LICENSE.txt) licenses.
| + | |
− | Please attribute the author if you use it. */
| + | <!-- Scripts |
− | (function($){var g='bgPos';$.fx.step['backgroundPosition']=$.fx.step['background-position']=function(a){if(!a.set){var b=$(a.elem);var c=b.data(g);b.css('backgroundPosition',c);a.start=parseBackgroundPosition(c);a.end=parseBackgroundPosition($.fn.jquery>='1.6'?a.end:a.options.curAnim['backgroundPosition']||a.options.curAnim['background-position']);for(var i=0;i<a.end.length;i++){if(a.end[i][0]){a.end[i][1]=a.start[i][1]+(a.end[i][0]=='-='?-1:+1)*a.end[i][1]}}a.set=true}$(a.elem).css('background-position',((a.pos*(a.end[0][1]-a.start[0][1])+a.start[0][1])+a.end[0][2])+' '+((a.pos*(a.end[1][1]-a.start[1][1])+a.start[1][1])+a.end[1][2]))};function parseBackgroundPosition(c){var d={center:'50%',left:'0%',right:'100%',top:'0%',bottom:'100%'};var e=c.split(/ /);var f=function(a){var b=(d[e[a]]||e[a]||'50%').match(/^([+-]=)?([+-]?\d+(\.\d*)?)(.*)$/);e[a]=[b[1],parseFloat(b[2]),b[4]||'px']};if(e.length==1&&$.inArray(e[0],['top','bottom'])>-1){e[1]=e[0];e[0]='50%'}f(0);f(1);return e}$.fn.animate=function(e){return function(a,b,c,d){if(a['backgroundPosition']||a['background-position']){this.data(g,this.css('backgroundPosition')||'center')}return e.apply(this,[a,b,c,d])}}($.fn.animate)})(jQuery);</script>
| + | ================================================== --> |
| + | <script src="js/jquery-1.7.min.js" type="text/javascript"></script> |
| + | <script src="js/jquery.easing.1.3.js" type="text/javascript"></script> |
| + | <script src="js/jquery.animate-colors-min.js" type="text/javascript"></script> |
| + | <!--/*********************************************** |
| + | * Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) |
| + | * This notice MUST stay intact for legal use |
| + | * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code |
| + | ***********************************************/--> |
| + | <script src="js/ddsmoothmenu.js" type="text/javascript"></script> |
| + | <script src="js/jquery.cssAnimate.mini.js" type="text/javascript"></script> |
| + | <script src="js/jquery.fitvids.js" type="text/javascript"></script> |
| + | <script src="js/jquery.flexslider-min.js" type="text/javascript"></script> |
| + | <script src="js/jquery.prettyPhoto.js" type="text/javascript"></script> |
| + | <script src="js/mediaelement-and-player.min.js"></script> |
| + | <script src="js/screen.js" type="text/javascript"></script> |
| | | |
| </head> | | </head> |
Line 1,986: |
Line 1,383: |
| </li> | | </li> |
| <li><a href="contact.html">Model<br/><span>Get In Touch</span></a></li> | | <li><a href="contact.html">Model<br/><span>Get In Touch</span></a></li> |
− | <li><a href="contact.html">Human Practice<br/><span>Get In Touch</span></a></li> | + | <li><a href="contact.html">Human<br/><span>Get In Touch</span></a></li> |
| </ul> | | </ul> |
| <br style="clear: left" /> | | <br style="clear: left" /> |
Line 2,062: |
Line 1,459: |
| <ul> | | <ul> |
| <li class="clearfix"> | | <li class="clearfix"> |
− | <a href="#" class="borderhover"><img src="pop_blog1.jpg" alt="" /></a> | + | <a href="#" class="borderhover"><img src="images/thumbs/pop_blog1.jpg" alt="" /></a> |
| <div class="postlink"><a href="#"></a></div> | | <div class="postlink"><a href="#"></a></div> |
| <div class="subline"></div> | | <div class="subline"></div> |