| .style-picker{direction: ltr;font-family:Arial,"Helvetica CY",sans-serif;color:#010101;font-size:.85em;width:0;min-height:200px;position:fixed;top:40px;left:0;z-index:9999;} | |||||
| .style-picker .bgChanger{position:relative;min-width:35px;min-height:100px;} | |||||
| .style-picker a{color:#fff !important;} | |||||
| .style-picker a:hover{text-decoration:none;} | |||||
| .style-picker input, .style-picker select {font-family:"Trebuchet MS",Arial,"Helvetica CY",sans-serif;border:1px solid #b7b7b7;color:#010101;} | |||||
| .style-picker input{width:120px;} | |||||
| .style-picker select{ | |||||
| font-size: 1em; | |||||
| padding: 3px; | |||||
| width: 90%; | |||||
| height: auto; | |||||
| border: 1px solid #CCC; | |||||
| outline: 0; | |||||
| background: #FAFAFA url(images/select3.png) no-repeat right; | |||||
| -webkit-appearance: none; | |||||
| -moz-appearance: none; | |||||
| } | |||||
| .style-picker .container{width:240px;padding:0 0 5px 0;} | |||||
| .style-picker .options,.style-picker .handler{border:1px solid #181818;background-color:#181818;color: #CCC;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3)} | |||||
| .style-picker .options{width:242px;padding:3px 0 15px 10px;position:relative; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright:3px; border-bottom-right-radius: 3px; border-radius: 0 0 3px 0;} | |||||
| .style-picker .handler{background:#181818 url(images/close.png) 5px 6px no-repeat;width:33px;height:35px;position:absolute;top:0px;right:-35px;z-index:30;border-left:0;-webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-radius: 0 3px 3px 0;} | |||||
| .style-picker .container .handler.closed{background:#181818 url(images/pencil.png) 5px 6px no-repeat;} | |||||
| .style-picker span{display:block;padding:10px 0 3px;font-weight:bold;clear:both;} | |||||
| .style-picker a.thumb-img{margin:0 5px 4px 0;border:1px solid #666;} | |||||
| .style-picker a.thumb-img, .style-picker a.thumb-img img{display:block;float:left;width:10px;height:5px;cursor:pointer;} | |||||
| .style-picker a.thumb-img img{border:0;background:none;padding:0;} | |||||
| .style-picker a.bgColor{ | |||||
| color: #ccc !important; | |||||
| display: inline-block; | |||||
| width: 90%; | |||||
| line-height: 20px; | |||||
| font-weight: bold; | |||||
| padding: 5px 18px 0 0; | |||||
| margin: 8px 0 8px; | |||||
| position: relative; | |||||
| clear: both; | |||||
| } | |||||
| .style-picker a.bgColor span{border:0px solid #b7b7b7;width:18px;height:18px;float:right;padding:0;margin:1px 0 0;} | |||||
| .colorpicker { | |||||
| width: 356px; | |||||
| height: 176px; | |||||
| overflow: hidden; | |||||
| position: absolute; | |||||
| background: url(images/custom_background.png); | |||||
| font-family: Arial, Helvetica, sans-serif; | |||||
| display: none; | |||||
| z-index:99999; | |||||
| font-size:0.8em; | |||||
| } | |||||
| .colorpicker_color { | |||||
| width: 150px; | |||||
| height: 150px; | |||||
| left: 14px; | |||||
| top: 13px; | |||||
| position: absolute; | |||||
| background: #f00; | |||||
| overflow: hidden; | |||||
| cursor: crosshair; | |||||
| } | |||||
| .colorpicker_color div { | |||||
| position: absolute; | |||||
| top: 0; | |||||
| left: 0; | |||||
| width: 150px; | |||||
| height: 150px; | |||||
| background: url(images/colorpicker_overlay.png); | |||||
| } | |||||
| .colorpicker_color div div { | |||||
| position: absolute; | |||||
| top: 0; | |||||
| left: 0; | |||||
| width: 11px; | |||||
| height: 11px; | |||||
| overflow: hidden; | |||||
| background: url(images/colorpicker_select.gif); | |||||
| margin: -5px 0 0 -5px; | |||||
| } | |||||
| #bgColor, #bgHeaderColor, #bgFooterColor { | |||||
| position: relative; | |||||
| width: 20px; | |||||
| height: 20px; | |||||
| background: url(images/select2.png); | |||||
| } | |||||
| .colorpicker_hue { | |||||
| position: absolute; | |||||
| top: 13px; | |||||
| left: 171px; | |||||
| width: 35px; | |||||
| height: 150px; | |||||
| cursor: n-resize; | |||||
| } | |||||
| .colorpicker_hue div { | |||||
| position: absolute; | |||||
| width: 35px; | |||||
| height: 9px; | |||||
| overflow: hidden; | |||||
| background: url(images/custom_indic.gif) left top; | |||||
| margin: -4px 0 0 0; | |||||
| left: 0px; | |||||
| } | |||||
| .colorpicker_new_color { | |||||
| position: absolute; | |||||
| width: 60px; | |||||
| height: 30px; | |||||
| left: 213px; | |||||
| top: 13px; | |||||
| background: #f00; | |||||
| } | |||||
| .colorpicker_current_color { | |||||
| position: absolute; | |||||
| width: 60px; | |||||
| height: 30px; | |||||
| left: 283px; | |||||
| top: 13px; | |||||
| background: #f00; | |||||
| } | |||||
| .colorpicker input[type="text"] { | |||||
| background-color: transparent; | |||||
| border: 1px solid transparent; | |||||
| position: absolute; | |||||
| font-size: 10px; | |||||
| font-family: Arial, Helvetica, sans-serif; | |||||
| color: #898989; | |||||
| top: 4px; | |||||
| right: 11px; | |||||
| text-align: right; | |||||
| margin: 0; | |||||
| padding: 0; | |||||
| max-width: 100%; | |||||
| } | |||||
| .colorpicker_hex { | |||||
| position: absolute; | |||||
| width: 72px; | |||||
| height: 22px; | |||||
| background: url(images/custom_hex.png) top; | |||||
| left: 212px; | |||||
| top: 142px; | |||||
| } | |||||
| .colorpicker_hex input[type="text"] { | |||||
| right: 6px; | |||||
| } | |||||
| .colorpicker_field { | |||||
| height: 22px; | |||||
| width: 62px; | |||||
| background-position: top; | |||||
| position: absolute; | |||||
| } | |||||
| .colorpicker_field span { | |||||
| position: absolute; | |||||
| width: 12px; | |||||
| height: 22px; | |||||
| overflow: hidden; | |||||
| top: 0; | |||||
| right: 0; | |||||
| cursor: n-resize; | |||||
| } | |||||
| .colorpicker_rgb_r { | |||||
| background-image: url(images/custom_rgb_r.png); | |||||
| top: 52px; | |||||
| left: 212px; | |||||
| } | |||||
| .colorpicker_rgb_g { | |||||
| background-image: url(images/custom_rgb_g.png); | |||||
| top: 82px; | |||||
| left: 212px; | |||||
| } | |||||
| .colorpicker_rgb_b { | |||||
| background-image: url(images/custom_rgb_b.png); | |||||
| top: 112px; | |||||
| left: 212px; | |||||
| } | |||||
| .colorpicker_hsb_h { | |||||
| background-image: url(images/custom_hsb_h.png); | |||||
| top: 52px; | |||||
| left: 282px; | |||||
| } | |||||
| .colorpicker_hsb_s { | |||||
| background-image: url(images/custom_hsb_s.png); | |||||
| top: 82px; | |||||
| left: 282px; | |||||
| } | |||||
| .colorpicker_hsb_b { | |||||
| background-image: url(images/custom_hsb_b.png); | |||||
| top: 112px; | |||||
| left: 282px; | |||||
| } | |||||
| .colorpicker_submit { | |||||
| position: absolute; | |||||
| width: 22px; | |||||
| height: 22px; | |||||
| background: url(images/custom_submit.png) top; | |||||
| left: 322px; | |||||
| top: 142px; | |||||
| overflow: hidden; | |||||
| } | |||||
| .colorpicker_focus { background-position: center } | |||||
| .colorpicker_hex.colorpicker_focus { background-position: bottom } | |||||
| .colorpicker_submit.colorpicker_focus { background-position: bottom } | |||||
| .colorpicker_slider { background-position: bottom } | |||||
| @media only screen and (min-width: 100px) and (max-width: 960px) { .style-picker { display: none } } |
| <!DOCTYPE html> | |||||
| <!--[if IE 7 ]><html class="ie7" lang="en"><![endif]--> | |||||
| <!--[if IE 8 ]><html class="ie8" lang="en"><![endif]--> | |||||
| <!--[if IE 9 ]><html class="ie9" lang="en"><![endif]--> | |||||
| <!--[if (gte IE 10)|!(IE)]><!--><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><!--<![endif]--> | |||||
| <head> | |||||
| <title>Diligent</title> | |||||
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |||||
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> | |||||
| <!-- Seo Meta --> | |||||
| <meta name="description" content="Diligent software solutions"> | |||||
| <meta name="keywords" content="dilignet, software, development, company"> | |||||
| <!-- Styles --> | |||||
| <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> | |||||
| <link rel="stylesheet" type="text/css" href="styles/font-awesome.min.css" media="screen" /> | |||||
| <link rel="stylesheet" type="text/css" href="styles/flexslider.css" media="screen" /> | |||||
| <link id="animate_css_file" rel="stylesheet" type="text/css" href="styles/animate.css" media="screen" /> | |||||
| <link rel="stylesheet" type="text/css" href="styles/prettyPhoto.css" media="screen" /> | |||||
| <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700" rel="stylesheet" type="text/css"> | |||||
| <!-- Favicon --> | |||||
| <link rel="shortcut icon" href="images/diligent-purple.png"> | |||||
| <!-- Custom Styles --> | |||||
| <style type="text/css" id="themecolors"></style> | |||||
| </head> | |||||
| <body> | |||||
| <div id="container"> | |||||
| <div id="header-wrap"> | |||||
| <header id="header" class="general-section"> | |||||
| <div id="logo"><a href="index.html"><div class="dinamic-logo"></div></a></div><!-- end Logo --> | |||||
| <a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a> | |||||
| <nav id="navigation"> | |||||
| <ul> | |||||
| <li class="active"><a href="#intro-wrap">home</a><span class="nav-active-mark"></span></li> | |||||
| <li><a href="#about-wrap">about us</a></li> | |||||
| <!-- <li><a href="#team-wrap">our team</a></li> --> | |||||
| <li><a href="#services-wrap">services</a></li> | |||||
| <!-- <li><a href="#gallery-wrap">gallery</a></li> | |||||
| <li><a href="#events-wrap">events</a></li> | |||||
| <li><a href="#stats-wrap">stats</a></li> | |||||
| <li><a href="#news-wrap">news</a></li> --> | |||||
| <li><a href="#contact-wrap">contact</a></li> | |||||
| </ul> | |||||
| </nav><!-- end Navigation --> | |||||
| <nav id="mobile-navigation"> | |||||
| <ul> | |||||
| <li class="active"><a href="#intro-wrap">home</a></li> | |||||
| <li><a href="#about-wrap">about us</a></li> | |||||
| <!-- <li><a href="#team-wrap">our team</a></li> --> | |||||
| <li><a href="#services-wrap">services</a></li> | |||||
| <!-- <li><a href="#gallery-wrap">gallery</a></li> | |||||
| <li><a href="#events-wrap">events</a></li> | |||||
| <li><a href="#stats-wrap">states</a></li> | |||||
| <li><a href="#news-wrap">news</a></li> --> | |||||
| <li><a href="#contact-wrap">contact</a></li> | |||||
| </ul> | |||||
| </nav><!-- end Navigation --> | |||||
| </header> | |||||
| </div><!-- end Header --> | |||||
| <div id="intro-wrap"> | |||||
| <div id="hexagon-overlay"></div> | |||||
| <section id="intro" class="intro general-section"> | |||||
| <a href="documents/diligent internship.pdf" download="diligent internship.pdf"> | |||||
| <div class="hive note-1"> | |||||
| <div class="note-tooltip1">Interns Wanted</div> | |||||
| <!-- <div class="note-tooltip2">header post-it!</div> --> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="icon-postit hex-in2 hex-area"></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a><!-- end note --> | |||||
| <div class="hive welcome-box wow pulse"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <!-- <div class="hive chosen-item-1 wow swing"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href="#about-wrap"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div style="background-image: url('images/chosen_item_image_1.png')" class="hex-in2 hex-area"></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="hive chosen-item-2 wow swing"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href="#services-wrap"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div style="background-image: url('images/chosen_item_image_2.png')" class="hex-in2 hex-area"></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="hive chosen-item-3 wow swing"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href="#contact-wrap"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div style="background-image: url('images/chosen_item_image_3.png')" class="hex-in2 hex-area"></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div> --> | |||||
| <!-- end chosen item #3 --> | |||||
| </section> | |||||
| <!-- <div class="typewriter-div"> | |||||
| <span class="typewriter typewriter-span"> | |||||
| <h1>Solutions tailored to each client.</h1> | |||||
| </span> | |||||
| </div> --> | |||||
| <div class="typewriter-div"> | |||||
| <span data-typed-str="Solutions tailored to each client." data-typed-repeat="no" data-typed-cursor="yes" class="typewriter-span"><span class="typed-container"></span><span class="typed-cursor">|</span></span> | |||||
| </div> | |||||
| </div><!-- end Intro --> | |||||
| <div id="about-wrap"> | |||||
| <section id="about" class="about clearfix general-section"> | |||||
| <div class="section-title"> | |||||
| <h2>ABOUT US</h2> | |||||
| <h5>Know more about what we do</h5> | |||||
| </div> | |||||
| <div class="one_third about-item"> | |||||
| <div class="hive wow bounceInUp" data-wow-delay="1s"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="about-icon1 hex-in2 hex-area"></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <h3>Partnerships that create and grow</h3> | |||||
| <p>Our clients relationships go beyond technology. Enthusiasts to the core, we bring real solutions to each client’s problems through a deep understanding of their market, solution, and vision.</p> | |||||
| </div><!-- end About Item --> | |||||
| <div class="one_third about-item highlight"> | |||||
| <div class="hive wow bounceInUp" data-wow-delay="1s"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="services-icon2 hex-in2 hex-area"></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <h3>Product Discovery</h3> | |||||
| <p>An idea solves a problem. We help you to create that idea, build a product and scale it to be successful in your business. First we question why. Then we develop a roadmap to make sure the development is ready to begin in order to construct the MVP.</p> | |||||
| </div><!-- end About Item --> | |||||
| <div class="one_third about-item last"> | |||||
| <div class="hive wow bounceInUp" data-wow-delay="1s"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="about-icon3 hex-in2 hex-area"></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <h3>Think globally, act locally</h3> | |||||
| <p>We create products for a digital world and help clients through innovation, end-user engagement and technical quality.</p> | |||||
| </div><!-- end About Item --> | |||||
| <!-- <div class="important-info"> | |||||
| <div class="hive important-box fl"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"><i class="fa-exclamation"></i></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <p>We help companies to innovate and grow with products and services that are truly useful, reliable and easy to use.</p> | |||||
| <div class="hive important-box fr"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"><i class="fa-exclamation"></i></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div>--> <!--end Important Info--> | |||||
| </section> | |||||
| </div><!-- end About --> | |||||
| <div id="services-wrap"> | |||||
| <section id="services" class="services general-section clearfix"> | |||||
| <div class="section-triangle-dark"></div> | |||||
| <div class="section-title"> | |||||
| <h2>SERVICES</h2> | |||||
| <h5>See all we have to offer you</h5> | |||||
| </div> | |||||
| <div class="services-intro"> | |||||
| <div class="one_half wow bounceInLeft"><img src="images/mockup.png" alt=""></div> | |||||
| <div class="one-half last"> | |||||
| <h3>We develop technology solutions</h3> | |||||
| <p> | |||||
| Our philosophy is based on the idea of innovation. We work tirelessly to provide useful solutions that are consistent with the strategic priorities of our clients.<br> That is the key that differentiates Diligent Software's portfolio of services: our <strong>relentless motivation</strong> to create value for companies that rely on digital solutions. | |||||
| </p> | |||||
| </div> | |||||
| </div><!-- end Services Intro --> | |||||
| <div class="one_half services-item clearfix"> | |||||
| <div class="hive"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="services-icon1 hex-in2 hex-area"></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="services-info"> | |||||
| <h3>Product Development</h3> | |||||
| <p>Our top-notch engineering team is ready to implement your game-changing ideas with both front-end and back-end services. We also partner long-term with brands to ensure their digital offerings stay fresh.</p> | |||||
| </div> | |||||
| </div><!-- end Services Item --> | |||||
| <div class="one_half services-item clearfix last"> | |||||
| <div class="hive"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="services-icon2 hex-in2 hex-area"></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="services-info"> | |||||
| <h3>Priceless Creativity</h3> | |||||
| <p>Creativity is more than just being different. Making the SIMPLE, that`s creativity.</p> | |||||
| </div> | |||||
| </div><!-- end Services Item --> | |||||
| <div class="one_half services-item clearfix"> | |||||
| <div class="hive"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="services-icon3 hex-in2 hex-area"></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="services-info"> | |||||
| <h3>Business Security</h3> | |||||
| <p>We have highly-trained and experienced professionals who build relationships of trust and measurable value with our clients, guaranteeing that your business is in safe hands. </p> | |||||
| </div> | |||||
| </div><!-- end Services Item --> | |||||
| <div class="one_half services-item clearfix last"> | |||||
| <div class="hive"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="services-icon4 hex-in2 hex-area"></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="services-info"> | |||||
| <h3>Quick Response</h3> | |||||
| <p>We are fully aware that your business relies on our software and we won`t let you down in emergency situations.</p> | |||||
| </div> | |||||
| </div><!-- end Services Item --> | |||||
| </section> | |||||
| </div><!-- end Services --> | |||||
| <div id="contact-wrap" class="dark" style="background-image: url('images/contact_bg.png'); background-repeat: no-repeat; background-position: center 70px"> | |||||
| <section id="contact" class="contact general-section clearfix"> | |||||
| <div class="section-triangle-grey"></div> | |||||
| <div class="section-title"> | |||||
| <h2>Let's Get Started Today</h2> | |||||
| <h5>Whether you're just getting started with your app idea or you're a multinational trying to evolve your brand for the future, we're ready to work with you. Reach out to us today and let's start talking about your project ideas.</h5> | |||||
| </div> | |||||
| <div class="map-area"> | |||||
| <div class="map-marker map-pos-2 wow bounceInDown clearfix"> | |||||
| <div class="map-marker-pin"> | |||||
| <div class="pin-hex"></div> | |||||
| <div class="pin"></div> | |||||
| <div class="pulse"></div> | |||||
| </div> | |||||
| <div class="map-marker-info"> | |||||
| <h3>NIS, SERBIA</h3> | |||||
| <h6>Cara Dusana 162</h6> | |||||
| <h6>office@dilig.net</h6> | |||||
| <!-- <ul> | |||||
| <li> | |||||
| <div class="progress-caption">Info 01</div> | |||||
| <div class="progress"> | |||||
| <div class="progress-bar" data-value="25"></div> | |||||
| </div> | |||||
| </li> | |||||
| <li> | |||||
| <div class="progress-caption">Info 02</div> | |||||
| <div class="progress"> | |||||
| <div class="progress-bar" data-value="90"></div> | |||||
| </div> | |||||
| </li> | |||||
| </ul> --> | |||||
| </div> | |||||
| </div><!-- end Map Marker 2 --> | |||||
| </div><!-- end Map Area --> | |||||
| <div class="one_half contact-form"> | |||||
| <h3>CONTACT FORM</h3> | |||||
| <h5>Do you have any questions? Send us a message</h5> | |||||
| <div class="log"></div> | |||||
| <form method="post" action="action.php"> | |||||
| <p><input id="name-txt" class="input-txt" name="name" type="text" placeholder="Write your name here..."></p> | |||||
| <p><input id="email-txt" class="input-txt" name="email" type="text" placeholder="Write your email here..."></p> | |||||
| <p><input id="subject-txt" class="input-txt" name="subject" type="text" placeholder="Write your subject here..."></p> | |||||
| <p><textarea id="message-txt" class="textarea-txt" name="message" cols="30" rows="10" placeholder="Write your message here..."></textarea></p> | |||||
| <input type="hidden" id="sendContac" name="sendContact" value="send" /> | |||||
| <p><input id="submit" name="submit" type="submit" value="SEND"></p> | |||||
| </form> | |||||
| </div><!-- end Contact Form --> | |||||
| <div class="one_half contact-socials last"> | |||||
| <h3>SOCIAL NETWORK</h3> | |||||
| <h5>Find us and like, follow and watch us for the latest.</h5> | |||||
| <div class="hive contact-social wow swing facebook contact-socials-3s-first"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href="#"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"> | |||||
| <div class="hive contact-social-overlay"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"><i class="fa-facebook"></i></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end contact social overlay --> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end Facebook Social --> | |||||
| <div class="hive contact-social wow swing twitter"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href=""> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"> | |||||
| <div class="hive contact-social-overlay"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"><i class="fa-twitter"></i></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end contact social overlay --> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end Twitter Social --> | |||||
| <div class="hive contact-social wow swing dribbble"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href=""> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"> | |||||
| <div class="hive contact-social-overlay"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"><i class="fa-dribbble"></i></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end contact social overlay --> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end Dribbble Social --> | |||||
| <div class="clearfix"></div> | |||||
| <div class="hive contact-social wow swing linkedin"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href="https://www.linkedin.com/company/diligent-doo"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"> | |||||
| <div class="hive contact-social-overlay"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"><i class="fa-linkedin"></i></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end contact social overlay --> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end Linkedin Social --> | |||||
| <div class="hive contact-social wow swing rss"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href=""> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"> | |||||
| <div class="hive contact-social-overlay"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"><i class="fa-rss"></i></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end contact social overlay --> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end RSS Social --> | |||||
| <div class="hive contact-social wow swing google-plus"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href=""> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"> | |||||
| <div class="hive contact-social-overlay"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"><i class="fa-google-plus"></i></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end contact social overlay --> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end Pinterest Google Plus --> | |||||
| <div class="hive contact-social wow swing tumblr"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href=""> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"> | |||||
| <div class="hive contact-social-overlay"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"><i class="fa-tumblr"></i></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end contact social overlay --> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end tumblr Social --> | |||||
| <div class="clearfix"></div> | |||||
| <div class="hive contact-social wow swing youtube contact-socials-3s-first"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href=""> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"> | |||||
| <div class="hive contact-social-overlay"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"><i class="fa-youtube"></i></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end contact social overlay --> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end Youtube Social --> | |||||
| <div class="hive contact-social wow swing skype"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href=""> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"> | |||||
| <div class="hive contact-social-overlay"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"><i class="fa-skype"></i></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end contact social overlay --> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end Skype Social --> | |||||
| <div class="hive contact-social wow swing pinterest"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href=""> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"> | |||||
| <div class="hive contact-social-overlay"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"><i class="fa-pinterest"></i></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end contact social overlay --> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div><!-- end Pinterest Social --> | |||||
| </div><!-- end Contact Socials --> | |||||
| </section> | |||||
| </div><!-- end Contact --> | |||||
| <div id="footer-wrap"> | |||||
| <footer id="footer" class="general-section clearfix"> | |||||
| <div class="one_third"> | |||||
| <div class="widget newsletter"> | |||||
| <h3><span class="obold">NEWSLETTER</span></h3> | |||||
| <h5>Receive the latest news and promotions</h5> | |||||
| <form method="post" action="#"> | |||||
| <div class="newsletter-elements clearfix"> | |||||
| <input id="newsletter-email" class="input-txt" name="name" type="text" placeholder="Write your email here to suscribe..."> | |||||
| <div class="hive"> | |||||
| <div class="hex outer-hex"> | |||||
| <div class="hex-in1"> | |||||
| <a href="#"> | |||||
| <div class="hex-in2 outer-hex"> | |||||
| <div class="hex inner-hex"> | |||||
| <div class="hex-in1"> | |||||
| <div class="hex-in2 hex-area"> | |||||
| <i class="fa-envelope"></i> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </form> | |||||
| </div><!-- end Newsletter --> | |||||
| <!-- end Text Widget --> | |||||
| </div> | |||||
| <div class="one_third"> | |||||
| <div class="widget widget_text"> | |||||
| <!-- <div class="footer-logo"></div> --> | |||||
| <p>Ulica Cara Dušana 162</p> | |||||
| <p>Niš - Serbia</p> | |||||
| <a href="mailto:office@dilg.net">office@dilg.net</a> | |||||
| </div> | |||||
| <!-- <div class="widget recent-tweets"> | |||||
| <h3>LATEST TWEETS</h3> | |||||
| <h5>Be the first to know, updated every minute</h5> | |||||
| <div class="tweets-container"></div> | |||||
| </div> --> | |||||
| <!-- end Recent Tweet --> | |||||
| </div> | |||||
| <div class="one_third flickr last"> | |||||
| <!-- end flickr widget --> | |||||
| </div> | |||||
| </footer> | |||||
| </div><!-- end Footer --> | |||||
| </div><!-- end container --> | |||||
| <!-- Scripts --> | |||||
| <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script> | |||||
| <script type="text/javascript" src="scripts/jquery.easing.js"></script> | |||||
| <script src="scripts/jquery.easypiechart.min.js"></script> | |||||
| <script type="text/javascript" src="scripts/jquery.flexslider-min.js"></script> | |||||
| <script id="wow_js_file" type="text/javascript" src="scripts/wow.min.js"></script> | |||||
| <script id="waypoints_js_file" type="text/javascript" src="scripts/waypoints.js"></script> | |||||
| <script type="text/javascript" src="scripts/jquery.prettyPhoto.js"></script> | |||||
| <script type="text/javascript" src="scripts/custom.js"></script> | |||||
| <script type="text/javascript" charset="utf-8" src="scripts/twitter/jquery.tweet.js"></script> | |||||
| <script type="text/javascript" src="scripts/jquery.typed.js"></script> | |||||
| <script type="text/javascript"> | |||||
| jQuery(document).ready(function($) { | |||||
| $('.tweets-container').tweet({ | |||||
| modpath: 'scripts/twitter/', | |||||
| count: 3, | |||||
| loading_text: 'loading twitter feed...', | |||||
| username:'odindesign_tw', | |||||
| template: '<div class="hive"><div class="hex outer-hex"><div class="hex-in1"><div class="hex-in2 outer-hex"><div class="hex inner-hex"><div class="hex-in1"><div class="hex-in2 hex-area"><i class="fa-twitter-black"></i></div></div></div></div></div></div></div><div class="twitter-content">{time}<p>{text}</p></div>' | |||||
| }); | |||||
| var $ = jQuery; | |||||
| // process each typed-enabled element | |||||
| $('[data-typed-str]').each(function () { | |||||
| var $this = $(this), | |||||
| texts = $this.attr('data-typed-str').split('|'); | |||||
| $this.html('').append('<span class="typed-container"></span>'); | |||||
| $this.find('> .typed-container').typed({ | |||||
| strings : texts, | |||||
| typeSpeed : 25, | |||||
| loop : ($this.attr('data-typed-repeat') === 'yes'), | |||||
| backDelay : 1500, | |||||
| showCursor: ($this.attr('data-typed-cursor') === 'yes') | |||||
| }); | |||||
| }); | |||||
| }); | |||||
| </script> | |||||
| </body> | |||||
| </html> |
| "use strict"; | |||||
| // start custom scripts | |||||
| (function($) { | |||||
| jQuery(document).ready(function($){ | |||||
| /*========== Swicher ==========*/ | |||||
| /*========== Progress bar ==========*/ | |||||
| function animate() { | |||||
| $(".progress-bar").each(function(){ | |||||
| var progressValue = $(this).attr('data-value'); | |||||
| $(this).animate({width: progressValue +'%'}, 6000); | |||||
| }); | |||||
| } | |||||
| $('#contact-wrap').waypoint(function() { | |||||
| animate(); | |||||
| }); | |||||
| /*========== Disables ==========*/ | |||||
| if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) { | |||||
| $('#animate_css_file, #wow_js_file').remove(); | |||||
| } else { | |||||
| /*========== WOW Animations ==========*/ | |||||
| var wow = new WOW( | |||||
| { | |||||
| animateClass: 'animated', | |||||
| offset: 100 | |||||
| } | |||||
| ); | |||||
| wow.init(); | |||||
| } | |||||
| /*========== Logo Retina ==========*/ | |||||
| if( window.devicePixelRatio > 1 ) { | |||||
| var logoWidth = $('#logo img').width(); | |||||
| var logoHeight = $('#logo img').height(); | |||||
| $('#logo img').attr("src", "images/logo@2x.png"); | |||||
| $('#logo img').css({ 'width': logoWidth , 'height': logoHeight }); | |||||
| } | |||||
| /*========== Team Item Hover ==========*/ | |||||
| $('.team-item').each(function(){ | |||||
| var memberImage = $(this).find('.member-face').attr('style'); | |||||
| var current = $(this).find('.change-color'); | |||||
| $(this).find('.hex-in2.outer-hex').first().hover(function(){ | |||||
| $(this).find('.member-face').css('background','#000'); | |||||
| $(current).css('background-color','#f3b202'); | |||||
| $(this).find('.socials').show(); | |||||
| },function(){ | |||||
| $(this).find('.socials').hide(); | |||||
| $(this).find('.member-face').attr('style', memberImage); | |||||
| $(current).css('background-color','#000'); | |||||
| }); | |||||
| }); | |||||
| /*========== Gallery Item Hover ==========*/ | |||||
| $('.gallery-item').hover(function(){ | |||||
| $(this).find('.gallery-info').stop(true,true).animate({ "top": "0" } ); | |||||
| },function(){ | |||||
| $(this).find('.gallery-info').stop(true,true).animate({ "top": "-999" } ); | |||||
| }); | |||||
| /*========== FlexSlider ==========*/ | |||||
| $('.flexslider').flexslider({ | |||||
| animation: "fade", | |||||
| animationLoop: false, | |||||
| directionNav: false, | |||||
| slideshow: false | |||||
| }); | |||||
| /*========== Pie Chart ==========*/ | |||||
| $('.days').waypoint(function() { | |||||
| $('.chart').easyPieChart({ | |||||
| easing: 'easeOutBounce', | |||||
| barColor: '#f3b202', | |||||
| trackColor: '#595959', | |||||
| lineWidth: '18', | |||||
| lineCap: 'butt', | |||||
| size: '160', | |||||
| scaleColor: false, | |||||
| onStep: function(from, to, percent) { | |||||
| $(this.el).find('.percent').text(Math.round(percent)); | |||||
| } | |||||
| }); | |||||
| }); | |||||
| /*========== Smooth Scroll ==========*/ | |||||
| $('a[href*=#]:not([href=#])').click(function() { | |||||
| $("li.active").removeClass("active").find('.nav-active-mark').remove(); | |||||
| $(this).parent().addClass('active').end().append('<span class="nav-active-mark"></span>'); | |||||
| if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { | |||||
| var target = $(this.hash); | |||||
| target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); | |||||
| if (target.length) { | |||||
| $('html,body').animate({ | |||||
| scrollTop: target.offset().top - 53 | |||||
| }, 1000); | |||||
| return false; | |||||
| } | |||||
| } | |||||
| }); | |||||
| /*========== Graph Bars Animate ==========*/ | |||||
| $('.days').waypoint(function() { | |||||
| $('.graph ul li.bar').each(function() { | |||||
| var curBarHeight = $(this).data('bar-height'); | |||||
| $(this).animate({ height: curBarHeight }, 2000, "easeInOutBack"); | |||||
| }); | |||||
| }); | |||||
| /*========== Intro Note Box Tooltip ==========*/ | |||||
| /*$('.note-1').hover(function(){ | |||||
| $(this).find('.note-tooltip').fadeIn(); | |||||
| },function(){ | |||||
| $(this).find('.note-tooltip').fadeOut(); | |||||
| }); | |||||
| */ | |||||
| /*========== PrettyPhoto ==========*/ | |||||
| $("a[data-rel^='prettyPhoto']").prettyPhoto({theme:'dark_rounded', hook: 'data-rel'}); | |||||
| /*========== Flickr ==========*/ | |||||
| var flickrImageSrc = [ ]; | |||||
| var flickrLink = [ ]; | |||||
| $('.flickr_badge_image').each(function(i){ | |||||
| flickrImageSrc[i] = $(this).find('img').attr('src'); | |||||
| flickrLink[i] = $(this).find('a').attr('href'); | |||||
| }); | |||||
| $('.flickr-item').each(function(i){ | |||||
| $(this).find('.hex-area').css('background-image', 'url(' + flickrImageSrc[i] + ')'); | |||||
| $(this).find('.flickr-link').attr('href', flickrLink[i] ); | |||||
| }); | |||||
| /*========== Window Resize ==========*/ | |||||
| var windowWidth = $(window).width(); | |||||
| var numberOfHexagon = windowWidth / 106; | |||||
| var offsetBackground = ((numberOfHexagon - 14) * 106 ) /2; | |||||
| $('#hexagon-overlay').css('background-position', offsetBackground + 'px' + ' ' + 'top'); | |||||
| $(window).resize(function() { | |||||
| var currentWindowWidth = $(window).width(); | |||||
| if(currentWindowWidth <= 940) return; | |||||
| $('#hexagon-overlay').css('background-position', - ( ( (windowWidth - currentWindowWidth)/2 ) - offsetBackground ) + 'px' + ' ' + 'top'); | |||||
| }); | |||||
| /*========== Mobile Menu ==========*/ | |||||
| $('.mobile-nav-toggle').on('click',function(){ | |||||
| if($(this).attr('class') == 'mobile-nav-toggle deactive') { | |||||
| $('#mobile-navigation').fadeIn(); | |||||
| $(this).removeClass('deactive'); | |||||
| } else { | |||||
| $('#mobile-navigation').fadeOut(); | |||||
| $(this).addClass('deactive'); | |||||
| } | |||||
| }); | |||||
| $("#mobile-navigation li a").on("click", function(){ | |||||
| $('#mobile-navigation').fadeOut(); | |||||
| $(".mobile-nav-toggle").addClass('deactive'); | |||||
| }); | |||||
| $(window).resize(function(){ | |||||
| var w = $(window).width(); | |||||
| if(w > 767) { | |||||
| $('#mobile-navigation').fadeOut(); | |||||
| $(".mobile-nav-toggle").addClass('deactive'); | |||||
| } | |||||
| }); | |||||
| /*========== Contact Form Validation ==========*/ | |||||
| function isValidEmailAddress(emailAddress) { | |||||
| var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i); | |||||
| return pattern.test(emailAddress); | |||||
| } | |||||
| $('.contact-form form').submit(function() { | |||||
| var hasError = false; | |||||
| var comment = $('#message-txt').val(); | |||||
| if ($.trim(comment) == '') { | |||||
| $('#message-txt').addClass('error'); | |||||
| $('#message-txt').focus(); | |||||
| hasError = true; | |||||
| } | |||||
| else { | |||||
| $('#message-txt').removeClass('error'); | |||||
| } | |||||
| var subject = $('#subject-txt').val(); | |||||
| if ($.trim(subject) == '') { | |||||
| $('#subject-txt').addClass('error'); | |||||
| $('#subject-txt').focus(); | |||||
| hasError = true; | |||||
| } | |||||
| else { | |||||
| $('#subject-txt').removeClass('error'); | |||||
| } | |||||
| var emailVal = $('#email-txt').val(); | |||||
| if ($.trim(emailVal) == '' || !isValidEmailAddress(emailVal)) { | |||||
| $('#email-txt').addClass('error'); | |||||
| $('#email-txt').focus(); | |||||
| hasError = true; | |||||
| } | |||||
| else { | |||||
| $('#email-txt').removeClass('error'); | |||||
| } | |||||
| var name = $('#name-txt').val(); | |||||
| if ($.trim(name) == '') { | |||||
| $('#name-txt').addClass('error'); | |||||
| $('#name-txt').focus(); | |||||
| hasError = true; | |||||
| } | |||||
| else { | |||||
| $('#name-txt').removeClass('error'); | |||||
| } | |||||
| if (!hasError) { | |||||
| $('#submit').fadeOut('normal', function(){ | |||||
| $('.loading').css({ | |||||
| display: "block" | |||||
| }); | |||||
| }); | |||||
| $.post($('.contact-form form').attr('action'), $('.contact-form form').serialize(), function(data){ | |||||
| $('.log').html(data); | |||||
| $('.loading').remove(); | |||||
| $('.contact-form form').slideUp('slow'); | |||||
| }); | |||||
| } | |||||
| return false; | |||||
| }); | |||||
| }); // end jquery init | |||||
| })(jQuery); |
| /* | |||||
| * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ | |||||
| * | |||||
| * Uses the built in easing capabilities added In jQuery 1.1 | |||||
| * to offer multiple easing options | |||||
| * | |||||
| * TERMS OF USE - jQuery Easing | |||||
| * | |||||
| * Open source under the BSD License. | |||||
| * | |||||
| * Copyright © 2008 George McGinley Smith | |||||
| * All rights reserved. | |||||
| * | |||||
| * Redistribution and use in source and binary forms, with or without modification, | |||||
| * are permitted provided that the following conditions are met: | |||||
| * | |||||
| * Redistributions of source code must retain the above copyright notice, this list of | |||||
| * conditions and the following disclaimer. | |||||
| * Redistributions in binary form must reproduce the above copyright notice, this list | |||||
| * of conditions and the following disclaimer in the documentation and/or other materials | |||||
| * provided with the distribution. | |||||
| * | |||||
| * Neither the name of the author nor the names of contributors may be used to endorse | |||||
| * or promote products derived from this software without specific prior written permission. | |||||
| * | |||||
| * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY | |||||
| * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF | |||||
| * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE | |||||
| * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, | |||||
| * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE | |||||
| * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED | |||||
| * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING | |||||
| * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED | |||||
| * OF THE POSSIBILITY OF SUCH DAMAGE. | |||||
| * | |||||
| */ | |||||
| // t: current time, b: begInnIng value, c: change In value, d: duration | |||||
| jQuery.easing['jswing'] = jQuery.easing['swing']; | |||||
| jQuery.extend( jQuery.easing, | |||||
| { | |||||
| def: 'easeOutQuad', | |||||
| swing: function (x, t, b, c, d) { | |||||
| //alert(jQuery.easing.default); | |||||
| return jQuery.easing[jQuery.easing.def](x, t, b, c, d); | |||||
| }, | |||||
| easeInQuad: function (x, t, b, c, d) { | |||||
| return c*(t/=d)*t + b; | |||||
| }, | |||||
| easeOutQuad: function (x, t, b, c, d) { | |||||
| return -c *(t/=d)*(t-2) + b; | |||||
| }, | |||||
| easeInOutQuad: function (x, t, b, c, d) { | |||||
| if ((t/=d/2) < 1) return c/2*t*t + b; | |||||
| return -c/2 * ((--t)*(t-2) - 1) + b; | |||||
| }, | |||||
| easeInCubic: function (x, t, b, c, d) { | |||||
| return c*(t/=d)*t*t + b; | |||||
| }, | |||||
| easeOutCubic: function (x, t, b, c, d) { | |||||
| return c*((t=t/d-1)*t*t + 1) + b; | |||||
| }, | |||||
| easeInOutCubic: function (x, t, b, c, d) { | |||||
| if ((t/=d/2) < 1) return c/2*t*t*t + b; | |||||
| return c/2*((t-=2)*t*t + 2) + b; | |||||
| }, | |||||
| easeInQuart: function (x, t, b, c, d) { | |||||
| return c*(t/=d)*t*t*t + b; | |||||
| }, | |||||
| easeOutQuart: function (x, t, b, c, d) { | |||||
| return -c * ((t=t/d-1)*t*t*t - 1) + b; | |||||
| }, | |||||
| easeInOutQuart: function (x, t, b, c, d) { | |||||
| if ((t/=d/2) < 1) return c/2*t*t*t*t + b; | |||||
| return -c/2 * ((t-=2)*t*t*t - 2) + b; | |||||
| }, | |||||
| easeInQuint: function (x, t, b, c, d) { | |||||
| return c*(t/=d)*t*t*t*t + b; | |||||
| }, | |||||
| easeOutQuint: function (x, t, b, c, d) { | |||||
| return c*((t=t/d-1)*t*t*t*t + 1) + b; | |||||
| }, | |||||
| easeInOutQuint: function (x, t, b, c, d) { | |||||
| if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; | |||||
| return c/2*((t-=2)*t*t*t*t + 2) + b; | |||||
| }, | |||||
| easeInSine: function (x, t, b, c, d) { | |||||
| return -c * Math.cos(t/d * (Math.PI/2)) + c + b; | |||||
| }, | |||||
| easeOutSine: function (x, t, b, c, d) { | |||||
| return c * Math.sin(t/d * (Math.PI/2)) + b; | |||||
| }, | |||||
| easeInOutSine: function (x, t, b, c, d) { | |||||
| return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; | |||||
| }, | |||||
| easeInExpo: function (x, t, b, c, d) { | |||||
| return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; | |||||
| }, | |||||
| easeOutExpo: function (x, t, b, c, d) { | |||||
| return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; | |||||
| }, | |||||
| easeInOutExpo: function (x, t, b, c, d) { | |||||
| if (t==0) return b; | |||||
| if (t==d) return b+c; | |||||
| if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; | |||||
| return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; | |||||
| }, | |||||
| easeInCirc: function (x, t, b, c, d) { | |||||
| return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; | |||||
| }, | |||||
| easeOutCirc: function (x, t, b, c, d) { | |||||
| return c * Math.sqrt(1 - (t=t/d-1)*t) + b; | |||||
| }, | |||||
| easeInOutCirc: function (x, t, b, c, d) { | |||||
| if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; | |||||
| return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; | |||||
| }, | |||||
| easeInElastic: function (x, t, b, c, d) { | |||||
| var s=1.70158;var p=0;var a=c; | |||||
| if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; | |||||
| if (a < Math.abs(c)) { a=c; var s=p/4; } | |||||
| else var s = p/(2*Math.PI) * Math.asin (c/a); | |||||
| return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; | |||||
| }, | |||||
| easeOutElastic: function (x, t, b, c, d) { | |||||
| var s=1.70158;var p=0;var a=c; | |||||
| if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; | |||||
| if (a < Math.abs(c)) { a=c; var s=p/4; } | |||||
| else var s = p/(2*Math.PI) * Math.asin (c/a); | |||||
| return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; | |||||
| }, | |||||
| easeInOutElastic: function (x, t, b, c, d) { | |||||
| var s=1.70158;var p=0;var a=c; | |||||
| if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); | |||||
| if (a < Math.abs(c)) { a=c; var s=p/4; } | |||||
| else var s = p/(2*Math.PI) * Math.asin (c/a); | |||||
| if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; | |||||
| return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; | |||||
| }, | |||||
| easeInBack: function (x, t, b, c, d, s) { | |||||
| if (s == undefined) s = 1.70158; | |||||
| return c*(t/=d)*t*((s+1)*t - s) + b; | |||||
| }, | |||||
| easeOutBack: function (x, t, b, c, d, s) { | |||||
| if (s == undefined) s = 1.70158; | |||||
| return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; | |||||
| }, | |||||
| easeInOutBack: function (x, t, b, c, d, s) { | |||||
| if (s == undefined) s = 1.70158; | |||||
| if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; | |||||
| return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; | |||||
| }, | |||||
| easeInBounce: function (x, t, b, c, d) { | |||||
| return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b; | |||||
| }, | |||||
| easeOutBounce: function (x, t, b, c, d) { | |||||
| if ((t/=d) < (1/2.75)) { | |||||
| return c*(7.5625*t*t) + b; | |||||
| } else if (t < (2/2.75)) { | |||||
| return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; | |||||
| } else if (t < (2.5/2.75)) { | |||||
| return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; | |||||
| } else { | |||||
| return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; | |||||
| } | |||||
| }, | |||||
| easeInOutBounce: function (x, t, b, c, d) { | |||||
| if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b; | |||||
| return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b; | |||||
| } | |||||
| }); | |||||
| /* | |||||
| * | |||||
| * TERMS OF USE - EASING EQUATIONS | |||||
| * | |||||
| * Open source under the BSD License. | |||||
| * | |||||
| * Copyright © 2001 Robert Penner | |||||
| * All rights reserved. | |||||
| * | |||||
| * Redistribution and use in source and binary forms, with or without modification, | |||||
| * are permitted provided that the following conditions are met: | |||||
| * | |||||
| * Redistributions of source code must retain the above copyright notice, this list of | |||||
| * conditions and the following disclaimer. | |||||
| * Redistributions in binary form must reproduce the above copyright notice, this list | |||||
| * of conditions and the following disclaimer in the documentation and/or other materials | |||||
| * provided with the distribution. | |||||
| * | |||||
| * Neither the name of the author nor the names of contributors may be used to endorse | |||||
| * or promote products derived from this software without specific prior written permission. | |||||
| * | |||||
| * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY | |||||
| * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF | |||||
| * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE | |||||
| * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, | |||||
| * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE | |||||
| * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED | |||||
| * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING | |||||
| * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED | |||||
| * OF THE POSSIBILITY OF SUCH DAMAGE. | |||||
| * | |||||
| */ |
| /**! | |||||
| * easyPieChart | |||||
| * Lightweight plugin to render simple, animated and retina optimized pie charts | |||||
| * | |||||
| * @license | |||||
| * @author Robert Fleischmann <rendro87@gmail.com> (http://robert-fleischmann.de) | |||||
| * @version 2.1.4 | |||||
| **/ | |||||
| !function(a,b){"object"==typeof exports?module.exports=b(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],b):b(a.jQuery)}(this,function(a){var b=function(a,b){var c,d=document.createElement("canvas");a.appendChild(d),"undefined"!=typeof G_vmlCanvasManager&&G_vmlCanvasManager.initElement(d);var e=d.getContext("2d");d.width=d.height=b.size;var f=1;window.devicePixelRatio>1&&(f=window.devicePixelRatio,d.style.width=d.style.height=[b.size,"px"].join(""),d.width=d.height=b.size*f,e.scale(f,f)),e.translate(b.size/2,b.size/2),e.rotate((-0.5+b.rotate/180)*Math.PI);var g=(b.size-b.lineWidth)/2;b.scaleColor&&b.scaleLength&&(g-=b.scaleLength+2),Date.now=Date.now||function(){return+new Date};var h=function(a,b,c){c=Math.min(Math.max(-1,c||0),1);var d=0>=c?!0:!1;e.beginPath(),e.arc(0,0,g,0,2*Math.PI*c,d),e.strokeStyle=a,e.lineWidth=b,e.stroke()},i=function(){var a,c;e.lineWidth=1,e.fillStyle=b.scaleColor,e.save();for(var d=24;d>0;--d)d%6===0?(c=b.scaleLength,a=0):(c=.6*b.scaleLength,a=b.scaleLength-c),e.fillRect(-b.size/2+a,0,c,1),e.rotate(Math.PI/12);e.restore()},j=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1e3/60)}}(),k=function(){b.scaleColor&&i(),b.trackColor&&h(b.trackColor,b.lineWidth,1)};this.getCanvas=function(){return d},this.getCtx=function(){return e},this.clear=function(){e.clearRect(b.size/-2,b.size/-2,b.size,b.size)},this.draw=function(a){b.scaleColor||b.trackColor?e.getImageData&&e.putImageData?c?e.putImageData(c,0,0):(k(),c=e.getImageData(0,0,b.size*f,b.size*f)):(this.clear(),k()):this.clear(),e.lineCap=b.lineCap;var d;d="function"==typeof b.barColor?b.barColor(a):b.barColor,h(d,b.lineWidth,a/100)}.bind(this),this.animate=function(a,c){var d=Date.now();b.onStart(a,c);var e=function(){var f=Math.min(Date.now()-d,b.animate.duration),g=b.easing(this,f,a,c-a,b.animate.duration);this.draw(g),b.onStep(a,c,g),f>=b.animate.duration?b.onStop(a,c):j(e)}.bind(this);j(e)}.bind(this)},c=function(a,c){var d={barColor:"#ef1e25",trackColor:"#f9f9f9",scaleColor:"#dfe0e0",scaleLength:5,lineCap:"round",lineWidth:3,size:110,rotate:0,animate:{duration:1e3,enabled:!0},easing:function(a,b,c,d,e){return b/=e/2,1>b?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},onStart:function(){},onStep:function(){},onStop:function(){}};if("undefined"!=typeof b)d.renderer=b;else{if("undefined"==typeof SVGRenderer)throw new Error("Please load either the SVG- or the CanvasRenderer");d.renderer=SVGRenderer}var e={},f=0,g=function(){this.el=a,this.options=e;for(var b in d)d.hasOwnProperty(b)&&(e[b]=c&&"undefined"!=typeof c[b]?c[b]:d[b],"function"==typeof e[b]&&(e[b]=e[b].bind(this)));e.easing="string"==typeof e.easing&&"undefined"!=typeof jQuery&&jQuery.isFunction(jQuery.easing[e.easing])?jQuery.easing[e.easing]:d.easing,"number"==typeof e.animate&&(e.animate={duration:e.animate,enabled:!0}),"boolean"!=typeof e.animate||e.animate||(e.animate={duration:1e3,enabled:e.animate}),this.renderer=new e.renderer(a,e),this.renderer.draw(f),a.dataset&&a.dataset.percent?this.update(parseFloat(a.dataset.percent)):a.getAttribute&&a.getAttribute("data-percent")&&this.update(parseFloat(a.getAttribute("data-percent")))}.bind(this);this.update=function(a){return a=parseFloat(a),e.animate.enabled?this.renderer.animate(f,a):this.renderer.draw(a),f=a,this}.bind(this),this.disableAnimation=function(){return e.animate.enabled=!1,this},this.enableAnimation=function(){return e.animate.enabled=!0,this},g()};a.fn.easyPieChart=function(b){return this.each(function(){var d;a.data(this,"easyPieChart")||(d=a.extend({},b,a(this).data()),a.data(this,"easyPieChart",new c(this,d)))})}}); |
| // jquery.tweet.js - See http://tweet.seaofclouds.com/ or https://github.com/seaofclouds/tweet for more info | |||||
| // Copyright (c) 2008-2012 Todd Matthews & Steve Purcell | |||||
| // Modified by Stan Scates for https://github.com/StanScates/Tweet.js-Mod | |||||
| (function (factory) { | |||||
| if (typeof define === 'function' && define.amd) | |||||
| define(['jquery'], factory); // AMD support for RequireJS etc. | |||||
| else | |||||
| factory(jQuery); | |||||
| }(function ($) { | |||||
| $.fn.tweet = function(o){ | |||||
| var s = $.extend({ | |||||
| modpath: "/twitter/", // [string] relative URL to Tweet.js mod (see https://github.com/StanScates/Tweet.js-Mod) | |||||
| username: null, // [string or array] required unless using the 'query' option; one or more twitter screen names (use 'list' option for multiple names, where possible) | |||||
| list_id: null, // [integer] ID of list to fetch when using list functionality | |||||
| list: null, // [string] optional slug of list belonging to username | |||||
| favorites: false, // [boolean] display the user's favorites instead of his tweets | |||||
| query: null, // [string] optional search query (see also: http://search.twitter.com/operators) | |||||
| avatar_size: null, // [integer] height and width of avatar if displayed (48px max) | |||||
| count: 3, // [integer] how many tweets to display? | |||||
| fetch: null, // [integer] how many tweets to fetch via the API (set this higher than 'count' if using the 'filter' option) | |||||
| page: 1, // [integer] which page of results to fetch (if count != fetch, you'll get unexpected results) | |||||
| retweets: true, // [boolean] whether to fetch (official) retweets (not supported in all display modes) | |||||
| intro_text: null, // [string] do you want text BEFORE your your tweets? | |||||
| outro_text: null, // [string] do you want text AFTER your tweets? | |||||
| join_text: null, // [string] optional text in between date and tweet, try setting to "auto" | |||||
| auto_join_text_default: "i said,", // [string] auto text for non verb: "i said" bullocks | |||||
| auto_join_text_ed: "i", // [string] auto text for past tense: "i" surfed | |||||
| auto_join_text_ing: "i am", // [string] auto tense for present tense: "i was" surfing | |||||
| auto_join_text_reply: "i replied to", // [string] auto tense for replies: "i replied to" @someone "with" | |||||
| auto_join_text_url: "i was looking at", // [string] auto tense for urls: "i was looking at" http:... | |||||
| loading_text: null, // [string] optional loading text, displayed while tweets load | |||||
| refresh_interval: null , // [integer] optional number of seconds after which to reload tweets | |||||
| twitter_url: "twitter.com", // [string] custom twitter url, if any (apigee, etc.) | |||||
| twitter_api_url: "api.twitter.com", // [string] custom twitter api url, if any (apigee, etc.) | |||||
| twitter_search_url: "api.twitter.com", // [string] custom twitter search url, if any (apigee, etc.) | |||||
| template: "{avatar}{time}{join}{text}", // [string or function] template used to construct each tweet <li> - see code for available vars | |||||
| comparator: function(tweet1, tweet2) { // [function] comparator used to sort tweets (see Array.sort) | |||||
| return tweet2["tweet_time"] - tweet1["tweet_time"]; | |||||
| }, | |||||
| filter: function(tweet) { // [function] whether or not to include a particular tweet (be sure to also set 'fetch') | |||||
| return true; | |||||
| } | |||||
| // You can attach callbacks to the following events using jQuery's standard .bind() mechanism: | |||||
| // "loaded" -- triggered when tweets have been fetched and rendered | |||||
| }, o); | |||||
| // See http://daringfireball.net/2010/07/improved_regex_for_matching_urls | |||||
| var url_regexp = /\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»“â€â€˜â€™]))/gi; | |||||
| // Expand values inside simple string templates with {placeholders} | |||||
| function t(template, info) { | |||||
| if (typeof template === "string") { | |||||
| var result = template; | |||||
| for(var key in info) { | |||||
| var val = info[key]; | |||||
| result = result.replace(new RegExp('{'+key+'}','g'), val === null ? '' : val); | |||||
| } | |||||
| return result; | |||||
| } else return template(info); | |||||
| } | |||||
| // Export the t function for use when passing a function as the 'template' option | |||||
| $.extend({tweet: {t: t}}); | |||||
| function replacer (regex, replacement) { | |||||
| return function() { | |||||
| var returning = []; | |||||
| this.each(function() { | |||||
| returning.push(this.replace(regex, replacement)); | |||||
| }); | |||||
| return $(returning); | |||||
| }; | |||||
| } | |||||
| function escapeHTML(s) { | |||||
| return s.replace(/</g,"<").replace(/>/g,"^>"); | |||||
| } | |||||
| $.fn.extend({ | |||||
| linkUser: replacer(/(^|[\W])@(\w+)/gi, "$1<span class=\"at\">@</span><a href=\"http://"+s.twitter_url+"/$2\">$2</a>"), | |||||
| // Support various latin1 (\u00**) and arabic (\u06**) alphanumeric chars | |||||
| linkHash: replacer(/(?:^| )[\#]+([\w\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u00ff\u0600-\u06ff]+)/gi, | |||||
| ' <a href="https://twitter.com/search?q=%23$1'+((s.username && s.username.length == 1 && !s.list) ? '&from='+s.username.join("%2BOR%2B") : '')+'" class="tweet_hashtag">#$1</a>'), | |||||
| makeHeart: replacer(/(<)+[3]/gi, "<tt class='heart'>♥</tt>") | |||||
| }); | |||||
| function linkURLs(text, entities) { | |||||
| return text.replace(url_regexp, function(match) { | |||||
| var url = (/^[a-z]+:/i).test(match) ? match : "http://"+match; | |||||
| var text = match; | |||||
| for(var i = 0; i < entities.length; ++i) { | |||||
| var entity = entities[i]; | |||||
| if (entity.url == url && entity.expanded_url) { | |||||
| url = entity.expanded_url; | |||||
| text = entity.display_url; | |||||
| break; | |||||
| } | |||||
| } | |||||
| return "<a href=\""+escapeHTML(url)+"\">"+escapeHTML(text)+"</a>"; | |||||
| }); | |||||
| } | |||||
| function parse_date(date_str) { | |||||
| // The non-search twitter APIs return inconsistently-formatted dates, which Date.parse | |||||
| // cannot handle in IE. We therefore perform the following transformation: | |||||
| // "Wed Apr 29 08:53:31 +0000 2009" => "Wed, Apr 29 2009 08:53:31 +0000" | |||||
| return Date.parse(date_str.replace(/^([a-z]{3})( [a-z]{3} \d\d?)(.*)( \d{4})$/i, '$1,$2$4$3')); | |||||
| } | |||||
| function relative_time(date) { | |||||
| var relative_to = (arguments.length > 1) ? arguments[1] : new Date(); | |||||
| var delta = parseInt((relative_to.getTime() - date) / 1000, 10); | |||||
| var r = ''; | |||||
| if (delta < 1) { | |||||
| r = 'just now'; | |||||
| } else if (delta < 60) { | |||||
| r = delta + ' seconds ago'; | |||||
| } else if(delta < 120) { | |||||
| r = 'about a minute ago'; | |||||
| } else if(delta < (45*60)) { | |||||
| r = 'about ' + (parseInt(delta / 60, 10)).toString() + ' minutes ago'; | |||||
| } else if(delta < (2*60*60)) { | |||||
| r = 'about an hour ago'; | |||||
| } else if(delta < (24*60*60)) { | |||||
| r = 'about ' + (parseInt(delta / 3600, 10)).toString() + ' hours ago'; | |||||
| } else if(delta < (48*60*60)) { | |||||
| r = 'about a day ago'; | |||||
| } else { | |||||
| r = 'about ' + (parseInt(delta / 86400, 10)).toString() + ' days ago'; | |||||
| } | |||||
| return r; | |||||
| } | |||||
| function build_auto_join_text(text) { | |||||
| if (text.match(/^(@([A-Za-z0-9-_]+)) .*/i)) { | |||||
| return s.auto_join_text_reply; | |||||
| } else if (text.match(url_regexp)) { | |||||
| return s.auto_join_text_url; | |||||
| } else if (text.match(/^((\w+ed)|just) .*/im)) { | |||||
| return s.auto_join_text_ed; | |||||
| } else if (text.match(/^(\w*ing) .*/i)) { | |||||
| return s.auto_join_text_ing; | |||||
| } else { | |||||
| return s.auto_join_text_default; | |||||
| } | |||||
| } | |||||
| function build_api_request() { | |||||
| var modpath = s.modpath, | |||||
| count = (s.fetch === null) ? s.count : s.fetch, | |||||
| defaults = { | |||||
| include_entities: 1 | |||||
| }; | |||||
| if (s.list) { | |||||
| return { | |||||
| host: s.twitter_api_url, | |||||
| url: "/1.1/lists/statuses.json", | |||||
| parameters: $.extend({}, defaults, { | |||||
| list_id: s.list_id, | |||||
| slug: s.list, | |||||
| owner_screen_name: s.username, | |||||
| page: s.page, | |||||
| count: count, | |||||
| include_rts: (s.retweets ? 1 : 0) | |||||
| }) | |||||
| }; | |||||
| } else if (s.favorites) { | |||||
| return { | |||||
| host: s.twitter_api_url, | |||||
| url: "/1.1/favorites/list.json", | |||||
| parameters: $.extend({}, defaults, { | |||||
| list_id: s.list_id, | |||||
| screen_name: s.username, | |||||
| page: s.page, | |||||
| count: count | |||||
| }) | |||||
| }; | |||||
| } else if (s.query === null && s.username.length === 1) { | |||||
| return { | |||||
| host: s.twitter_api_url, | |||||
| url: "/1.1/statuses/user_timeline.json", | |||||
| parameters: $.extend({}, defaults, { | |||||
| screen_name: s.username, | |||||
| page: s.page, | |||||
| count: count, | |||||
| include_rts: (s.retweets ? 1 : 0) | |||||
| }) | |||||
| }; | |||||
| } else { | |||||
| var query = (s.query || 'from:'+s.username.join(' OR from:')); | |||||
| return { | |||||
| host: s.twitter_search_url, | |||||
| url: "/1.1/search/tweets.json", | |||||
| parameters: $.extend({}, defaults, { | |||||
| q: query, | |||||
| count: count | |||||
| }) | |||||
| }; | |||||
| } | |||||
| } | |||||
| function extract_avatar_url(item, secure) { | |||||
| if (secure) { | |||||
| return ('user' in item) ? | |||||
| item.user.profile_image_url_https : | |||||
| extract_avatar_url(item, false). | |||||
| replace(/^http:\/\/[a-z0-9]{1,3}\.twimg\.com\//, "https://s3.amazonaws.com/twitter_production/"); | |||||
| } else { | |||||
| return item.profile_image_url || item.user.profile_image_url; | |||||
| } | |||||
| } | |||||
| // Convert twitter API objects into data available for | |||||
| // constructing each tweet <li> using a template | |||||
| function extract_template_data(item) { | |||||
| var o = {}; | |||||
| o.item = item; | |||||
| o.source = item.source; | |||||
| // The actual user name is not returned by all Twitter APIs, so please do not file an issue if it is empty. | |||||
| o.name = item.from_user_name || item.user.name; | |||||
| o.screen_name = item.from_user || item.user.screen_name; | |||||
| o.avatar_size = s.avatar_size; | |||||
| o.avatar_url = extract_avatar_url(item, (document.location.protocol === 'https:')); | |||||
| o.retweet = typeof(item.retweeted_status) != 'undefined'; | |||||
| o.tweet_time = parse_date(item.created_at); | |||||
| o.join_text = s.join_text == "auto" ? build_auto_join_text(item.text) : s.join_text; | |||||
| o.tweet_id = item.id_str; | |||||
| o.twitter_base = "http://"+s.twitter_url+"/"; | |||||
| o.user_url = o.twitter_base+o.screen_name; | |||||
| o.tweet_url = o.user_url+"/status/"+o.tweet_id; | |||||
| o.reply_url = o.twitter_base+"intent/tweet?in_reply_to="+o.tweet_id; | |||||
| o.retweet_url = o.twitter_base+"intent/retweet?tweet_id="+o.tweet_id; | |||||
| o.favorite_url = o.twitter_base+"intent/favorite?tweet_id="+o.tweet_id; | |||||
| o.retweeted_screen_name = o.retweet && item.retweeted_status.user.screen_name; | |||||
| o.tweet_relative_time = relative_time(o.tweet_time); | |||||
| o.entities = item.entities ? (item.entities.urls || []).concat(item.entities.media || []) : []; | |||||
| o.tweet_raw_text = o.retweet ? ('RT @'+o.retweeted_screen_name+' '+item.retweeted_status.text) : item.text; // avoid '...' in long retweets | |||||
| o.tweet_text = $([linkURLs(o.tweet_raw_text, o.entities)]).linkUser().linkHash()[0]; | |||||
| o.tweet_text_fancy = $([o.tweet_text]).makeHeart()[0]; | |||||
| // Default spans, and pre-formatted blocks for common layouts | |||||
| o.user = t('<a class="tweet_user" href="{user_url}">{screen_name}</a>', o); | |||||
| o.join = s.join_text ? t(' <span class="tweet_join">{join_text}</span> ', o) : ' '; | |||||
| o.avatar = o.avatar_size ? | |||||
| t('<a class="tweet_avatar" href="{user_url}"><img src="{avatar_url}" height="{avatar_size}" width="{avatar_size}" alt="{screen_name}\'s avatar" title="{screen_name}\'s avatar" border="0"/></a>', o) : ''; | |||||
| o.time = t('<span class="tweet_time"><a href="{tweet_url}" title="view tweet on twitter">{tweet_relative_time}</a></span>', o); | |||||
| o.text = t('<span class="tweet_text">{tweet_text_fancy}</span>', o); | |||||
| o.reply_action = t('<a class="tweet_action tweet_reply" href="{reply_url}">reply</a>', o); | |||||
| o.retweet_action = t('<a class="tweet_action tweet_retweet" href="{retweet_url}">retweet</a>', o); | |||||
| o.favorite_action = t('<a class="tweet_action tweet_favorite" href="{favorite_url}">favorite</a>', o); | |||||
| return o; | |||||
| } | |||||
| return this.each(function(i, widget){ | |||||
| var list = $('<ul class="tweet_list">'); | |||||
| var intro = '<p class="tweet_intro">'+s.intro_text+'</p>'; | |||||
| var outro = '<p class="tweet_outro">'+s.outro_text+'</p>'; | |||||
| var loading = $('<p class="loading">'+s.loading_text+'</p>'); | |||||
| if(s.username && typeof(s.username) == "string"){ | |||||
| s.username = [s.username]; | |||||
| } | |||||
| $(widget).unbind("tweet:load").bind("tweet:load", function(){ | |||||
| if (s.loading_text) $(widget).empty().append(loading); | |||||
| $.ajax({ | |||||
| dataType: "json", | |||||
| type: "post", | |||||
| async: false, | |||||
| url: s.modpath || "/twitter/", | |||||
| data: { request: build_api_request() }, | |||||
| success: function(data, status) { | |||||
| if(data.message) { | |||||
| console.log(data.message); | |||||
| } | |||||
| var response = data.response; | |||||
| $(widget).empty().append(list); | |||||
| if (s.intro_text) list.before(intro); | |||||
| list.empty(); | |||||
| if(response.statuses !== undefined) { | |||||
| resp = response.statuses; | |||||
| } else if(response.results !== undefined) { | |||||
| resp = response.results; | |||||
| } else { | |||||
| resp = response; | |||||
| } | |||||
| var tweets = $.map(resp, extract_template_data); | |||||
| tweets = $.grep(tweets, s.filter).sort(s.comparator).slice(0, s.count); | |||||
| list.append($.map(tweets, function(o) { return "<li>" + t(s.template, o) + "</li>"; }).join('')). | |||||
| children('li:first').addClass('tweet_first').end(). | |||||
| children('li:odd').addClass('tweet_even').end(). | |||||
| children('li:even').addClass('tweet_odd'); | |||||
| if (s.outro_text) list.after(outro); | |||||
| $(widget).trigger("loaded").trigger((tweets ? "empty" : "full")); | |||||
| if (s.refresh_interval) { | |||||
| window.setTimeout(function() { $(widget).trigger("tweet:load"); }, 1000 * s.refresh_interval); | |||||
| } | |||||
| } | |||||
| }); | |||||
| }).trigger("tweet:load"); | |||||
| }); | |||||
| }; | |||||
| })); |
| // Generated by CoffeeScript 1.6.2 | |||||
| /* | |||||
| jQuery Waypoints - v2.0.4 | |||||
| Copyright (c) 2011-2014 Caleb Troughton | |||||
| Dual licensed under the MIT license and GPL license. | |||||
| https://github.com/imakewebthings/jquery-waypoints/blob/master/licenses.txt | |||||
| */ | |||||
| (function() { | |||||
| var __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; }, | |||||
| __slice = [].slice; | |||||
| (function(root, factory) { | |||||
| if (typeof define === 'function' && define.amd) { | |||||
| return define('waypoints', ['jquery'], function($) { | |||||
| return factory($, root); | |||||
| }); | |||||
| } else { | |||||
| return factory(root.jQuery, root); | |||||
| } | |||||
| })(this, function($, window) { | |||||
| var $w, Context, Waypoint, allWaypoints, contextCounter, contextKey, contexts, isTouch, jQMethods, methods, resizeEvent, scrollEvent, waypointCounter, waypointKey, wp, wps; | |||||
| $w = $(window); | |||||
| isTouch = __indexOf.call(window, 'ontouchstart') >= 0; | |||||
| allWaypoints = { | |||||
| horizontal: {}, | |||||
| vertical: {} | |||||
| }; | |||||
| contextCounter = 1; | |||||
| contexts = {}; | |||||
| contextKey = 'waypoints-context-id'; | |||||
| resizeEvent = 'resize.waypoints'; | |||||
| scrollEvent = 'scroll.waypoints'; | |||||
| waypointCounter = 1; | |||||
| waypointKey = 'waypoints-waypoint-ids'; | |||||
| wp = 'waypoint'; | |||||
| wps = 'waypoints'; | |||||
| Context = (function() { | |||||
| function Context($element) { | |||||
| var _this = this; | |||||
| this.$element = $element; | |||||
| this.element = $element[0]; | |||||
| this.didResize = false; | |||||
| this.didScroll = false; | |||||
| this.id = 'context' + contextCounter++; | |||||
| this.oldScroll = { | |||||
| x: $element.scrollLeft(), | |||||
| y: $element.scrollTop() | |||||
| }; | |||||
| this.waypoints = { | |||||
| horizontal: {}, | |||||
| vertical: {} | |||||
| }; | |||||
| this.element[contextKey] = this.id; | |||||
| contexts[this.id] = this; | |||||
| $element.bind(scrollEvent, function() { | |||||
| var scrollHandler; | |||||
| if (!(_this.didScroll || isTouch)) { | |||||
| _this.didScroll = true; | |||||
| scrollHandler = function() { | |||||
| _this.doScroll(); | |||||
| return _this.didScroll = false; | |||||
| }; | |||||
| return window.setTimeout(scrollHandler, $[wps].settings.scrollThrottle); | |||||
| } | |||||
| }); | |||||
| $element.bind(resizeEvent, function() { | |||||
| var resizeHandler; | |||||
| if (!_this.didResize) { | |||||
| _this.didResize = true; | |||||
| resizeHandler = function() { | |||||
| $[wps]('refresh'); | |||||
| return _this.didResize = false; | |||||
| }; | |||||
| return window.setTimeout(resizeHandler, $[wps].settings.resizeThrottle); | |||||
| } | |||||
| }); | |||||
| } | |||||
| Context.prototype.doScroll = function() { | |||||
| var axes, | |||||
| _this = this; | |||||
| axes = { | |||||
| horizontal: { | |||||
| newScroll: this.$element.scrollLeft(), | |||||
| oldScroll: this.oldScroll.x, | |||||
| forward: 'right', | |||||
| backward: 'left' | |||||
| }, | |||||
| vertical: { | |||||
| newScroll: this.$element.scrollTop(), | |||||
| oldScroll: this.oldScroll.y, | |||||
| forward: 'down', | |||||
| backward: 'up' | |||||
| } | |||||
| }; | |||||
| if (isTouch && (!axes.vertical.oldScroll || !axes.vertical.newScroll)) { | |||||
| $[wps]('refresh'); | |||||
| } | |||||
| $.each(axes, function(aKey, axis) { | |||||
| var direction, isForward, triggered; | |||||
| triggered = []; | |||||
| isForward = axis.newScroll > axis.oldScroll; | |||||
| direction = isForward ? axis.forward : axis.backward; | |||||
| $.each(_this.waypoints[aKey], function(wKey, waypoint) { | |||||
| var _ref, _ref1; | |||||
| if ((axis.oldScroll < (_ref = waypoint.offset) && _ref <= axis.newScroll)) { | |||||
| return triggered.push(waypoint); | |||||
| } else if ((axis.newScroll < (_ref1 = waypoint.offset) && _ref1 <= axis.oldScroll)) { | |||||
| return triggered.push(waypoint); | |||||
| } | |||||
| }); | |||||
| triggered.sort(function(a, b) { | |||||
| return a.offset - b.offset; | |||||
| }); | |||||
| if (!isForward) { | |||||
| triggered.reverse(); | |||||
| } | |||||
| return $.each(triggered, function(i, waypoint) { | |||||
| if (waypoint.options.continuous || i === triggered.length - 1) { | |||||
| return waypoint.trigger([direction]); | |||||
| } | |||||
| }); | |||||
| }); | |||||
| return this.oldScroll = { | |||||
| x: axes.horizontal.newScroll, | |||||
| y: axes.vertical.newScroll | |||||
| }; | |||||
| }; | |||||
| Context.prototype.refresh = function() { | |||||
| var axes, cOffset, isWin, | |||||
| _this = this; | |||||
| isWin = $.isWindow(this.element); | |||||
| cOffset = this.$element.offset(); | |||||
| this.doScroll(); | |||||
| axes = { | |||||
| horizontal: { | |||||
| contextOffset: isWin ? 0 : cOffset.left, | |||||
| contextScroll: isWin ? 0 : this.oldScroll.x, | |||||
| contextDimension: this.$element.width(), | |||||
| oldScroll: this.oldScroll.x, | |||||
| forward: 'right', | |||||
| backward: 'left', | |||||
| offsetProp: 'left' | |||||
| }, | |||||
| vertical: { | |||||
| contextOffset: isWin ? 0 : cOffset.top, | |||||
| contextScroll: isWin ? 0 : this.oldScroll.y, | |||||
| contextDimension: isWin ? $[wps]('viewportHeight') : this.$element.height(), | |||||
| oldScroll: this.oldScroll.y, | |||||
| forward: 'down', | |||||
| backward: 'up', | |||||
| offsetProp: 'top' | |||||
| } | |||||
| }; | |||||
| return $.each(axes, function(aKey, axis) { | |||||
| return $.each(_this.waypoints[aKey], function(i, waypoint) { | |||||
| var adjustment, elementOffset, oldOffset, _ref, _ref1; | |||||
| adjustment = waypoint.options.offset; | |||||
| oldOffset = waypoint.offset; | |||||
| elementOffset = $.isWindow(waypoint.element) ? 0 : waypoint.$element.offset()[axis.offsetProp]; | |||||
| if ($.isFunction(adjustment)) { | |||||
| adjustment = adjustment.apply(waypoint.element); | |||||
| } else if (typeof adjustment === 'string') { | |||||
| adjustment = parseFloat(adjustment); | |||||
| if (waypoint.options.offset.indexOf('%') > -1) { | |||||
| adjustment = Math.ceil(axis.contextDimension * adjustment / 100); | |||||
| } | |||||
| } | |||||
| waypoint.offset = elementOffset - axis.contextOffset + axis.contextScroll - adjustment; | |||||
| if ((waypoint.options.onlyOnScroll && (oldOffset != null)) || !waypoint.enabled) { | |||||
| return; | |||||
| } | |||||
| if (oldOffset !== null && (oldOffset < (_ref = axis.oldScroll) && _ref <= waypoint.offset)) { | |||||
| return waypoint.trigger([axis.backward]); | |||||
| } else if (oldOffset !== null && (oldOffset > (_ref1 = axis.oldScroll) && _ref1 >= waypoint.offset)) { | |||||
| return waypoint.trigger([axis.forward]); | |||||
| } else if (oldOffset === null && axis.oldScroll >= waypoint.offset) { | |||||
| return waypoint.trigger([axis.forward]); | |||||
| } | |||||
| }); | |||||
| }); | |||||
| }; | |||||
| Context.prototype.checkEmpty = function() { | |||||
| if ($.isEmptyObject(this.waypoints.horizontal) && $.isEmptyObject(this.waypoints.vertical)) { | |||||
| this.$element.unbind([resizeEvent, scrollEvent].join(' ')); | |||||
| return delete contexts[this.id]; | |||||
| } | |||||
| }; | |||||
| return Context; | |||||
| })(); | |||||
| Waypoint = (function() { | |||||
| function Waypoint($element, context, options) { | |||||
| var idList, _ref; | |||||
| options = $.extend({}, $.fn[wp].defaults, options); | |||||
| if (options.offset === 'bottom-in-view') { | |||||
| options.offset = function() { | |||||
| var contextHeight; | |||||
| contextHeight = $[wps]('viewportHeight'); | |||||
| if (!$.isWindow(context.element)) { | |||||
| contextHeight = context.$element.height(); | |||||
| } | |||||
| return contextHeight - $(this).outerHeight(); | |||||
| }; | |||||
| } | |||||
| this.$element = $element; | |||||
| this.element = $element[0]; | |||||
| this.axis = options.horizontal ? 'horizontal' : 'vertical'; | |||||
| this.callback = options.handler; | |||||
| this.context = context; | |||||
| this.enabled = options.enabled; | |||||
| this.id = 'waypoints' + waypointCounter++; | |||||
| this.offset = null; | |||||
| this.options = options; | |||||
| context.waypoints[this.axis][this.id] = this; | |||||
| allWaypoints[this.axis][this.id] = this; | |||||
| idList = (_ref = this.element[waypointKey]) != null ? _ref : []; | |||||
| idList.push(this.id); | |||||
| this.element[waypointKey] = idList; | |||||
| } | |||||
| Waypoint.prototype.trigger = function(args) { | |||||
| if (!this.enabled) { | |||||
| return; | |||||
| } | |||||
| if (this.callback != null) { | |||||
| this.callback.apply(this.element, args); | |||||
| } | |||||
| if (this.options.triggerOnce) { | |||||
| return this.destroy(); | |||||
| } | |||||
| }; | |||||
| Waypoint.prototype.disable = function() { | |||||
| return this.enabled = false; | |||||
| }; | |||||
| Waypoint.prototype.enable = function() { | |||||
| this.context.refresh(); | |||||
| return this.enabled = true; | |||||
| }; | |||||
| Waypoint.prototype.destroy = function() { | |||||
| delete allWaypoints[this.axis][this.id]; | |||||
| delete this.context.waypoints[this.axis][this.id]; | |||||
| return this.context.checkEmpty(); | |||||
| }; | |||||
| Waypoint.getWaypointsByElement = function(element) { | |||||
| var all, ids; | |||||
| ids = element[waypointKey]; | |||||
| if (!ids) { | |||||
| return []; | |||||
| } | |||||
| all = $.extend({}, allWaypoints.horizontal, allWaypoints.vertical); | |||||
| return $.map(ids, function(id) { | |||||
| return all[id]; | |||||
| }); | |||||
| }; | |||||
| return Waypoint; | |||||
| })(); | |||||
| methods = { | |||||
| init: function(f, options) { | |||||
| var _ref; | |||||
| if (options == null) { | |||||
| options = {}; | |||||
| } | |||||
| if ((_ref = options.handler) == null) { | |||||
| options.handler = f; | |||||
| } | |||||
| this.each(function() { | |||||
| var $this, context, contextElement, _ref1; | |||||
| $this = $(this); | |||||
| contextElement = (_ref1 = options.context) != null ? _ref1 : $.fn[wp].defaults.context; | |||||
| if (!$.isWindow(contextElement)) { | |||||
| contextElement = $this.closest(contextElement); | |||||
| } | |||||
| contextElement = $(contextElement); | |||||
| context = contexts[contextElement[0][contextKey]]; | |||||
| if (!context) { | |||||
| context = new Context(contextElement); | |||||
| } | |||||
| return new Waypoint($this, context, options); | |||||
| }); | |||||
| $[wps]('refresh'); | |||||
| return this; | |||||
| }, | |||||
| disable: function() { | |||||
| return methods._invoke.call(this, 'disable'); | |||||
| }, | |||||
| enable: function() { | |||||
| return methods._invoke.call(this, 'enable'); | |||||
| }, | |||||
| destroy: function() { | |||||
| return methods._invoke.call(this, 'destroy'); | |||||
| }, | |||||
| prev: function(axis, selector) { | |||||
| return methods._traverse.call(this, axis, selector, function(stack, index, waypoints) { | |||||
| if (index > 0) { | |||||
| return stack.push(waypoints[index - 1]); | |||||
| } | |||||
| }); | |||||
| }, | |||||
| next: function(axis, selector) { | |||||
| return methods._traverse.call(this, axis, selector, function(stack, index, waypoints) { | |||||
| if (index < waypoints.length - 1) { | |||||
| return stack.push(waypoints[index + 1]); | |||||
| } | |||||
| }); | |||||
| }, | |||||
| _traverse: function(axis, selector, push) { | |||||
| var stack, waypoints; | |||||
| if (axis == null) { | |||||
| axis = 'vertical'; | |||||
| } | |||||
| if (selector == null) { | |||||
| selector = window; | |||||
| } | |||||
| waypoints = jQMethods.aggregate(selector); | |||||
| stack = []; | |||||
| this.each(function() { | |||||
| var index; | |||||
| index = $.inArray(this, waypoints[axis]); | |||||
| return push(stack, index, waypoints[axis]); | |||||
| }); | |||||
| return this.pushStack(stack); | |||||
| }, | |||||
| _invoke: function(method) { | |||||
| this.each(function() { | |||||
| var waypoints; | |||||
| waypoints = Waypoint.getWaypointsByElement(this); | |||||
| return $.each(waypoints, function(i, waypoint) { | |||||
| waypoint[method](); | |||||
| return true; | |||||
| }); | |||||
| }); | |||||
| return this; | |||||
| } | |||||
| }; | |||||
| $.fn[wp] = function() { | |||||
| var args, method; | |||||
| method = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : []; | |||||
| if (methods[method]) { | |||||
| return methods[method].apply(this, args); | |||||
| } else if ($.isFunction(method)) { | |||||
| return methods.init.apply(this, arguments); | |||||
| } else if ($.isPlainObject(method)) { | |||||
| return methods.init.apply(this, [null, method]); | |||||
| } else if (!method) { | |||||
| return $.error("jQuery Waypoints needs a callback function or handler option."); | |||||
| } else { | |||||
| return $.error("The " + method + " method does not exist in jQuery Waypoints."); | |||||
| } | |||||
| }; | |||||
| $.fn[wp].defaults = { | |||||
| context: window, | |||||
| continuous: true, | |||||
| enabled: true, | |||||
| horizontal: false, | |||||
| offset: 0, | |||||
| triggerOnce: false | |||||
| }; | |||||
| jQMethods = { | |||||
| refresh: function() { | |||||
| return $.each(contexts, function(i, context) { | |||||
| return context.refresh(); | |||||
| }); | |||||
| }, | |||||
| viewportHeight: function() { | |||||
| var _ref; | |||||
| return (_ref = window.innerHeight) != null ? _ref : $w.height(); | |||||
| }, | |||||
| aggregate: function(contextSelector) { | |||||
| var collection, waypoints, _ref; | |||||
| collection = allWaypoints; | |||||
| if (contextSelector) { | |||||
| collection = (_ref = contexts[$(contextSelector)[0][contextKey]]) != null ? _ref.waypoints : void 0; | |||||
| } | |||||
| if (!collection) { | |||||
| return []; | |||||
| } | |||||
| waypoints = { | |||||
| horizontal: [], | |||||
| vertical: [] | |||||
| }; | |||||
| $.each(waypoints, function(axis, arr) { | |||||
| $.each(collection[axis], function(key, waypoint) { | |||||
| return arr.push(waypoint); | |||||
| }); | |||||
| arr.sort(function(a, b) { | |||||
| return a.offset - b.offset; | |||||
| }); | |||||
| waypoints[axis] = $.map(arr, function(waypoint) { | |||||
| return waypoint.element; | |||||
| }); | |||||
| return waypoints[axis] = $.unique(waypoints[axis]); | |||||
| }); | |||||
| return waypoints; | |||||
| }, | |||||
| above: function(contextSelector) { | |||||
| if (contextSelector == null) { | |||||
| contextSelector = window; | |||||
| } | |||||
| return jQMethods._filter(contextSelector, 'vertical', function(context, waypoint) { | |||||
| return waypoint.offset <= context.oldScroll.y; | |||||
| }); | |||||
| }, | |||||
| below: function(contextSelector) { | |||||
| if (contextSelector == null) { | |||||
| contextSelector = window; | |||||
| } | |||||
| return jQMethods._filter(contextSelector, 'vertical', function(context, waypoint) { | |||||
| return waypoint.offset > context.oldScroll.y; | |||||
| }); | |||||
| }, | |||||
| left: function(contextSelector) { | |||||
| if (contextSelector == null) { | |||||
| contextSelector = window; | |||||
| } | |||||
| return jQMethods._filter(contextSelector, 'horizontal', function(context, waypoint) { | |||||
| return waypoint.offset <= context.oldScroll.x; | |||||
| }); | |||||
| }, | |||||
| right: function(contextSelector) { | |||||
| if (contextSelector == null) { | |||||
| contextSelector = window; | |||||
| } | |||||
| return jQMethods._filter(contextSelector, 'horizontal', function(context, waypoint) { | |||||
| return waypoint.offset > context.oldScroll.x; | |||||
| }); | |||||
| }, | |||||
| enable: function() { | |||||
| return jQMethods._invoke('enable'); | |||||
| }, | |||||
| disable: function() { | |||||
| return jQMethods._invoke('disable'); | |||||
| }, | |||||
| destroy: function() { | |||||
| return jQMethods._invoke('destroy'); | |||||
| }, | |||||
| extendFn: function(methodName, f) { | |||||
| return methods[methodName] = f; | |||||
| }, | |||||
| _invoke: function(method) { | |||||
| var waypoints; | |||||
| waypoints = $.extend({}, allWaypoints.vertical, allWaypoints.horizontal); | |||||
| return $.each(waypoints, function(key, waypoint) { | |||||
| waypoint[method](); | |||||
| return true; | |||||
| }); | |||||
| }, | |||||
| _filter: function(selector, axis, test) { | |||||
| var context, waypoints; | |||||
| context = contexts[$(selector)[0][contextKey]]; | |||||
| if (!context) { | |||||
| return []; | |||||
| } | |||||
| waypoints = []; | |||||
| $.each(context.waypoints[axis], function(i, waypoint) { | |||||
| if (test(context, waypoint)) { | |||||
| return waypoints.push(waypoint); | |||||
| } | |||||
| }); | |||||
| waypoints.sort(function(a, b) { | |||||
| return a.offset - b.offset; | |||||
| }); | |||||
| return $.map(waypoints, function(waypoint) { | |||||
| return waypoint.element; | |||||
| }); | |||||
| } | |||||
| }; | |||||
| $[wps] = function() { | |||||
| var args, method; | |||||
| method = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : []; | |||||
| if (jQMethods[method]) { | |||||
| return jQMethods[method].apply(null, args); | |||||
| } else { | |||||
| return jQMethods.aggregate.call(null, method); | |||||
| } | |||||
| }; | |||||
| $[wps].settings = { | |||||
| resizeThrottle: 100, | |||||
| scrollThrottle: 30 | |||||
| }; | |||||
| return $w.load(function() { | |||||
| return $[wps]('refresh'); | |||||
| }); | |||||
| }); | |||||
| }).call(this); |
| /*! WOW - v0.1.4 - 2014-02-12 | |||||
| * Copyright (c) 2014 Matthieu Aussaguel; Licensed MIT */(function(){var a,b=[].slice,c=function(a,b){return function(){return a.apply(b,arguments)}};a=function(){var c,d,e,f,g,h,i,j,k;for(e=arguments[0],c=2<=arguments.length?b.call(arguments,1):[],g=e||{},i=0,j=c.length;j>i;i++){f=c[i],k=f||{};for(d in k)h=k[d],"object"==typeof g[d]?g[d]=a(g[d],h):g[d]||(g[d]=h)}return g},this.WOW=function(){function b(b){null==b&&(b={}),this.scrollCallback=c(this.scrollCallback,this),this.scrollHandler=c(this.scrollHandler,this),this.start=c(this.start,this),this.config=a(b,this.defaults),this.scrolled=!0}return b.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0},b.prototype.init=function(){var a;return"interactive"===(a=document.readyState)||"complete"===a?this.start():document.addEventListener("DOMContentLoaded",this.start)},b.prototype.start=function(){var a,b,c,d;if(this.element=window.document.documentElement,this.boxes=this.element.getElementsByClassName(this.config.boxClass),this.boxes.length){for(d=this.boxes,b=0,c=d.length;c>b;b++)a=d[b],this.applyStyle(a,!0);return window.addEventListener("scroll",this.scrollHandler,!1),window.addEventListener("resize",this.scrollHandler,!1),this.interval=setInterval(this.scrollCallback,50)}},b.prototype.stop=function(){return window.removeEventListener("scroll",this.scrollHandler,!1),window.removeEventListener("resize",this.scrollHandler,!1),null!=this.interval?clearInterval(this.interval):void 0},b.prototype.show=function(a){return this.applyStyle(a),a.className=""+a.className+" "+this.config.animateClass},b.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),a.setAttribute("style",this.customStyle(b,d,c,e))},b.prototype.customStyle=function(a,b,c,d){var e;return e=a?"visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;":"visibility: visible;",b&&(e+="-webkit-animation-duration: "+b+"; -moz-animation-duration: "+b+"; animation-duration: "+b+";"),c&&(e+="-webkit-animation-delay: "+c+"; -moz-animation-delay: "+c+"; animation-delay: "+c+";"),d&&(e+="-webkit-animation-iteration-count: "+d+"; -moz-animation-iteration-count: "+d+"; animation-iteration-count: "+d+";"),e},b.prototype.scrollHandler=function(){return this.scrolled=!0},b.prototype.scrollCallback=function(){var a;return this.scrolled&&(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),!this.boxes.length)?this.stop():void 0},b.prototype.offsetTop=function(a){var b;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},b.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=window.pageYOffset,e=f+this.element.clientHeight-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},b}()}).call(this); |
| /* | |||||
| * jQuery FlexSlider v2.2.0 | |||||
| * http://www.woothemes.com/flexslider/ | |||||
| * | |||||
| * Copyright 2012 WooThemes | |||||
| * Free to use under the GPLv2 license. | |||||
| * http://www.gnu.org/licenses/gpl-2.0.html | |||||
| * | |||||
| * Contributing author: Tyler Smith (@mbmufffin) | |||||
| */ | |||||
| /* Browser Resets | |||||
| *********************************/ | |||||
| .flex-container a:active, | |||||
| .flexslider a:active, | |||||
| .flex-container a:focus, | |||||
| .flexslider a:focus {outline: none;} | |||||
| .slides, | |||||
| .flex-control-nav, | |||||
| .flex-direction-nav {margin: 0; padding: 0; list-style: none;} | |||||
| /* Icon Fonts | |||||
| *********************************/ | |||||
| /* Font-face Icons */ | |||||
| @font-face { | |||||
| font-family: 'flexslider-icon'; | |||||
| src:url('fonts/flexslider-icon.eot'); | |||||
| src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), | |||||
| url('fonts/flexslider-icon.woff') format('woff'), | |||||
| url('fonts/flexslider-icon.ttf') format('truetype'), | |||||
| url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); | |||||
| font-weight: normal; | |||||
| font-style: normal; | |||||
| } | |||||
| /* FlexSlider Necessary Styles | |||||
| *********************************/ | |||||
| .flexslider {margin: 0; padding: 0;} | |||||
| .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ | |||||
| .flexslider .slides img {width: 100%; display: block;} | |||||
| .flex-pauseplay span {text-transform: capitalize;} | |||||
| /* Clearfix for the .slides element */ | |||||
| .slides:after {content: "\0020"; 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 { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; } | |||||
| .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } | |||||
| .loading .flex-viewport { max-height: 300px; } | |||||
| .flexslider .slides { zoom: 1; } | |||||
| .carousel li { margin-right: 5px; } | |||||
| /* Direction Nav */ | |||||
| .flex-direction-nav {*height: 0;} | |||||
| .flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } | |||||
| .flex-direction-nav .flex-prev { left: -50px; } | |||||
| .flex-direction-nav .flex-next { right: -50px; text-align: right; } | |||||
| .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } | |||||
| .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } | |||||
| .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } | |||||
| .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } | |||||
| .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } | |||||
| .flex-direction-nav a.flex-next:before { content: '\f002'; } | |||||
| /* Pause/Play */ | |||||
| .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } | |||||
| .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } | |||||
| .flex-pauseplay a:hover { opacity: 1; } | |||||
| .flex-pauseplay a.flex-play:before { content: '\f003'; } | |||||
| /* Control Nav */ | |||||
| .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} | |||||
| .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} | |||||
| .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } | |||||
| .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } | |||||
| .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } | |||||
| .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} | |||||
| .flex-control-thumbs li {width: 25%; float: left; margin: 0;} | |||||
| .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} | |||||
| .flex-control-thumbs img:hover {opacity: 1;} | |||||
| .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} | |||||
| @media screen and (max-width: 860px) { | |||||
| .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} | |||||
| .flex-direction-nav .flex-next { opacity: 1; right: 10px;} | |||||
| } |
| 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} | |||||
| div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} | |||||
| div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} | |||||
| 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} | |||||
| div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} | |||||
| div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} | |||||
| div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} | |||||
| 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;width:28px;height:28px} | |||||
| div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} | |||||
| div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} | |||||
| div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} | |||||
| div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} | |||||
| div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} | |||||
| 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{position:static;left:auto} | |||||
| 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} | |||||
| div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} | |||||
| 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;width:20px;margin:4px 0 0} | |||||
| div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} | |||||
| div.pp_default .pp_content_container .pp_details{margin-top:5px} | |||||
| div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} | |||||
| div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} | |||||
| 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} | |||||
| div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} | |||||
| div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} | |||||
| 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} | |||||
| 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} | |||||
| div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} | |||||
| 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} | |||||
| div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} | |||||
| div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} | |||||
| div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} | |||||
| div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} | |||||
| div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} | |||||
| 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} | |||||
| div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} | |||||
| div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} | |||||
| div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} | |||||
| 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} | |||||
| 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} | |||||
| 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{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} | |||||
| div.dark_rounded .pp_description{margin-right:85px;color:#fff} | |||||
| div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} | |||||
| 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} | |||||
| 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} | |||||
| 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{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} | |||||
| 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{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} | |||||
| 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{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} | |||||
| 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;width:55px;overflow:hidden} | |||||
| .pp_social .twitter{float:left} | |||||
| .pp_nav{clear:right;float:left;margin:3px 10px 0 0} | |||||
| .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} | |||||
| .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;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} | |||||
| .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{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} | |||||
| .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} | |||||
| #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;z-index:9999;margin:0 0 5px 15px} | |||||
| 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} |