Úprava souboru index.html
This commit is contained in:
janrippl
parent
fae89bff35
commit
8532863117
93 changed files with 1 additions and 9630 deletions
|
|
@ -104,7 +104,7 @@
|
|||
<!-- LOGO -->
|
||||
<div class="logo pull-left">
|
||||
<!--<i class="fa fa-podcast" style="vertical-align: middle; filter: blur(0.8px); text-shadow: 2px 2px 4px #000000; padding-right: 2rem;"></i><small><span class="b1" style="vertical-align: middle; filter: blur(0.8px); text-shadow: 3px 2px 4px #000000;">a</span><span class="b2" style="vertical-align: middle; filter: blur(1.0px); text-shadow: 4px 2px 4px #000000;">r</span><span class="b3" style="vertical-align: middle; filter: blur(1.2px); text-shadow: 5px 2px 4px #000000;">e</span><span class="b4" style="vertical-align: middle; filter: blur(1.4px); text-shadow: 6px 2px 4px #000000;">a</span><span class="b5" style="vertical-align: middle; filter: blur(1.6px); text-shadow: 7px 2px 4px #000000;">- 51</span></small>-->
|
||||
<a href="index.html" ><i class="fa fa-podcast"></i> <small><span class="b1">N</span><span class="b2">A</span><span class="b3">H</span><span class="b4">E</span><span class="b5">J</span><sup><small><i class="fa fa-microphone"></i></small></sup></small></a>
|
||||
<a href="index.html" ><i class="fa fa-podcast"></i> <small><span class="b1">N</span><span class="b2">A</span><span class="b3">K</span><span class="b4">E</span><span class="b5">D</span><sup><small><i class="fa fa-microphone"></i></small></sup></small></a>
|
||||
</div><!-- //LOGO -->
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
|
|
|
|||
|
|
@ -1,384 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<title>White | responsive bootstrap3 html5 one page template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<link rel="shortcut icon" href="images/favicon.ico">
|
||||
|
||||
<!-- CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/colors/" rel="stylesheet" type="text/css" id="colors" />
|
||||
|
||||
<!-- FONTS -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
|
||||
|
||||
<!-- SCRIPTS -->
|
||||
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<!--[if IE]><html class="ie" lang="en"> <![endif]-->
|
||||
|
||||
<script src="js/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
|
||||
<script src="js/superfish.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
|
||||
<script src="js/owl.carousel.js"></script>
|
||||
<script src="js/animate.js" type="text/javascript"></script>
|
||||
<script src="js/myscript.js" type="text/javascript"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER -->
|
||||
<img id="preloader" src="images/preloader.gif" alt="" />
|
||||
<!-- //PRELOADER -->
|
||||
<div class="preloader_hide">
|
||||
|
||||
<!-- PAGE -->
|
||||
<div id="page" class="single_page">
|
||||
|
||||
<!-- HEADER -->
|
||||
<header>
|
||||
|
||||
<!-- MENU BLOCK -->
|
||||
<div class="menu_block">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container clearfix">
|
||||
|
||||
<!-- LOGO -->
|
||||
<div class="logo pull-left">
|
||||
<a href="index.html" ><span class="b1">w</span><span class="b2">h</span><span class="b3">i</span><span class="b4">t</span><span class="b5">e</span></a>
|
||||
</div><!-- //LOGO -->
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
<div id="search-form" class="pull-right">
|
||||
<form method="get" action="#">
|
||||
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" />
|
||||
</form>
|
||||
</div><!-- SEARCH FORM -->
|
||||
|
||||
<!-- MENU -->
|
||||
<div class="pull-right">
|
||||
<nav class="navmenu center">
|
||||
<ul>
|
||||
<li class="first scroll_btn"><a href="index.html">Home</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#about">About Us</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#projects">Projects</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#team">Team</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#news">News</a></li>
|
||||
<li class="scroll_btn last"><a href="index.html#contacts">Contacts</a></li>
|
||||
<li class="sub-menu active">
|
||||
<a href="javascript:void(0);">Pages</a>
|
||||
<ul>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li class="active"><a href="blog-post.html">Blog Post</a></li>
|
||||
<li><a href="portfolio-post.html">Portfolio Single Work</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div><!-- //MENU -->
|
||||
</div><!-- //MENU BLOCK -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</header><!-- //HEADER -->
|
||||
|
||||
|
||||
<!-- BREADCRUMBS -->
|
||||
<section class="breadcrumbs_block clearfix parallax">
|
||||
<div class="container center">
|
||||
<h2><b>The</b> Blog</h2>
|
||||
<p>Publication of the latest news, articles, and free apps.</p>
|
||||
</div>
|
||||
</section><!-- //BREADCRUMBS -->
|
||||
|
||||
|
||||
<!-- BLOG -->
|
||||
<section id="blog">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
|
||||
<!-- BLOG BLOCK -->
|
||||
<div class="blog_block col-lg-9 col-md-9 padbot50">
|
||||
|
||||
<!-- SINGLE BLOG POST -->
|
||||
<div class="single_blog_post clearfix" data-animated="fadeInUp">
|
||||
<div class="single_blog_post_descr">
|
||||
<div class="single_blog_post_date">JANUARY 30 | 21:30</div>
|
||||
<div class="single_blog_post_title">Rihanna's Costume Designer Comes Into His Own with New Show</div>
|
||||
<ul class="single_blog_post_info">
|
||||
<li><a href="javascript:void(0);" >Admin</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="single_blog_post_img"><img src="images/blog/1.jpg" alt="" /></div>
|
||||
|
||||
<div class="single_blog_post_content">
|
||||
<p class="margbot50">On Tuesday, the daughters of Texas state senator Wendy Davis defended their mom against charges that she’s been smudging her biography to make it look like she was a more involved mom than she actually was. Davis, who is running for governor, has been under fire since a Dallas Morning News article accused her of “blurring” facts, like exactly when she got divorced and how long her family lived in a trailer park. That DMN article also seemingly took her to task for allowing her ex-husband to have parental custody of their daughter, quoting an anonymous source who said, Davis was “not going to let family or raising children or anything else get in her way.”</p>
|
||||
<p class="margbot30">I understand why Davis’ daughters felt they needed to defend their mom and her parenting. The onslaught on Davis’ parenting (and her politics) from the right, particularly in the wake of that DMN article, has been appalling: They’ve called her everything from “Abortion Barbie” to implying she’s a bad, gold digging mom. Her daughter, Dru, points out that her mom always shared joint custody, even though she was living in her father’s house.</p>
|
||||
<p class="margbot40">But she also discusses her mom’s involvement in other ways: Her mom was her Brownie troop leader. Her mom was her team’s field hockey mom when Dru was a senior in high school. “She went with me to every field hockey camp, tryout, program that I ever had,” Dru writes, adding, “my sister and I were always her first priority.”</p>
|
||||
</div>
|
||||
|
||||
</div><!-- //SINGLE BLOG POST -->
|
||||
|
||||
|
||||
<!-- SINGLE BLOG POST TAG -->
|
||||
<div class="single_blog_post_tags margbot50" data-animated="fadeInUp">
|
||||
<ul>
|
||||
<li><a href="javascript:void(0);" >Fashion</a></li>
|
||||
<li><a href="javascript:void(0);" >Shop</a></li>
|
||||
<li><a href="javascript:void(0);" >Color</a></li>
|
||||
</ul>
|
||||
</div><!-- //SINGLE BLOG POST TAG -->
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- COMMENTS -->
|
||||
<div id="comments" class="margbot30" data-animated="fadeInUp">
|
||||
<h3><b>Comments </b><span class="comments_count">(152)</span></h3>
|
||||
|
||||
<ul>
|
||||
<li class="clearfix" data-animated="fadeInUp">
|
||||
<div class="pull-left avatar">
|
||||
<a href="javascript:void(0);" ><img src="images/avatar1.jpg" alt="" /></a>
|
||||
</div>
|
||||
<div class="comment_right">
|
||||
<div class="comment_info clearfix">
|
||||
<div class="pull-left comment_author">Stanislav Kerimov</div>
|
||||
<div class="pull-left comment_inf_sep">|</div>
|
||||
<div class="pull-left comment_date">13 January 2014</div>
|
||||
</div>
|
||||
<p>Thank you so much for putting this together Jeremy. Most of these seem like common sense but it is amazing how many times I see new employees having the worst days of their life because managers/leaders don’t want to be “bothered” with the new guy.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="clearfix" data-animated="fadeInUp">
|
||||
<div class="pull-left avatar">
|
||||
<a href="javascript:void(0);" ><img src="images/avatar2.jpg" alt="" /></a>
|
||||
</div>
|
||||
<div class="comment_right">
|
||||
<div class="comment_info clearfix">
|
||||
<div class="pull-left comment_author">Anna Balashova</div>
|
||||
<div class="pull-left comment_inf_sep">|</div>
|
||||
<div class="pull-left comment_date">10 January 2014</div>
|
||||
</div>
|
||||
<p>I would add under “keep the busy” to make sure that every team member is aware of the new team member starting, and even thought the first 1-2 days may be meet and greats, to have them up with access to everything they need to preform their tasks.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //COMMENTS -->
|
||||
|
||||
<hr class="margbot80">
|
||||
|
||||
<!-- LEAVE A COMMENT -->
|
||||
<div class="leave_comment" data-animated="fadeInUp">
|
||||
<h3><b>Leave a</b> Comment</h3>
|
||||
|
||||
<form id="comment_form" class="row" action="#" method="post">
|
||||
<div class="col-lg-4 col-md-4">
|
||||
<input type="text" name="name" value="Your Name *" onFocus="if (this.value == 'Your Name *') this.value = '';" onBlur="if (this.value == '') this.value = 'Your Name *';" />
|
||||
<input type="text" name="phone" value="E-mail *" onFocus="if (this.value == 'E-mail *') this.value = '';" onBlur="if (this.value == '') this.value = 'E-mail *';" />
|
||||
<input type="text" name="phone" value="Web site" onFocus="if (this.value == 'Web site') this.value = '';" onBlur="if (this.value == '') this.value = 'Web site';" />
|
||||
<div class="comment_note">All fields marked with an asterisk (*) are required</div>
|
||||
</div>
|
||||
<div class="col-lg-8 col-md-8">
|
||||
<textarea name="message" onFocus="if (this.value == 'Your message *') this.value = '';" onBlur="if (this.value == '') this.value = 'Your message *';">Your message *</textarea>
|
||||
<input class="contact_btn pull-right" type="submit" value="Send message" />
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- //LEAVE A COMMENT -->
|
||||
</div><!-- //BLOG BLOCK -->
|
||||
|
||||
|
||||
<!-- SIDEBAR -->
|
||||
<div class="sidebar col-lg-3 col-md-3 padbot50">
|
||||
|
||||
<!-- META WIDGET -->
|
||||
<div class="sidepanel widget_meta">
|
||||
<ul>
|
||||
<li><a href="javascript:void(0);" >Advertising</a></li>
|
||||
<li><a href="javascript:void(0);" >Fashion & Trends</a></li>
|
||||
<li><a href="javascript:void(0);" >Media Projects</a></li>
|
||||
<li><a href="javascript:void(0);" >Small Business</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
</ul>
|
||||
</div><!-- //META WIDGET -->
|
||||
|
||||
|
||||
<!-- POPULAR POSTS WIDGET -->
|
||||
<div class="sidepanel widget_popular_posts">
|
||||
<h3><b>Popular</b> Posts</h3>
|
||||
|
||||
<div class="recent_posts_widget clearfix">
|
||||
<div class="post_item_img_widget">
|
||||
<img src="images/blog/1.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_widget">
|
||||
<a class="title" href="blog.html" >How the Denver Broncos Cheerleaders Get in Shape for the Super Bowl</a>
|
||||
<ul class="post_item_inf_widget">
|
||||
<li>JANUARY 30 | 21:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_widget clearfix">
|
||||
<div class="post_item_img_widget">
|
||||
<img src="images/blog/2.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_widget">
|
||||
<a class="title" href="blog.html" >Barneys Spring Campaign Stars 17 Transgender Models</a>
|
||||
<ul class="post_item_inf_widget">
|
||||
<li>JANUARY 25 | 9:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_widget clearfix">
|
||||
<div class="post_item_img_widget">
|
||||
<img src="images/blog/3.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_widget">
|
||||
<a class="title" href="blog.html" >Dominic Cooper: I'm Nothing Like the Real James Bond</a>
|
||||
<ul class="post_item_inf_widget">
|
||||
<li>JANUARY 21 | 13:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //POPULAR POSTS WIDGET -->
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- POPULAR TAGS WIDGET -->
|
||||
<div class="sidepanel widget_tags">
|
||||
<h3><b>Popular</b> Tags</h3>
|
||||
<ul>
|
||||
<li><a href="javascript:void(0);" >Fashion</a></li>
|
||||
<li><a href="javascript:void(0);" >Shop</a></li>
|
||||
<li><a href="javascript:void(0);" >Color</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative Agency</a></li>
|
||||
<li><a href="javascript:void(0);" >Theme</a></li>
|
||||
<li><a href="javascript:void(0);" >Dress</a></li>
|
||||
<li><a href="javascript:void(0);" >Wordpress</a></li>
|
||||
</ul>
|
||||
</div><!-- POPULAR TAGS WIDGET -->
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- TEXT WIDGET -->
|
||||
<div class="sidepanel widget_text">
|
||||
<h3><b>About</b> Blog</h3>
|
||||
<p>I must admit this particular defense set me on edge a little bit, for two reasons. The first is that she’s being held to a completely different standard than male politicians are held to.</p>
|
||||
</div><!-- //TEXT WIDGET -->
|
||||
</div><!-- //SIDEBAR -->
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</section><!-- //BLOG -->
|
||||
</div><!-- //PAGE -->
|
||||
|
||||
|
||||
<!-- CONTACTS -->
|
||||
<section id="contacts">
|
||||
</section><!-- //CONTACTS -->
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer>
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 padbot30">
|
||||
<h4><b>Featured</b> posts</h4>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/1.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >As we have developed a unique layout template</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>10 January 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/2.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >How much is to develop a design for the game?</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>14 January 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/3.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >How to pump designer</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>21 December 2013</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 padbot30 foot_about_block">
|
||||
<h4><b>About</b> us</h4>
|
||||
<p>We value people over profits, quality over quantity, and keeping it real. As such, we deliver an unmatched working relationship with our clients.</p>
|
||||
<p>Our team is intentionally small, eclectic, and skilled; with our in-house expertise, we provide sharp and</p>
|
||||
<ul class="social">
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-pinterest-square"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="map_show fa fa-map-marker"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="respond_clear"></div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 padbot30">
|
||||
<h4><b>Contacts</b> Us</h4>
|
||||
|
||||
<!-- CONTACT FORM -->
|
||||
<div class="span9 contact_form">
|
||||
<div id="note"></div>
|
||||
<div id="fields">
|
||||
<form id="contact-form-face" class="clearfix" action="#">
|
||||
<input type="text" name="name" value="Name" onFocus="if (this.value == 'Name') this.value = '';" onBlur="if (this.value == '') this.value = 'Name';" />
|
||||
<textarea name="message" onFocus="if (this.value == 'Message') this.value = '';" onBlur="if (this.value == '') this.value = 'Message';">Message</textarea>
|
||||
<input class="contact_btn" type="submit" value="Send message" />
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- //CONTACT FORM -->
|
||||
</div>
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</footer><!-- //FOOTER -->
|
||||
|
||||
|
||||
<!-- MAP -->
|
||||
<div id="map">
|
||||
<a class="map_hide" href="javascript:void(0);"><i class="fa fa-angle-right"></i><i class="fa fa-angle-left"></i></a>
|
||||
<iframe src="http://maps.google.com/maps?f=q&give%20a%20hand=s_q&hl=en&geocode=&q=london&sll=37.0625,-95.677068&sspn=42.631141,90.263672&ie=UTF8&hq=&hnear=London,+United+Kingdom&ll=51.500141,-0.126257&spn=0.026448,0.039396&z=14&output=embed" ></iframe>
|
||||
</div><!-- //MAP -->
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
412
naked/blog.html
412
naked/blog.html
|
|
@ -1,412 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<title>White | responsive bootstrap3 html5 one page template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<link rel="shortcut icon" href="images/favicon.ico">
|
||||
|
||||
<!-- CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/colors/" rel="stylesheet" type="text/css" id="colors" />
|
||||
|
||||
<!-- FONTS -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
|
||||
|
||||
<!-- SCRIPTS -->
|
||||
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<!--[if IE]><html class="ie" lang="en"> <![endif]-->
|
||||
|
||||
<script src="js/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
|
||||
<script src="js/superfish.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
|
||||
<script src="js/owl.carousel.js"></script>
|
||||
<script src="js/animate.js" type="text/javascript"></script>
|
||||
<script src="js/myscript.js" type="text/javascript"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER -->
|
||||
<img id="preloader" src="images/preloader.gif" alt="" />
|
||||
<!-- //PRELOADER -->
|
||||
<div class="preloader_hide">
|
||||
|
||||
<!-- PAGE -->
|
||||
<div id="page" class="single_page">
|
||||
|
||||
<!-- HEADER -->
|
||||
<header>
|
||||
|
||||
<!-- MENU BLOCK -->
|
||||
<div class="menu_block">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container clearfix">
|
||||
|
||||
<!-- LOGO -->
|
||||
<div class="logo pull-left">
|
||||
<a href="index.html" ><span class="b1">w</span><span class="b2">h</span><span class="b3">i</span><span class="b4">t</span><span class="b5">e</span></a>
|
||||
</div><!-- //LOGO -->
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
<div id="search-form" class="pull-right">
|
||||
<form method="get" action="#">
|
||||
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" />
|
||||
</form>
|
||||
</div><!-- SEARCH FORM -->
|
||||
|
||||
<!-- MENU -->
|
||||
<div class="pull-right">
|
||||
<nav class="navmenu center">
|
||||
<ul>
|
||||
<li class="first scroll_btn"><a href="index.html">Home</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#about">About Us</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#projects">Projects</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#team">Team</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#news">News</a></li>
|
||||
<li class="scroll_btn last"><a href="index.html#contacts">Contacts</a></li>
|
||||
<li class="sub-menu active">
|
||||
<a href="javascript:void(0);">Pages</a>
|
||||
<ul>
|
||||
<li class="active"><a href="blog.html">Blog</a></li>
|
||||
<li><a href="blog-post.html">Blog Post</a></li>
|
||||
<li><a href="portfolio-post.html">Portfolio Single Work</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div><!-- //MENU -->
|
||||
</div><!-- //MENU BLOCK -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</header><!-- //HEADER -->
|
||||
|
||||
|
||||
<!-- BREADCRUMBS -->
|
||||
<section class="breadcrumbs_block clearfix parallax">
|
||||
<div class="container center">
|
||||
<h2><b>The</b> Blog</h2>
|
||||
<p>Publication of the latest news, articles, and free apps.</p>
|
||||
</div>
|
||||
</section><!-- //BREADCRUMBS -->
|
||||
|
||||
|
||||
<!-- BLOG -->
|
||||
<section id="blog">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
|
||||
<!-- BLOG BLOCK -->
|
||||
<div class="blog_block col-lg-9 col-md-9 padbot50">
|
||||
|
||||
<!-- BLOG POST -->
|
||||
<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
|
||||
<div class="blog_post_img">
|
||||
<img src="images/blog/1.jpg" alt="" />
|
||||
<a class="zoom" href="blog-post.html" ></a>
|
||||
</div>
|
||||
<div class="blog_post_descr">
|
||||
<div class="blog_post_date">JANUARY 30 | 21:30</div>
|
||||
<a class="blog_post_title" href="blog-post.html" >Rihanna's Costume Designer Comes Into His Own with New Show</a>
|
||||
<ul class="blog_post_info">
|
||||
<li><a href="javascript:void(0);" >Admin</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div class="blog_post_content">The best way to describe Adam Selman would be simply to say that he is the epitome of cool. So it’s only fitting that his first runway collection was made for the ultimate cool girl.</div>
|
||||
<a class="read_more_btn" href="blog-post.html" >Read More</a>
|
||||
</div>
|
||||
</div><!-- //BLOG POST -->
|
||||
|
||||
|
||||
<!-- BLOG POST -->
|
||||
<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
|
||||
<div class="blog_post_img">
|
||||
<img src="images/blog/2.jpg" alt="" />
|
||||
<a class="zoom" href="blog-post.html" ></a>
|
||||
</div>
|
||||
<div class="blog_post_descr">
|
||||
<div class="blog_post_date">JANUARY 30 | 21:30</div>
|
||||
<a class="blog_post_title" href="blog-post.html" >The Four Week Workout to Tank Top Worthy Arm</a>
|
||||
<ul class="blog_post_info">
|
||||
<li><a href="javascript:void(0);" >Admin</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div class="blog_post_content">Our stomachs, legs, and butts, (thanks to Jen Selter) are usually top priority areas when it comes to getting in shape. But when I'm tagged in a photo on Instagram, I quite often find myself wishing for an arm-sculpting filter.</div>
|
||||
<a class="read_more_btn" href="blog-post.html" >Read More</a>
|
||||
</div>
|
||||
</div><!-- //BLOG POST -->
|
||||
|
||||
|
||||
<!-- BLOG POST -->
|
||||
<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
|
||||
<div class="blog_post_img">
|
||||
<img src="images/blog/3.jpg" alt="" />
|
||||
<a class="zoom" href="blog-post.html" ></a>
|
||||
</div>
|
||||
<div class="blog_post_descr">
|
||||
<div class="blog_post_date">JANUARY 30 | 21:30</div>
|
||||
<a class="blog_post_title" href="blog-post.html" >The Fault in Our Stars Trailer Makes Us Feel All The Feelings</a>
|
||||
<ul class="blog_post_info">
|
||||
<li><a href="javascript:void(0);" >Admin</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div class="blog_post_content">The trailer for 'The Fault in Our Stars', the movie based on John Green's tear-jerky YA novel, is finally out, and it's good.</div>
|
||||
<a class="read_more_btn" href="blog-post.html" >Read More</a>
|
||||
</div>
|
||||
</div><!-- //BLOG POST -->
|
||||
|
||||
|
||||
<!-- BLOG POST -->
|
||||
<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
|
||||
<div class="blog_post_img">
|
||||
<img src="images/blog/4.jpg" alt="" />
|
||||
<a class="zoom" href="blog-post.html" ></a>
|
||||
</div>
|
||||
<div class="blog_post_descr">
|
||||
<div class="blog_post_date">JANUARY 30 | 21:30</div>
|
||||
<a class="blog_post_title" href="blog-post.html" >The Broad City Girls Almost Make Us Pee Our Pant</a>
|
||||
<ul class="blog_post_info">
|
||||
<li><a href="javascript:void(0);" >Admin</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div class="blog_post_content">Last week I made a promise to the hilarious creators of the cover-your-eyes-with-one-hand, text-your-best-friend-to-watch-it-with-the-other-hand show, 'Broad City'.</div>
|
||||
<a class="read_more_btn" href="blog-post.html" >Read More</a>
|
||||
</div>
|
||||
</div><!-- //BLOG POST -->
|
||||
|
||||
|
||||
<!-- BLOG POST -->
|
||||
<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
|
||||
<div class="blog_post_img">
|
||||
<img src="images/blog/5.jpg" alt="" />
|
||||
<a class="zoom" href="blog-post.html" ></a>
|
||||
</div>
|
||||
<div class="blog_post_descr">
|
||||
<div class="blog_post_date">JANUARY 30 | 21:30</div>
|
||||
<a class="blog_post_title" href="blog-post.html" >Why Do We Need to Defend Wendy Davis for Being a Working Mom?</a>
|
||||
<ul class="blog_post_info">
|
||||
<li><a href="javascript:void(0);" >Admin</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<div class="blog_post_content">On Tuesday, the daughters of Texas state senator Wendy Davis defended their mom against charges that she’s been smudging her biography</div>
|
||||
<a class="read_more_btn" href="blog-post.html" >Read More</a>
|
||||
</div>
|
||||
</div><!-- //BLOG POST -->
|
||||
|
||||
|
||||
<!-- PAGINATION -->
|
||||
<ul class="pagination clearfix">
|
||||
<li><a href="javascript:void(0);" >1</a></li>
|
||||
<li><a href="javascript:void(0);" >2</a></li>
|
||||
<li class="active"><a href="javascript:void(0);" >3</a></li>
|
||||
<li><a href="javascript:void(0);" >4</a></li>
|
||||
<li><a href="javascript:void(0);" >5</a></li>
|
||||
<li><a href="javascript:void(0);" >. . .</a></li>
|
||||
<li><a href="javascript:void(0);" >75</a></li>
|
||||
</ul><!-- //PAGINATION -->
|
||||
</div><!-- //BLOG BLOCK -->
|
||||
|
||||
|
||||
<!-- SIDEBAR -->
|
||||
<div class="sidebar col-lg-3 col-md-3 padbot50">
|
||||
|
||||
<!-- META WIDGET -->
|
||||
<div class="sidepanel widget_meta">
|
||||
<ul>
|
||||
<li><a href="javascript:void(0);" >Advertising</a></li>
|
||||
<li><a href="javascript:void(0);" >Fashion & Trends</a></li>
|
||||
<li><a href="javascript:void(0);" >Media Projects</a></li>
|
||||
<li><a href="javascript:void(0);" >Small Business</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative</a></li>
|
||||
</ul>
|
||||
</div><!-- //META WIDGET -->
|
||||
|
||||
|
||||
<!-- POPULAR POSTS WIDGET -->
|
||||
<div class="sidepanel widget_popular_posts">
|
||||
<h3><b>Popular</b> Posts</h3>
|
||||
|
||||
<div class="recent_posts_widget clearfix">
|
||||
<div class="post_item_img_widget">
|
||||
<img src="images/blog/1.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_widget">
|
||||
<a class="title" href="blog.html" >How the Denver Broncos Cheerleaders Get in Shape for the Super Bowl</a>
|
||||
<ul class="post_item_inf_widget">
|
||||
<li>JANUARY 30 | 21:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_widget clearfix">
|
||||
<div class="post_item_img_widget">
|
||||
<img src="images/blog/2.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_widget">
|
||||
<a class="title" href="blog.html" >Barneys Spring Campaign Stars 17 Transgender Models</a>
|
||||
<ul class="post_item_inf_widget">
|
||||
<li>JANUARY 25 | 9:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_widget clearfix">
|
||||
<div class="post_item_img_widget">
|
||||
<img src="images/blog/3.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_widget">
|
||||
<a class="title" href="blog.html" >Dominic Cooper: I'm Nothing Like the Real James Bond</a>
|
||||
<ul class="post_item_inf_widget">
|
||||
<li>JANUARY 21 | 13:30</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //POPULAR POSTS WIDGET -->
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- POPULAR TAGS WIDGET -->
|
||||
<div class="sidepanel widget_tags">
|
||||
<h3><b>Popular</b> Tags</h3>
|
||||
<ul>
|
||||
<li><a href="javascript:void(0);" >Fashion</a></li>
|
||||
<li><a href="javascript:void(0);" >Shop</a></li>
|
||||
<li><a href="javascript:void(0);" >Color</a></li>
|
||||
<li><a href="javascript:void(0);" >Creative Agency</a></li>
|
||||
<li><a href="javascript:void(0);" >Theme</a></li>
|
||||
<li><a href="javascript:void(0);" >Dress</a></li>
|
||||
<li><a href="javascript:void(0);" >Wordpress</a></li>
|
||||
</ul>
|
||||
</div><!-- POPULAR TAGS WIDGET -->
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- TEXT WIDGET -->
|
||||
<div class="sidepanel widget_text">
|
||||
<h3><b>About</b> Blog</h3>
|
||||
<p>I must admit this particular defense set me on edge a little bit, for two reasons. The first is that she’s being held to a completely different standard than male politicians are held to.</p>
|
||||
</div><!-- //TEXT WIDGET -->
|
||||
</div><!-- //SIDEBAR -->
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</section><!-- //BLOG -->
|
||||
</div><!-- //PAGE -->
|
||||
|
||||
|
||||
<!-- CONTACTS -->
|
||||
<section id="contacts">
|
||||
</section><!-- //CONTACTS -->
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer>
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 padbot30">
|
||||
<h4><b>Featured</b> posts</h4>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/1.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >As we have developed a unique layout template</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>10 January 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/2.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >How much is to develop a design for the game?</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>14 January 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/3.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >How to pump designer</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>21 December 2013</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 padbot30 foot_about_block">
|
||||
<h4><b>About</b> us</h4>
|
||||
<p>We value people over profits, quality over quantity, and keeping it real. As such, we deliver an unmatched working relationship with our clients.</p>
|
||||
<p>Our team is intentionally small, eclectic, and skilled; with our in-house expertise, we provide sharp and</p>
|
||||
<ul class="social">
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-pinterest-square"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="map_show fa fa-map-marker"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="respond_clear"></div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 padbot30">
|
||||
<h4><b>Contacts</b> Us</h4>
|
||||
|
||||
<!-- CONTACT FORM -->
|
||||
<div class="span9 contact_form">
|
||||
<div id="note"></div>
|
||||
<div id="fields">
|
||||
<form id="contact-form-face" class="clearfix" action="#">
|
||||
<input type="text" name="name" value="Name" onFocus="if (this.value == 'Name') this.value = '';" onBlur="if (this.value == '') this.value = 'Name';" />
|
||||
<textarea name="message" onFocus="if (this.value == 'Message') this.value = '';" onBlur="if (this.value == '') this.value = 'Message';">Message</textarea>
|
||||
<input class="contact_btn" type="submit" value="Send message" />
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- //CONTACT FORM -->
|
||||
</div>
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</footer><!-- //FOOTER -->
|
||||
|
||||
|
||||
<!-- MAP -->
|
||||
<div id="map">
|
||||
<a class="map_hide" href="javascript:void(0);"><i class="fa fa-angle-right"></i><i class="fa fa-angle-left"></i></a>
|
||||
<iframe src="http://maps.google.com/maps?f=q&give%20a%20hand=s_q&hl=en&geocode=&q=london&sll=37.0625,-95.677068&sspn=42.631141,90.263672&ie=UTF8&hq=&hnear=London,+United+Kingdom&ll=51.500141,-0.126257&spn=0.026448,0.039396&z=14&output=embed" ></iframe>
|
||||
</div><!-- //MAP -->
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
1627
naked/css/animate.css
vendored
1627
naked/css/animate.css
vendored
File diff suppressed because it is too large
Load diff
9
naked/css/bootstrap.min.css
vendored
9
naked/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,578 +0,0 @@
|
|||
/*
|
||||
* 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;}
|
||||
|
||||
/* 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-control-thumbs img {cursor:pointer;}
|
||||
.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 {overflow:hidden; position: relative; z-index:2;}
|
||||
.flexslider.top_slider {min-height:564px; background-color:#ccc;}
|
||||
.flexslider.top_slider:before {
|
||||
content:'';
|
||||
position:absolute;
|
||||
z-index:3;
|
||||
left:0;
|
||||
bottom:0;
|
||||
width:100%;
|
||||
height:80px;
|
||||
background-image:url(../images/slider/slide_shadow.png);
|
||||
background-repeat:repeat-x;
|
||||
background-size:auto 100%;
|
||||
-webkit-background-size:auto 100%;
|
||||
}
|
||||
.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 */
|
||||
.flexslider.top_slider .flex-direction-nav {
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.flexslider.top_slider .flex-direction-nav li a {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
bottom:50px;
|
||||
display:block;
|
||||
width:70px;
|
||||
height:70px;
|
||||
font-family:FontAwesome;
|
||||
text-align:center;
|
||||
background-color:#fff;
|
||||
}
|
||||
.flexslider.top_slider .flex-direction-nav li a:hover {background-color:#333;}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-prev {left:0;}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-next {left:71px;}
|
||||
.flexslider.top_slider .flex-direction-nav li a:before {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:70px;
|
||||
height:70px;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:#333;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-next:before {content: "\f105";}
|
||||
.flexslider.top_slider .flex-direction-nav li a:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
/* __________ Portfolio Post Direction Nav __________ */
|
||||
.flexslider.portfolio_single_slider {position:relative;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
top:0;
|
||||
bottom:0;
|
||||
display:block;
|
||||
width:200px;
|
||||
height:100%;
|
||||
font-family:FontAwesome;
|
||||
text-align:center;
|
||||
opacity:0;
|
||||
}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a:hover {background:none;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev {left:-50px;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next {right:-50px;}
|
||||
.flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-prev {left:0; opacity:1;}
|
||||
.flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-next {right:0; opacity:1;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a:before {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
width:70px;
|
||||
height:70px;
|
||||
margin-top:-35px;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:rgba(0,0,0,0.5);
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev:before {content: "\f104"; left:0;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next:before {content: "\f105"; right:0;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
/* __________ Control Navigation __________ */
|
||||
.flex-control-nav {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
left:0;
|
||||
bottom:30px;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
.flex-control-nav li {
|
||||
display:inline-block;
|
||||
margin:0 8px;
|
||||
}
|
||||
.flex-control-nav li a {
|
||||
display:block;
|
||||
width:10px;
|
||||
height:10px;
|
||||
border-radius:50%;
|
||||
border:2px solid #333;
|
||||
background-color:#fff;
|
||||
font-size:0;
|
||||
cursor:pointer;
|
||||
transition: none;
|
||||
-webkit-transition: none;
|
||||
}
|
||||
.flex-control-nav li a.flex-active {
|
||||
position:relative;
|
||||
top:-3px;
|
||||
left:-3px;
|
||||
right:-3px;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background-color:#333;
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 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'; }
|
||||
|
||||
|
||||
|
||||
/* Works Slider */
|
||||
.flexslider.works_slider .flex-direction-nav li a {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
bottom:30px;
|
||||
display:block;
|
||||
width:50px;
|
||||
height:50px;
|
||||
font-family:FontAwesome;
|
||||
text-align:center;
|
||||
background-color:#fff;
|
||||
}
|
||||
.flexslider.works_slider .flex-direction-nav li a:hover {background-color:#333;}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-prev {left:20px;}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-next {left:70px;}
|
||||
.flexslider.works_slider .flex-direction-nav li a:before {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:50px;
|
||||
height:50px;
|
||||
line-height:46px;
|
||||
font-size:32px;
|
||||
color:#333;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-next:before {content: "\f105";}
|
||||
.flexslider.works_slider .flex-direction-nav li a:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Control Nav */
|
||||
.flex-control-thumbs {
|
||||
position: absolute;
|
||||
z-index:200;
|
||||
left:0;
|
||||
bottom:50px;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
.flex-control-thumbs li {
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
display:inline-block;
|
||||
width: 100px;
|
||||
height:70px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.flex-control-thumbs img {
|
||||
position:asbolute;
|
||||
width: auto;
|
||||
max-width:none;
|
||||
height:100%;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.flex-control-thumbs li img.flex-active:before {
|
||||
content:'';
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
border:5px solid #fff;
|
||||
}
|
||||
|
||||
|
||||
/* thumb navigation */
|
||||
#carousel {
|
||||
position:absolute;
|
||||
left:0;
|
||||
bottom:45px;
|
||||
width:100%;
|
||||
}
|
||||
#carousel .slides {text-align:center;}
|
||||
#carousel .slides li {
|
||||
overflow:hidden;
|
||||
z-index:10 !important;
|
||||
float:none !important;
|
||||
display:inline-block !important;
|
||||
padding:5px 0 0;
|
||||
width:105px !important;
|
||||
height:75px !important;
|
||||
margin:0 2px 0 5px !important;
|
||||
opacity:1 !important;
|
||||
cursor:pointer;
|
||||
box-shadow:3px 3px 3px rgba(0,0,0,0.15);
|
||||
}
|
||||
#carousel .slides li.flex-active-slide:before {
|
||||
content:'';
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:5px;
|
||||
right:0;
|
||||
bottom:0;
|
||||
border:5px solid transparent;
|
||||
}
|
||||
#carousel .slides li.flex-active-slide:before {border-color:#fff;}
|
||||
|
||||
#carousel .slides li.flex-active-slide:after {
|
||||
content:'';
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:0;
|
||||
margin-left:-2px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 5px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-bottom: 5px solid #fff;
|
||||
}
|
||||
|
||||
#carousel .slides li img {
|
||||
width:auto;
|
||||
max-width:none;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Caption */
|
||||
.top_slider .slide1 {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide1_bg_mobil_mobil.jpg);
|
||||
background-size:cover;
|
||||
background-attachment:fixed !important;
|
||||
}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 {
|
||||
position:absolute;
|
||||
z-index:30;
|
||||
left:50%;
|
||||
top:45%;
|
||||
width:100%;
|
||||
margin-left:-585px;
|
||||
color:#333;
|
||||
transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
}
|
||||
.top_slider .slide1 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide1 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide1 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide1 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
|
||||
|
||||
|
||||
|
||||
.top_slider .slide2 {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide2_bg_mobil.jpg);
|
||||
background-size:cover;
|
||||
background-attachment:fixed !important;
|
||||
}
|
||||
|
||||
.top_slider .slide2 .flex_caption1 {
|
||||
position:absolute;
|
||||
z-index:30;
|
||||
left:50%;
|
||||
top:45%;
|
||||
width:100%;
|
||||
margin-left:-585px;
|
||||
color:#fff;
|
||||
transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
}
|
||||
.top_slider .slide2 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide2 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide2 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide2 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
|
||||
|
||||
|
||||
.top_slider .slide3 {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide3_bg_mobil.jpg);
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
.top_slider .slide3 .flex_caption1 {
|
||||
position:absolute;
|
||||
z-index:30;
|
||||
left:50%;
|
||||
top:45%;
|
||||
width:100%;
|
||||
margin-left:-585px;
|
||||
color:#fff;
|
||||
transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
}
|
||||
.top_slider .slide3 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide3 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide3 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide3 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
|
||||
|
||||
|
||||
.top_slider .slide_btn {
|
||||
position:absolute;
|
||||
z-index:110;
|
||||
bottom:50px;
|
||||
left:50%;
|
||||
width:171px;
|
||||
display:inline-block;
|
||||
margin-left:414px;
|
||||
padding:26px 30px 24px;
|
||||
text-transform:uppercase;
|
||||
font-weight:900;
|
||||
color:#333;
|
||||
background-color:#fff;
|
||||
}
|
||||
.top_slider .slide_btn:hover {background-color:#1c1c1c; color:#fff;}
|
||||
.top_slider .slide_btn:before {
|
||||
position:absolute;
|
||||
content: "\f105";
|
||||
right:30px;
|
||||
top:0;
|
||||
width:20px;
|
||||
height:20px;
|
||||
font-family:FontAwesome;
|
||||
text-align:right;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:#333;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.top_slider .slide_btn:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* __________ Video Slide __________ */
|
||||
.slide3 .buttonBar {display:none;}
|
||||
|
||||
#controlBar_P2 {display:none !important;}
|
||||
|
||||
.slide3.bg {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide3_bg_mobil.jpg);
|
||||
background-size:cover;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
#carousel .slides li .video {
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:50%;
|
||||
width:30px;
|
||||
height:30px;
|
||||
margin:-15px 0 0 -15px;
|
||||
background-image:url(../images/video.png);
|
||||
background-repeat:no-repeat;
|
||||
background-size:100% auto;
|
||||
-webkit-background-size:100% auto;
|
||||
}
|
||||
|
||||
/* _________ //Video Slide _________ */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Flex Caption Effect */
|
||||
.FadeIn, .FromTop, .FromRight, .FromBottom, .FromLeft {opacity: 0; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out;}
|
||||
.captionDelay1 {transition-delay: 0.1s; -webkit-transition-delay: 0.1s;}
|
||||
.captionDelay2 {transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
|
||||
.captionDelay3 {transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
|
||||
.captionDelay4 {transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
|
||||
.captionDelay5 {transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
|
||||
.captionDelay6 {transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
|
||||
.captionDelay7 {transition-delay: 0.7s; -webkit-transition-delay: 0.7s;}
|
||||
.captionDelay8 {transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
|
||||
.captionDelay9 {transition-delay: 0.9s; -webkit-transition-delay: 0.9s;}
|
||||
.captionDelay10 {transition-delay: 1s; -webkit-transition-delay: 1s;}
|
||||
.captionDelay11{transition-delay: 1.1s; -webkit-transition-delay: 1.1s;}
|
||||
.captionDelay12 {transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
|
||||
|
||||
.flexslider li.flex-active-slide .FadeIn {opacity: 1;}
|
||||
.flexslider li .FromTop {transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%);}
|
||||
.flexslider li.flex-active-slide .FromTop {opacity: 1; transform: translateY(0); -o-transform: translateY(0%); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
|
||||
.flexslider li .FromBottom {transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%);}
|
||||
.flexslider li.flex-active-slide .FromBottom {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
|
||||
.flexslider li .FromLeft {transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%);}
|
||||
.flexslider li.flex-active-slide .FromLeft {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}
|
||||
.flexslider li .FromRight {transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%);}
|
||||
.flexslider li.flex-active-slide .FromRight {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Responsive Styles */
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-485px;}
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:70px; line-height:70px;}
|
||||
.top_slider .slide_btn {margin-left:314px;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-375px;}
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:60px; line-height:60px;}
|
||||
.top_slider .slide_btn {margin-left:204px;}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:17px; line-height:24px; width:450px;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.flexslider.top_slider:before {height:40px;}
|
||||
|
||||
|
||||
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:0; left:15px;}
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:40px; line-height:40px;}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:13px; line-height:19px; width:420px;}
|
||||
|
||||
|
||||
#carousel .slides li {width:70px !important; height:55px !important; margin:0 0 0 2px !important;}
|
||||
|
||||
|
||||
.flexslider.top_slider .flex-direction-nav li a {width:50px; height:50px;}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-next {left:51px;}
|
||||
.flexslider.top_slider .flex-direction-nav li a:before {width:50px; height:50px; line-height:46px;}
|
||||
|
||||
|
||||
.top_slider .slide_btn {padding:15px 20px 15px 5px; width:auto; left:auto; right:15px; margin:0;}
|
||||
.top_slider .slide_btn:before {right:5px; font-size:18px; top:-7px;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 479px) {
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:26px; line-height:26px;}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {width:290px;}
|
||||
|
||||
#carousel {display:none;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,578 +0,0 @@
|
|||
/*
|
||||
* 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;}
|
||||
|
||||
/* 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-control-thumbs img {cursor:pointer;}
|
||||
.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 {overflow:hidden; position: relative; z-index:2;}
|
||||
.flexslider.top_slider {min-height:564px; background-color:#ccc;}
|
||||
.flexslider.top_slider:before {
|
||||
content:'';
|
||||
position:absolute;
|
||||
z-index:3;
|
||||
left:0;
|
||||
bottom:0;
|
||||
width:100%;
|
||||
height:80px;
|
||||
background-image:url(../images/slider/slide_shadow.png);
|
||||
background-repeat:repeat-x;
|
||||
background-size:auto 100%;
|
||||
-webkit-background-size:auto 100%;
|
||||
}
|
||||
.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 */
|
||||
.flexslider.top_slider .flex-direction-nav {
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.flexslider.top_slider .flex-direction-nav li a {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
bottom:50px;
|
||||
display:block;
|
||||
width:70px;
|
||||
height:70px;
|
||||
font-family:FontAwesome;
|
||||
text-align:center;
|
||||
background-color:#fff;
|
||||
}
|
||||
.flexslider.top_slider .flex-direction-nav li a:hover {background-color:#333;}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-prev {left:0;}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-next {left:71px;}
|
||||
.flexslider.top_slider .flex-direction-nav li a:before {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:70px;
|
||||
height:70px;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:#333;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-next:before {content: "\f105";}
|
||||
.flexslider.top_slider .flex-direction-nav li a:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
/* __________ Portfolio Post Direction Nav __________ */
|
||||
.flexslider.portfolio_single_slider {position:relative;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
top:0;
|
||||
bottom:0;
|
||||
display:block;
|
||||
width:200px;
|
||||
height:100%;
|
||||
font-family:FontAwesome;
|
||||
text-align:center;
|
||||
opacity:0;
|
||||
}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a:hover {background:none;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev {left:-50px;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next {right:-50px;}
|
||||
.flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-prev {left:0; opacity:1;}
|
||||
.flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-next {right:0; opacity:1;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a:before {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
width:70px;
|
||||
height:70px;
|
||||
margin-top:-35px;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:rgba(0,0,0,0.5);
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev:before {content: "\f104"; left:0;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next:before {content: "\f105"; right:0;}
|
||||
.flexslider.portfolio_single_slider .flex-direction-nav li a:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
/* __________ Control Navigation __________ */
|
||||
.flex-control-nav {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
left:0;
|
||||
bottom:30px;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
.flex-control-nav li {
|
||||
display:inline-block;
|
||||
margin:0 8px;
|
||||
}
|
||||
.flex-control-nav li a {
|
||||
display:block;
|
||||
width:10px;
|
||||
height:10px;
|
||||
border-radius:50%;
|
||||
border:2px solid #333;
|
||||
background-color:#fff;
|
||||
font-size:0;
|
||||
cursor:pointer;
|
||||
transition: none;
|
||||
-webkit-transition: none;
|
||||
}
|
||||
.flex-control-nav li a.flex-active {
|
||||
position:relative;
|
||||
top:-3px;
|
||||
left:-3px;
|
||||
right:-3px;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background-color:#333;
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 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'; }
|
||||
|
||||
|
||||
|
||||
/* Works Slider */
|
||||
.flexslider.works_slider .flex-direction-nav li a {
|
||||
position:absolute;
|
||||
z-index:300;
|
||||
bottom:30px;
|
||||
display:block;
|
||||
width:50px;
|
||||
height:50px;
|
||||
font-family:FontAwesome;
|
||||
text-align:center;
|
||||
background-color:#fff;
|
||||
}
|
||||
.flexslider.works_slider .flex-direction-nav li a:hover {background-color:#333;}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-prev {left:20px;}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-next {left:70px;}
|
||||
.flexslider.works_slider .flex-direction-nav li a:before {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:50px;
|
||||
height:50px;
|
||||
line-height:46px;
|
||||
font-size:32px;
|
||||
color:#333;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";}
|
||||
.flexslider.works_slider .flex-direction-nav li a.flex-next:before {content: "\f105";}
|
||||
.flexslider.works_slider .flex-direction-nav li a:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Control Nav */
|
||||
.flex-control-thumbs {
|
||||
position: absolute;
|
||||
z-index:200;
|
||||
left:0;
|
||||
bottom:50px;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
.flex-control-thumbs li {
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
display:inline-block;
|
||||
width: 100px;
|
||||
height:70px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.flex-control-thumbs img {
|
||||
position:asbolute;
|
||||
width: auto;
|
||||
max-width:none;
|
||||
height:100%;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.flex-control-thumbs li img.flex-active:before {
|
||||
content:'';
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
border:5px solid #fff;
|
||||
}
|
||||
|
||||
|
||||
/* thumb navigation */
|
||||
#carousel {
|
||||
position:absolute;
|
||||
left:0;
|
||||
bottom:45px;
|
||||
width:100%;
|
||||
}
|
||||
#carousel .slides {text-align:center;}
|
||||
#carousel .slides li {
|
||||
overflow:hidden;
|
||||
z-index:10 !important;
|
||||
float:none !important;
|
||||
display:inline-block !important;
|
||||
padding:5px 0 0;
|
||||
width:105px !important;
|
||||
height:75px !important;
|
||||
margin:0 2px 0 5px !important;
|
||||
opacity:1 !important;
|
||||
cursor:pointer;
|
||||
box-shadow:3px 3px 3px rgba(0,0,0,0.15);
|
||||
}
|
||||
#carousel .slides li.flex-active-slide:before {
|
||||
content:'';
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:5px;
|
||||
right:0;
|
||||
bottom:0;
|
||||
border:5px solid transparent;
|
||||
}
|
||||
#carousel .slides li.flex-active-slide:before {border-color:#fff;}
|
||||
|
||||
#carousel .slides li.flex-active-slide:after {
|
||||
content:'';
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:0;
|
||||
margin-left:-2px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 5px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-bottom: 5px solid #fff;
|
||||
}
|
||||
|
||||
#carousel .slides li img {
|
||||
width:auto;
|
||||
max-width:none;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Caption */
|
||||
.top_slider .slide1 {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide1_bg.jpg);
|
||||
background-size:cover;
|
||||
background-attachment:fixed !important;
|
||||
}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 {
|
||||
position:absolute;
|
||||
z-index:30;
|
||||
left:50%;
|
||||
top:45%;
|
||||
width:100%;
|
||||
margin-left:-585px;
|
||||
color:#333;
|
||||
transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
}
|
||||
.top_slider .slide1 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide1 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide1 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide1 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
|
||||
|
||||
|
||||
|
||||
.top_slider .slide2 {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide2_bg.jpg);
|
||||
background-size:cover;
|
||||
background-attachment:fixed !important;
|
||||
}
|
||||
|
||||
.top_slider .slide2 .flex_caption1 {
|
||||
position:absolute;
|
||||
z-index:30;
|
||||
left:50%;
|
||||
top:45%;
|
||||
width:100%;
|
||||
margin-left:-585px;
|
||||
color:#fff;
|
||||
transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
}
|
||||
.top_slider .slide2 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide2 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide2 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide2 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
|
||||
|
||||
|
||||
.top_slider .slide3 {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide3_bg.jpg);
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
.top_slider .slide3 .flex_caption1 {
|
||||
position:absolute;
|
||||
z-index:30;
|
||||
left:50%;
|
||||
top:45%;
|
||||
width:100%;
|
||||
margin-left:-585px;
|
||||
color:#fff;
|
||||
transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
}
|
||||
.top_slider .slide3 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide3 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide3 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
|
||||
.top_slider .slide3 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
|
||||
|
||||
|
||||
.top_slider .slide_btn {
|
||||
position:absolute;
|
||||
z-index:110;
|
||||
bottom:50px;
|
||||
left:50%;
|
||||
width:171px;
|
||||
display:inline-block;
|
||||
margin-left:414px;
|
||||
padding:26px 30px 24px;
|
||||
text-transform:uppercase;
|
||||
font-weight:900;
|
||||
color:#333;
|
||||
background-color:#fff;
|
||||
}
|
||||
.top_slider .slide_btn:hover {background-color:#1c1c1c; color:#fff;}
|
||||
.top_slider .slide_btn:before {
|
||||
position:absolute;
|
||||
content: "\f105";
|
||||
right:30px;
|
||||
top:0;
|
||||
width:20px;
|
||||
height:20px;
|
||||
font-family:FontAwesome;
|
||||
text-align:right;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:#333;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.top_slider .slide_btn:hover:before {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* __________ Video Slide __________ */
|
||||
.slide3 .buttonBar {display:none;}
|
||||
|
||||
#controlBar_P2 {display:none !important;}
|
||||
|
||||
.slide3.bg {
|
||||
height:100%;
|
||||
background-image:url(../images/slider/slide3_bg.jpg);
|
||||
background-size:cover;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
#carousel .slides li .video {
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:50%;
|
||||
width:30px;
|
||||
height:30px;
|
||||
margin:-15px 0 0 -15px;
|
||||
background-image:url(../images/video.png);
|
||||
background-repeat:no-repeat;
|
||||
background-size:100% auto;
|
||||
-webkit-background-size:100% auto;
|
||||
}
|
||||
|
||||
/* _________ //Video Slide _________ */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Flex Caption Effect */
|
||||
.FadeIn, .FromTop, .FromRight, .FromBottom, .FromLeft {opacity: 0; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out;}
|
||||
.captionDelay1 {transition-delay: 0.1s; -webkit-transition-delay: 0.1s;}
|
||||
.captionDelay2 {transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
|
||||
.captionDelay3 {transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
|
||||
.captionDelay4 {transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
|
||||
.captionDelay5 {transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
|
||||
.captionDelay6 {transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
|
||||
.captionDelay7 {transition-delay: 0.7s; -webkit-transition-delay: 0.7s;}
|
||||
.captionDelay8 {transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
|
||||
.captionDelay9 {transition-delay: 0.9s; -webkit-transition-delay: 0.9s;}
|
||||
.captionDelay10 {transition-delay: 1s; -webkit-transition-delay: 1s;}
|
||||
.captionDelay11{transition-delay: 1.1s; -webkit-transition-delay: 1.1s;}
|
||||
.captionDelay12 {transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
|
||||
|
||||
.flexslider li.flex-active-slide .FadeIn {opacity: 1;}
|
||||
.flexslider li .FromTop {transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%);}
|
||||
.flexslider li.flex-active-slide .FromTop {opacity: 1; transform: translateY(0); -o-transform: translateY(0%); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
|
||||
.flexslider li .FromBottom {transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%);}
|
||||
.flexslider li.flex-active-slide .FromBottom {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
|
||||
.flexslider li .FromLeft {transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%);}
|
||||
.flexslider li.flex-active-slide .FromLeft {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}
|
||||
.flexslider li .FromRight {transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%);}
|
||||
.flexslider li.flex-active-slide .FromRight {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Responsive Styles */
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-485px;}
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:70px; line-height:70px;}
|
||||
.top_slider .slide_btn {margin-left:314px;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-375px;}
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:60px; line-height:60px;}
|
||||
.top_slider .slide_btn {margin-left:204px;}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:17px; line-height:24px; width:450px;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.flexslider.top_slider:before {height:40px;}
|
||||
|
||||
|
||||
.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:0; left:15px;}
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:40px; line-height:40px;}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:13px; line-height:19px; width:420px;}
|
||||
|
||||
|
||||
#carousel .slides li {width:70px !important; height:55px !important; margin:0 0 0 2px !important;}
|
||||
|
||||
|
||||
.flexslider.top_slider .flex-direction-nav li a {width:50px; height:50px;}
|
||||
.flexslider.top_slider .flex-direction-nav li a.flex-next {left:51px;}
|
||||
.flexslider.top_slider .flex-direction-nav li a:before {width:50px; height:50px; line-height:46px;}
|
||||
|
||||
|
||||
.top_slider .slide_btn {padding:15px 20px 15px 5px; width:auto; left:auto; right:15px; margin:0;}
|
||||
.top_slider .slide_btn:before {right:5px; font-size:18px; top:-7px;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 479px) {
|
||||
.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:26px; line-height:26px;}
|
||||
|
||||
.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {width:290px;}
|
||||
|
||||
#carousel {display:none;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,169 +0,0 @@
|
|||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
* v1.3.2
|
||||
*/
|
||||
|
||||
/* clearfix */
|
||||
.owl-carousel .owl-wrapper:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
/* display none until init */
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding:48px 0 0;
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.owl-carousel .testim_slider {padding-top:30px;}
|
||||
.owl-carousel .owl-wrapper{
|
||||
display: none;
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer.autoHeight{
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item{
|
||||
float: left;
|
||||
}
|
||||
.owl-controls .owl-page,
|
||||
.owl-controls .owl-buttons div{
|
||||
cursor: pointer;
|
||||
}
|
||||
.owl-controls {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* mouse grab icon */
|
||||
.grabbing {
|
||||
cursor:url(grabbing.png) 8 8, move;
|
||||
}
|
||||
|
||||
/* fix */
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item{
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-moz-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Navigation */
|
||||
|
||||
.owl-theme .owl-controls{
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:-80px;
|
||||
width:100%;
|
||||
text-align: right;
|
||||
transform:translateX(-50%);
|
||||
-o-transform:translateX(-50%);
|
||||
-ms-transform:translateX(-50%);
|
||||
-webkit-transform:translateX(-50%);
|
||||
}
|
||||
.testimonials .owl-theme .owl-controls{top:-50px;}
|
||||
|
||||
.owl-theme .owl-controls .owl-buttons div {
|
||||
position:relative;
|
||||
z-index:1;
|
||||
display: inline-block;
|
||||
width:70px;
|
||||
height:70px;
|
||||
margin:0 0 0 -2px;
|
||||
border:2px solid #ccc;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-buttons div:hover {z-index:2; border-color:#333;}
|
||||
.owl-theme .owl-controls .owl-buttons div:before {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:68px;
|
||||
height:68px;
|
||||
font-family: FontAwesome;
|
||||
text-align:center;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
color:#ccc;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-buttons .owl-prev:before {content: "\f104";}
|
||||
.owl-theme .owl-controls .owl-buttons .owl-next:before {content: "\f105";}
|
||||
.owl-theme .owl-controls .owl-buttons div:hover:before {color:#333;}
|
||||
|
||||
|
||||
/* Styling Pagination*/
|
||||
.owl-theme .owl-controls .owl-pagination {height:14px;}
|
||||
.owl-theme .owl-controls .owl-page{
|
||||
display: inline-block;
|
||||
vertical-align:top;
|
||||
margin-left:16px;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page span{
|
||||
display: block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin: 0;
|
||||
border-radius: 50%;
|
||||
border:2px solid #333;
|
||||
}
|
||||
|
||||
.owl-theme .owl-controls .owl-page.active span {
|
||||
position:relative;
|
||||
top:-3px;
|
||||
bottom:-3px;
|
||||
width:20px;
|
||||
height:20px;
|
||||
background-color:#333;
|
||||
}
|
||||
|
||||
/* If PaginationNumbers is true */
|
||||
|
||||
.owl-theme .owl-controls .owl-page span.owl-numbers{
|
||||
height: auto;
|
||||
width: auto;
|
||||
color: #FFF;
|
||||
padding: 2px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
/* preloading images */
|
||||
.owl-item.loading{
|
||||
min-height: 150px;
|
||||
background: url(AjaxLoader.gif) no-repeat center center
|
||||
}
|
||||
|
|
@ -1,210 +0,0 @@
|
|||
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
|
||||
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}
|
||||
|
||||
.pp_gallery ul a img{
|
||||
width:50px !important;
|
||||
height:35px !important;
|
||||
max-width:50px !important;
|
||||
}
|
||||
|
||||
|
||||
/* CUSTOM */
|
||||
.pp_left, .pp_middle, .pp_right, div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content, div.light_rounded .pp_content {background:none !important;}
|
||||
.pp_details {position:static !important;}
|
||||
.pp_nav, .pp_social {display:none !Important;}
|
||||
div.pp_default .pp_close {z-index:9999; right:40px; top:20px; width:19px; height:18px; transition: none; -webkit-transition: none;}
|
||||
div.pp_default .pp_close:hover {background-position:0 -17px;}
|
||||
|
||||
a.pp_previous, a.pp_next {background:none !Important; font-family:FontAwesome; text-indent:0; font-size:0;}
|
||||
a.pp_previous:before,
|
||||
a.pp_next:before {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
width:70px;
|
||||
height:70px;
|
||||
margin-top:-35px;
|
||||
line-height:66px;
|
||||
font-size:32px;
|
||||
text-align:center;
|
||||
color:rgba(0,0,0,0.5);
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
a.pp_previous:before {content: "\f104"; left:0;}
|
||||
a.pp_next:before {content: "\f105"; right:0;}
|
||||
a.pp_previous:hover:before, a.pp_next:hover:before {color:#fff;}
|
||||
|
||||
.pp_gallery {margin-top:20px;}
|
||||
|
||||
.pp_gallery div {padding-top:2px;}
|
||||
div.pp_default .pp_gallery ul li a {border:0 !important;}
|
||||
div.pp_default .pp_gallery ul li {margin:0 5px;}
|
||||
div.pp_default .pp_gallery ul li:hover, div.pp_default .pp_gallery ul li.selected {border:2px solid #fff; margin:-2px 3px 0;}
|
||||
2069
naked/css/style.css
2069
naked/css/style.css
File diff suppressed because it is too large
Load diff
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 452 B |
Binary file not shown.
|
Before Width: | Height: | Size: 826 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 276 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 727 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 462 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 293 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 188 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 131 B |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 572 B |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
813
naked/index.html
813
naked/index.html
|
|
@ -1,813 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<title>White | responsive bootstrap3 html5 one page template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<link rel="shortcut icon" href="images/favicon.ico">
|
||||
|
||||
<!-- CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<!--<link href="css/flexslider.css" rel="stylesheet" type="text/css" />-->
|
||||
<script>
|
||||
function isMobile() {
|
||||
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
|
||||
return regex.test(navigator.userAgent);
|
||||
}
|
||||
|
||||
if (isMobile()) {
|
||||
console.log("Detekováno mobilní zařízení");
|
||||
document.write("<link href='css/flexslider-mobil.css' rel='stylesheet' type='text/css' />");
|
||||
} else {
|
||||
console.log("Detekován počítač");
|
||||
document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
|
||||
}
|
||||
</script>
|
||||
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- FONTS -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
|
||||
|
||||
<!-- SCRIPTS -->
|
||||
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<!--[if IE]><html class="ie" lang="en"> <![endif]-->
|
||||
|
||||
<script src="js/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
|
||||
<script src="js/superfish.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
|
||||
<script src="js/owl.carousel.js" type="text/javascript"></script>
|
||||
<script src="js/animate.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.BlackAndWhite.js"></script>
|
||||
<script src="js/myscript.js" type="text/javascript"></script>
|
||||
<script>
|
||||
|
||||
//PrettyPhoto
|
||||
jQuery(document).ready(function() {
|
||||
$("a[rel^='prettyPhoto']").prettyPhoto();
|
||||
});
|
||||
|
||||
//BlackAndWhite
|
||||
$(window).load(function(){
|
||||
$('.client_img').BlackAndWhite({
|
||||
hoverEffect : true, // default true
|
||||
// set the path to BnWWorker.js for a superfast implementation
|
||||
webworkerPath : false,
|
||||
// for the images with a fluid width and height
|
||||
responsive:true,
|
||||
// to invert the hover effect
|
||||
invertHoverEffect: false,
|
||||
// this option works only on the modern browsers ( on IE lower than 9 it remains always 1)
|
||||
intensity:1,
|
||||
speed: { //this property could also be just speed: value for both fadeIn and fadeOut
|
||||
fadeIn: 300, // 200ms for fadeIn animations
|
||||
fadeOut: 300 // 800ms for fadeOut animations
|
||||
},
|
||||
onImageReady:function(img) {
|
||||
// this callback gets executed anytime an image is converted
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER -->
|
||||
<img id="preloader" src="images/preloader.gif" alt="" />
|
||||
<!-- //PRELOADER -->
|
||||
<div class="preloader_hide">
|
||||
|
||||
<!-- PAGE -->
|
||||
<div id="page">
|
||||
|
||||
<!-- HEADER -->
|
||||
<header>
|
||||
|
||||
<!-- MENU BLOCK -->
|
||||
<div class="menu_block">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container clearfix">
|
||||
|
||||
<!-- LOGO -->
|
||||
<div class="logo pull-left">
|
||||
<a href="index.html" ><i class="fa fa-eye" style="vertical-align: middle; filter: blur(0.8px); text-shadow: 2px 2px 4px #000000; padding-right: 2rem;"></i><small><span class="b1" style="vertical-align: middle; filter: blur(0.8px); text-shadow: 2px 2px 4px #000000;">n</span><span class="b2" style="vertical-align: middle; filter: blur(1.0px); text-shadow: 4px 4px 6px #000000;">a</span><span class="b3" style="vertical-align: middle; filter: blur(1.2px); text-shadow: 6px 6px 8px #000000;">k</span><span class="b4" style="vertical-align: middle; filter: blur(1.4px); text-shadow: 8px 8px 10px #000000;">e</span><span class="b5" style="vertical-align: middle; filter: blur(1.6px); text-shadow: 10px 10px 12px #000000;">d</span></small></a>
|
||||
</div><!-- //LOGO -->
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
<div id="search-form" class="pull-right">
|
||||
<form method="get" action="#">
|
||||
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" />
|
||||
</form>
|
||||
</div><!-- SEARCH FORM -->
|
||||
|
||||
<!-- MENU -->
|
||||
<div class="pull-right">
|
||||
<nav class="navmenu center">
|
||||
<ul>
|
||||
<li class="first active scroll_btn"><a href="#home" >Home</a></li>
|
||||
<li class="scroll_btn"><a href="#about" >About Me</a></li>
|
||||
<li class="scroll_btn"><a href="#projects" >Projects</a></li>
|
||||
<li class="scroll_btn"><a href="#team" >Team</a></li>
|
||||
<li class="scroll_btn"><a href="#news" >News</a></li>
|
||||
<li class="scroll_btn last"><a href="#contacts" >Contacts</a></li>
|
||||
<li class="sub-menu">
|
||||
<a href="javascript:void(0);" >Pages</a>
|
||||
<ul>
|
||||
<li><a href="blog.html" >Blog</a></li>
|
||||
<li><a href="blog-post.html" >Blog Post</a></li>
|
||||
<li><a href="portfolio-post.html" >Portfolio Single Work</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div><!-- //MENU -->
|
||||
</div><!-- //MENU BLOCK -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</header><!-- //HEADER -->
|
||||
|
||||
|
||||
<!-- HOME -->
|
||||
<section id="home" class="padbot0">
|
||||
|
||||
<!-- TOP SLIDER -->
|
||||
<div class="flexslider top_slider">
|
||||
<ul class="slides">
|
||||
<li class="slide1">
|
||||
<div class="flex_caption1" style="text-shadow: 2px 2px 4px #000000;">
|
||||
<p class="title1 captionDelay2 FromTop"><i class="fa fa-group" style="padding-right: 0rem;"></i> Public</p>
|
||||
<p class="title2 captionDelay4 FromTop">Nudity</p>
|
||||
<p class="title3 captionDelay6 FromTop">Film's</p>
|
||||
<p class="title4 captionDelay7 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
||||
</div>
|
||||
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
|
||||
<li class="slide2">
|
||||
<div class="flex_caption1" style="text-shadow: 2px 2px 4px #000000;">
|
||||
<p class="title1 captionDelay6 FromLeft"><i class="fa fa-bar-chart"></i> Survey</p>
|
||||
<p class="title2 captionDelay4 FromLeft">About</p>
|
||||
<p class="title3 captionDelay2 FromLeft">Nudism</p>
|
||||
<p class="title4 captionDelay7 FromLeft">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
||||
</div>
|
||||
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
|
||||
</li>
|
||||
<li class="slide3">
|
||||
<div class="flex_caption1" style="text-shadow: 2px 2px 4px #000000;">
|
||||
<p class="title1 captionDelay1 FromBottom"><i class="fa fa-archive"></i> Archive</p>
|
||||
<p class="title2 captionDelay2 FromBottom">Of</p>
|
||||
<p class="title3 captionDelay3 FromBottom">Art</p>
|
||||
<p class="title4 captionDelay5 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
|
||||
</div>
|
||||
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
|
||||
|
||||
<!-- VIDEO BACKGROUND -->
|
||||
<a id="P2" class="player" data-property="{videoURL:'tDvBwPzJ7dY',containment:'.top_slider .slide3',autoPlay:true, mute:true, startAt:0, opacity:1}" ></a>
|
||||
<!-- //VIDEO BACKGROUND -->
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="carousel">
|
||||
<ul class="slides">
|
||||
<li><img src="images/slider/slide1_bg.jpg" alt="" /></li>
|
||||
<li><img src="images/slider/slide2_bg.jpg" alt="" /></li>
|
||||
<li><img src="images/slider/slide3_bg.jpg" alt="" /></li>
|
||||
</ul>
|
||||
</div><!-- //TOP SLIDER -->
|
||||
</section><!-- //HOME -->
|
||||
|
||||
|
||||
<!-- ABOUT -->
|
||||
<section id="about">
|
||||
|
||||
<!-- SERVICES -->
|
||||
<div class="services_block padbot40" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<a class="services_item" href="javascript:void(0);" >
|
||||
<p><b>Easy</b> Customize</p>
|
||||
<span>Quality and very comfortable design, does not hurt the eyes and pleasant to use.</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<a class="services_item" href="javascript:void(0);" >
|
||||
<p><b>Modern</b> Design</p>
|
||||
<span>Quality and unique design that meets all the requirements and trends of modern web design.</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<a class="services_item" href="javascript:void(0);" >
|
||||
<p><b>Responsive</b> Design</p>
|
||||
<span>Design that will be equally beautifully displayed on all your devices, tablet, smartphone or computer.</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
|
||||
<a class="services_item" href="javascript:void(0);" >
|
||||
<p><b>Free</b> Updates & Support</p>
|
||||
<span>Hour and great support template. You can always ask a question and we will help you.</span>
|
||||
</a>
|
||||
</div>
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</div><!-- //SERVICES -->
|
||||
|
||||
<!-- CLEAN CODE -->
|
||||
<div class="cleancode_block">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<!-- CASTOM TAB -->
|
||||
<div id="myTabContent" class="tab-content">
|
||||
<div class="tab-pane fade in active clearfix" id="tab1">
|
||||
<p class="title"><b>Clean</b> Code</p>
|
||||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||||
</div>
|
||||
<div class="tab-pane fade clearfix" id="tab2">
|
||||
<p class="title"><b>Technical</b> Support</p>
|
||||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||||
</div>
|
||||
<div class="tab-pane fade clearfix" id="tab3">
|
||||
<p class="title"><b>Responsive</b></p>
|
||||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||||
</div>
|
||||
<div class="tab-pane fade clearfix" id="tab4">
|
||||
<p class="title"><b>Documentation</b></p>
|
||||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||||
</div>
|
||||
<div class="tab-pane fade clearfix" id="tab5">
|
||||
<p class="title"><b>Quality</b></p>
|
||||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||||
</div>
|
||||
<div class="tab-pane fade clearfix" id="tab6">
|
||||
<p class="title"><b>Support</b></p>
|
||||
<span>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</span>
|
||||
</div>
|
||||
</div>
|
||||
<ul id="myTab" class="nav nav-tabs">
|
||||
<li class="active"><a class="i1" href="#tab1" data-toggle="tab" ><i></i><span>Clean Code</span></a></li>
|
||||
<li><a class="i2" href="#tab2" data-toggle="tab" ><i></i><span>Support</span></a></li>
|
||||
<li><a class="i3" href="#tab3" data-toggle="tab" ><i></i><span>Responsive</span></a></li>
|
||||
<li><a class="i4" href="#tab4" data-toggle="tab" ><i></i><span>Documentation</span></a></li>
|
||||
<li><a class="i5" href="#tab5" data-toggle="tab" ><i></i><span>Quality</span></a></li>
|
||||
<li><a class="i6" href="#tab6" data-toggle="tab" ><i></i><span>Support</span></a></li>
|
||||
</ul><!-- CASTOM TAB -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</div><!-- //CLEAN CODE -->
|
||||
|
||||
<!-- MULTI PURPOSE -->
|
||||
<div class="purpose_block">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-7 col-md-7 col-sm-7" data-appear-top-offset="-200" data-animated="fadeInLeft">
|
||||
<h2><b>Multi-purpose</b> WordPress Theme</h2>
|
||||
<p>We tried to make very high-quality product and so our code is very neat and clean. Whatever anyone could improve and modify the template to your liking.</p>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
|
||||
<a class="btn btn-active" href="javascript:void(0);" ><span data-hover="Yes I want it">Byu This theme</span></a>
|
||||
<a class="btn" href="javascript:void(0);" >View more templates</a>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-5 col-md-5 col-sm-5 ipad_img_in" data-appear-top-offset="-200" data-animated="fadeInRight">
|
||||
<img class="ipad_img1" src="images/img1.png" alt="" />
|
||||
</div>
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</div><!-- //MULTI PURPOSE -->
|
||||
</section><!-- //ABOUT -->
|
||||
|
||||
|
||||
<!-- PROJECTS -->
|
||||
<section id="projects" class="padbot20">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
<h2><b>Featured</b> Works</h2>
|
||||
</div><!-- //CONTAINER -->
|
||||
|
||||
|
||||
<div class="projects-wrapper" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
<!-- PROJECTS SLIDER -->
|
||||
<div class="owl-demo owl-carousel projects_slider">
|
||||
|
||||
<!-- work1 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/1.jpg" alt="" />
|
||||
<a class="zoom" href="images/works/1.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work1 -->
|
||||
|
||||
<!-- work2 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/2.jpg" alt="" />
|
||||
<a class="zoom" href="images/works/2.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work2 -->
|
||||
|
||||
<!-- work3 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/3.jpg" alt="" />
|
||||
<a class="zoom" href="images/works/3.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work3 -->
|
||||
|
||||
<!-- work4 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/4.jpg" alt="" />
|
||||
<a class="zoom" href="images/works/4.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work4 -->
|
||||
|
||||
<!-- work5 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/5.jpg" alt="" />
|
||||
<a class="zoom" href="images/works/5.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work5 -->
|
||||
|
||||
<!-- work6 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/6.jpg" alt="" />
|
||||
<a class="zoom" href="images/works/6.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work6 -->
|
||||
|
||||
<!-- work7 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/7.jpg" alt="" />
|
||||
<a class="zoom" href="images/works/7.jpg" rel="prettyPhoto[portfolio1]" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work7 -->
|
||||
</div><!-- //PROJECTS SLIDER -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- OUR CLIENTS -->
|
||||
<div class="our_clients">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||||
<img src="images/clients/1.jpg" alt="" />
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||||
<img src="images/clients/2.jpg" alt="" />
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||||
<img src="images/clients/3.jpg" alt="" />
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||||
<img src="images/clients/4.jpg" alt="" />
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||||
<img src="images/clients/5.jpg" alt="" />
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-2 col-sm-2 client_img">
|
||||
<img src="images/clients/6.jpg" alt="" />
|
||||
</div>
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- CONTAINER -->
|
||||
</div><!-- //OUR CLIENTS -->
|
||||
</section><!-- //PROJECTS -->
|
||||
|
||||
|
||||
<!-- TEAM -->
|
||||
<section id="team">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
<h2><b>Our</b> Team</h2>
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<!-- TEAM SLIDER -->
|
||||
<div class="owl-demo owl-carousel team_slider">
|
||||
|
||||
<!-- crewman1 -->
|
||||
<div class="item">
|
||||
<div class="crewman_item">
|
||||
<div class="crewman">
|
||||
<img src="images/team/1.jpg" alt="" />
|
||||
</div>
|
||||
<div class="crewman_descr center">
|
||||
<div class="crewman_descr_cont">
|
||||
<p>Sarah Brown</p>
|
||||
<span>Director</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="crewman_social">
|
||||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- crewman1 -->
|
||||
|
||||
<!-- crewman2 -->
|
||||
<div class="item">
|
||||
<div class="crewman_item">
|
||||
<div class="crewman">
|
||||
<img src="images/team/2.jpg" alt="" />
|
||||
</div>
|
||||
<div class="crewman_descr center">
|
||||
<div class="crewman_descr_cont">
|
||||
<p>David Jones</p>
|
||||
<span>Creative Director</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="crewman_social">
|
||||
<a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a>
|
||||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- crewman1 -->
|
||||
|
||||
<!-- crewman3 -->
|
||||
<div class="item">
|
||||
<div class="crewman_item">
|
||||
<div class="crewman">
|
||||
<img src="images/team/3.jpg" alt="" />
|
||||
</div>
|
||||
<div class="crewman_descr center">
|
||||
<div class="crewman_descr_cont">
|
||||
<p>Kate Smith</p>
|
||||
<span>Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="crewman_social">
|
||||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- crewman3 -->
|
||||
|
||||
<!-- crewman4 -->
|
||||
<div class="item">
|
||||
<div class="crewman_item">
|
||||
<div class="crewman">
|
||||
<img src="images/team/4.jpg" alt="" />
|
||||
</div>
|
||||
<div class="crewman_descr center">
|
||||
<div class="crewman_descr_cont">
|
||||
<p>Peter Parker</p>
|
||||
<span>Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="crewman_social">
|
||||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- crewman4 -->
|
||||
|
||||
<!-- crewman5 -->
|
||||
<div class="item">
|
||||
<div class="crewman_item">
|
||||
<div class="crewman">
|
||||
<img src="images/team/5.jpg" alt="" />
|
||||
</div>
|
||||
<div class="crewman_descr center">
|
||||
<div class="crewman_descr_cont">
|
||||
<p>Jim Moss</p>
|
||||
<span>Designer</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="crewman_social">
|
||||
<a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a>
|
||||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- crewman5 -->
|
||||
|
||||
<!-- crewman6 -->
|
||||
<div class="item">
|
||||
<div class="crewman_item">
|
||||
<div class="crewman">
|
||||
<img src="images/team/6.jpg" alt="" />
|
||||
</div>
|
||||
<div class="crewman_descr center">
|
||||
<div class="crewman_descr_cont">
|
||||
<p>John Marks</p>
|
||||
<span>Designer</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="crewman_social">
|
||||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- crewman6 -->
|
||||
|
||||
<!-- crewman7 -->
|
||||
<div class="item">
|
||||
<div class="crewman_item">
|
||||
<div class="crewman">
|
||||
<img src="images/team/7.jpg" alt="" />
|
||||
</div>
|
||||
<div class="crewman_descr center">
|
||||
<div class="crewman_descr_cont">
|
||||
<p>Joe Mades</p>
|
||||
<span>Developer</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="crewman_social">
|
||||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- crewman7 -->
|
||||
|
||||
<!-- crewman8 -->
|
||||
<div class="item">
|
||||
<div class="crewman_item">
|
||||
<div class="crewman">
|
||||
<img src="images/team/8.jpg" alt="" />
|
||||
</div>
|
||||
<div class="crewman_descr center">
|
||||
<div class="crewman_descr_cont">
|
||||
<p>Julia Anderson</p>
|
||||
<span>Developer</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="crewman_social">
|
||||
<a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a>
|
||||
<a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a>
|
||||
<a href="javascript:void(0);" ><i class="fa fa-facebook-square"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- crewman8 -->
|
||||
</div><!-- TEAM SLIDER -->
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</section><!-- //TEAM -->
|
||||
|
||||
|
||||
<!-- NEWS -->
|
||||
<section id="news">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
<h2><b>Clients</b> say about us</h2>
|
||||
|
||||
<!-- TESTIMONIALS -->
|
||||
<div class="testimonials" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<!-- TESTIMONIALS SLIDER -->
|
||||
<div class="owl-demo owl-carousel testim_slider">
|
||||
|
||||
<!-- TESTIMONIAL1 -->
|
||||
<div class="item">
|
||||
<div class="testim_content">“There is nothing scary in the darkness, if you encounter it face-to-face. The inevitable price we pay for our happiness is eternal fear to lose it. When you start thinking a lot about your past, it becomes your present and you can't see your future without it.”</div>
|
||||
<div class="testim_author">— Anna Balashova, <b>Philosopher</b></div>
|
||||
</div><!-- TESTIMONIAL1 -->
|
||||
|
||||
<!-- TESTIMONIAL2 -->
|
||||
<div class="item">
|
||||
<div class="testim_content">“There is nothing scary in the darkness, if you encounter it face-to-face. The inevitable price we pay for our happiness is eternal fear to lose it. When you start thinking a lot about your past, it becomes your present and you can't see your future without it.”</div>
|
||||
<div class="testim_author">— Anna Balashova, <b>Philosopher</b></div>
|
||||
</div><!-- TESTIMONIAL2 -->
|
||||
|
||||
<!-- TESTIMONIAL3 -->
|
||||
<div class="item">
|
||||
<div class="testim_content">“There is nothing scary in the darkness, if you encounter it face-to-face. The inevitable price we pay for our happiness is eternal fear to lose it. When you start thinking a lot about your past, it becomes your present and you can't see your future without it.”</div>
|
||||
<div class="testim_author">— Anna Balashova, <b>Philosopher</b></div>
|
||||
</div><!-- TESTIMONIAL3 -->
|
||||
</div><!-- TESTIMONIALS SLIDER -->
|
||||
</div><!-- //TESTIMONIALS -->
|
||||
|
||||
<!-- RECENT POSTS -->
|
||||
<div class="row recent_posts" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 padbot30 post_item_block">
|
||||
<div class="post_item">
|
||||
<div class="post_item_img">
|
||||
<img src="images/blog/1.jpg" alt="" />
|
||||
<a class="link" href="blog-post.html" ></a>
|
||||
</div>
|
||||
<div class="post_item_content">
|
||||
<a class="title" href="blog-post.html" >Inteligent Transitions In UX Design</a>
|
||||
<ul class="post_item_inf">
|
||||
<li><a href="javascript:void(0);" >Anna</a> |</li>
|
||||
<li><a href="javascript:void(0);" >Photography</a> |</li>
|
||||
<li><a href="javascript:void(0);" >10 Comments</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 padbot30 post_item_block">
|
||||
<div class="post_item">
|
||||
<div class="post_item_img">
|
||||
<img src="images/blog/2.jpg" alt="" />
|
||||
<a class="link" href="blog-post.html"></a>
|
||||
</div>
|
||||
<div class="post_item_content">
|
||||
<a class="title" href="blog-post.html" >Recent trends in storytelling</a>
|
||||
<ul class="post_item_inf">
|
||||
<li><a href="javascript:void(0);" >Anna</a> |</li>
|
||||
<li><a href="javascript:void(0);" >Web Design</a> |</li>
|
||||
<li><a href="javascript:void(0);" >No comment</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 padbot30 post_item_block">
|
||||
<div class="post_item">
|
||||
<div class="post_item_img">
|
||||
<img src="images/blog/3.jpg" alt="" />
|
||||
<a class="link" href="blog-post.html"></a>
|
||||
</div>
|
||||
<div class="post_item_content">
|
||||
<a class="title" href="blog-post.html" >Supernatural FX Showreel</a>
|
||||
<ul class="post_item_inf">
|
||||
<li><a href="javascript:void(0);" >Anna</a> |</li>
|
||||
<li><a href="javascript:void(0);" >Creative</a> |</li>
|
||||
<li><a href="javascript:void(0);" >3 Comments</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- RECENT POSTS -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</section><!-- //NEWS -->
|
||||
</div><!-- //PAGE -->
|
||||
|
||||
<!-- CONTACTS -->
|
||||
<section id="contacts">
|
||||
</section><!-- //CONTACTS -->
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer>
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 padbot30">
|
||||
<h4><b>Featured</b> posts</h4>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/1.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >As we have developed a unique layout template</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>10 January 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/2.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >How much is to develop a design for the game?</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>14 January 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/3.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >How to pump designer</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>21 December 2013</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 padbot30 foot_about_block">
|
||||
<h4><b>About</b> us</h4>
|
||||
<p>We value people over profits, quality over quantity, and keeping it real. As such, we deliver an unmatched working relationship with our clients.</p>
|
||||
<p>Our team is intentionally small, eclectic, and skilled; with our in-house expertise, we provide sharp and</p>
|
||||
<ul class="social">
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-pinterest-square"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="map_show fa fa-map-marker"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="respond_clear"></div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 padbot30">
|
||||
<h4><b>Contacts</b> Us</h4>
|
||||
|
||||
<!-- CONTACT FORM -->
|
||||
<div class="span9 contact_form">
|
||||
<div id="note"></div>
|
||||
<div id="fields">
|
||||
<form id="contact-form-face" class="clearfix" action="#">
|
||||
<input type="text" name="name" value="Name" onFocus="if (this.value == 'Name') this.value = '';" onBlur="if (this.value == '') this.value = 'Name';" />
|
||||
<textarea name="message" onFocus="if (this.value == 'Message') this.value = '';" onBlur="if (this.value == '') this.value = 'Message';">Message</textarea>
|
||||
<input class="contact_btn" type="submit" value="Send message" />
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- //CONTACT FORM -->
|
||||
</div>
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</footer><!-- //FOOTER -->
|
||||
|
||||
|
||||
<!-- MAP -->
|
||||
<div id="map">
|
||||
<a class="map_hide" href="javascript:void(0);" ><i class="fa fa-angle-right"></i><i class="fa fa-angle-left"></i></a>
|
||||
<iframe src="http://maps.google.com/maps?f=q&give%20a%20hand=s_q&hl=en&geocode=&q=london&sll=37.0625,-95.677068&sspn=42.631141,90.263672&ie=UTF8&hq=&hnear=London,+United+Kingdom&ll=51.500141,-0.126257&spn=0.026448,0.039396&z=14&output=embed" ></iframe>
|
||||
</div><!-- //MAP -->
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,155 +0,0 @@
|
|||
/*
|
||||
* jQuery appear plugin
|
||||
*
|
||||
* Copyright (c) 2012 Andrey Sidorov
|
||||
* licensed under MIT license.
|
||||
*
|
||||
* https://github.com/morr/jquery.appear/
|
||||
*
|
||||
* Version: 0.3.3
|
||||
*/
|
||||
if ($(window).width() > 1024){
|
||||
|
||||
(function($) {
|
||||
var selectors = [];
|
||||
|
||||
var check_binded = false;
|
||||
var check_lock = false;
|
||||
var defaults = {
|
||||
interval: 250,
|
||||
force_process: false
|
||||
}
|
||||
var $window = $(window);
|
||||
|
||||
var $prior_appeared;
|
||||
|
||||
function process() {
|
||||
check_lock = false;
|
||||
for (var index = 0; index < selectors.length; index++) {
|
||||
var $appeared = $(selectors[index]).filter(function() {
|
||||
return $(this).is(':appeared');
|
||||
});
|
||||
|
||||
$appeared.trigger('appear', [$appeared]);
|
||||
|
||||
if ($prior_appeared) {
|
||||
var $disappeared = $prior_appeared.not($appeared);
|
||||
$disappeared.trigger('disappear', [$disappeared]);
|
||||
}
|
||||
$prior_appeared = $appeared;
|
||||
}
|
||||
}
|
||||
|
||||
// "appeared" custom filter
|
||||
$.expr[':']['appeared'] = function(element) {
|
||||
var $element = $(element);
|
||||
if (!$element.is(':visible')) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var window_left = $window.scrollLeft();
|
||||
var window_top = $window.scrollTop();
|
||||
var offset = $element.offset();
|
||||
var left = offset.left;
|
||||
var top = offset.top;
|
||||
|
||||
if (top + $element.height() >= window_top &&
|
||||
top - ($element.data('appear-top-offset') || 0) <= window_top + $window.height() &&
|
||||
left + $element.width() >= window_left &&
|
||||
left - ($element.data('appear-left-offset') || 0) <= window_left + $window.width()) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
$.fn.extend({
|
||||
// watching for element's appearance in browser viewport
|
||||
appear: function(options) {
|
||||
var opts = $.extend({}, defaults, options || {});
|
||||
var selector = this.selector || this;
|
||||
if (!check_binded) {
|
||||
var on_check = function() {
|
||||
if (check_lock) {
|
||||
return;
|
||||
}
|
||||
check_lock = true;
|
||||
|
||||
setTimeout(process, opts.interval);
|
||||
};
|
||||
|
||||
$(window).scroll(on_check).resize(on_check);
|
||||
check_binded = true;
|
||||
}
|
||||
|
||||
if (opts.force_process) {
|
||||
setTimeout(process, opts.interval);
|
||||
}
|
||||
selectors.push(selector);
|
||||
return $(selector);
|
||||
}
|
||||
});
|
||||
|
||||
$.extend({
|
||||
// force elements's appearance check
|
||||
force_appear: function() {
|
||||
if (check_binded) {
|
||||
process();
|
||||
return true;
|
||||
};
|
||||
return false;
|
||||
}
|
||||
});
|
||||
})(jQuery);
|
||||
|
||||
var isMobile = false;
|
||||
|
||||
(function( $ ) {
|
||||
"use strict";
|
||||
|
||||
$(function() {
|
||||
|
||||
/* --- MOBILE DETECT --- */
|
||||
if (navigator.userAgent.match(/Android/i) ||
|
||||
navigator.userAgent.match(/webOS/i) ||
|
||||
navigator.userAgent.match(/iPhone/i) ||
|
||||
navigator.userAgent.match(/iPad/i)||
|
||||
navigator.userAgent.match(/iPod/i) ||
|
||||
navigator.userAgent.match(/BlackBerry/i)) {
|
||||
isMobile = true;
|
||||
}
|
||||
|
||||
/* --- ADD NECESSARY CLASS --- */
|
||||
if (isMobile == true) {
|
||||
$('.animated').removeClass('animated');
|
||||
$('.op0').removeClass('op0');
|
||||
}
|
||||
|
||||
/* --- ANIMATE CONTENT --- */
|
||||
if (isMobile == false) {
|
||||
$('*[data-animated]').addClass('animated');
|
||||
}
|
||||
|
||||
function animated_contents() {
|
||||
$(".animated:appeared").each(function (i) {
|
||||
var $this = $(this),
|
||||
animated = $(this).data('animated');
|
||||
|
||||
setTimeout(function () {
|
||||
$this.addClass(animated);
|
||||
}, 100 * i);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
if (isMobile == false) {
|
||||
animated_contents();
|
||||
$(window).scroll(function () {
|
||||
animated_contents();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
}(jQuery));
|
||||
|
||||
}
|
||||
6
naked/js/bootstrap.min.js
vendored
6
naked/js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,274 +0,0 @@
|
|||
/**
|
||||
*
|
||||
* Version: 0.2.8
|
||||
* Author: Gianluca Guarini
|
||||
* Contact: gianluca.guarini@gmail.com
|
||||
* Website: http://www.gianlucaguarini.com/
|
||||
* Twitter: @gianlucaguarini
|
||||
*
|
||||
* Copyright (c) 2013 Gianluca Guarini
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person
|
||||
* obtaining a copy of this software and associated documentation
|
||||
* files (the "Software"), to deal in the Software without
|
||||
* restriction, including without limitation the rights to use,
|
||||
* copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
* copies of the Software, and to permit persons to whom the
|
||||
* Software is furnished to do so, subject to the following
|
||||
* conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be
|
||||
* included in all copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
||||
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
* WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
||||
* OTHER DEALINGS IN THE SOFTWARE.
|
||||
**/
|
||||
!(function($) {
|
||||
$.fn.extend({
|
||||
BlackAndWhite: function(options) {
|
||||
'use strict';
|
||||
var $container = this,
|
||||
defaults = {
|
||||
hoverEffect: true,
|
||||
webworkerPath: false,
|
||||
responsive: true,
|
||||
invertHoverEffect: false,
|
||||
speed: 500,
|
||||
onImageReady: null,
|
||||
intensity: 1
|
||||
};
|
||||
options = $.extend(defaults, options);
|
||||
|
||||
/**
|
||||
*
|
||||
* Public vars
|
||||
*
|
||||
*/
|
||||
var hoverEffect = options.hoverEffect,
|
||||
webworkerPath = options.webworkerPath,
|
||||
invertHoverEffect = options.invertHoverEffect,
|
||||
responsive = options.responsive,
|
||||
intensity = (typeof options.intensity === 'number' && options.intensity < 1 && options.intensity > 0) ? options.intensity : 1,
|
||||
fadeSpeedIn = $.isPlainObject(options.speed) ? options.speed.fadeIn : options.speed,
|
||||
fadeSpeedOut = $.isPlainObject(options.speed) ? options.speed.fadeOut : options.speed;
|
||||
|
||||
var isIE7 = (document.all && !window.opera && window.XMLHttpRequest) ? true : false;
|
||||
|
||||
/*
|
||||
*
|
||||
* features detection
|
||||
*
|
||||
*/
|
||||
|
||||
var browserPrefixes = ' -webkit- -moz- -o- -ms- '.split(' ');
|
||||
|
||||
var cssPrefixString = {};
|
||||
var cssPrefix = function(property) {
|
||||
if (cssPrefixString[property] || cssPrefixString[property] === '') return cssPrefixString[property] + property;
|
||||
var e = document.createElement('div');
|
||||
var prefixes = ['', 'Moz', 'Webkit', 'O', 'ms', 'Khtml']; // Various supports...
|
||||
for (var i in prefixes) {
|
||||
if (typeof e.style[prefixes[i] + property] !== 'undefined') {
|
||||
cssPrefixString[property] = prefixes[i];
|
||||
return prefixes[i] + property;
|
||||
}
|
||||
}
|
||||
return property.toLowerCase();
|
||||
};
|
||||
|
||||
|
||||
// https://github.com/Modernizr/Modernizr/blob/master/feature-detects/css-filters.js
|
||||
var cssfilters = function() {
|
||||
var el = document.createElement('div');
|
||||
el.style.cssText = browserPrefixes.join('filter' + ':blur(2px); ');
|
||||
return !!el.style.length && ((document.documentMode === undefined || document.documentMode > 9));
|
||||
}();
|
||||
/**
|
||||
*
|
||||
* Private vars
|
||||
*
|
||||
*/
|
||||
var supportsCanvas = !! document.createElement('canvas').getContext,
|
||||
$window = $(window),
|
||||
/* Check if Web Workers are supported */
|
||||
supportWebworker = (function() {
|
||||
return (typeof(Worker) !== "undefined") ? true : false;
|
||||
}()),
|
||||
cssFilter = cssPrefix('Filter'),
|
||||
imagesArray = [],
|
||||
BnWWorker = supportWebworker && webworkerPath ? new Worker(webworkerPath + "BnWWorker.js") : false;
|
||||
|
||||
/**
|
||||
*
|
||||
* Private methods
|
||||
*
|
||||
*/
|
||||
var _onMouseLeave = function(e) {
|
||||
$(e.currentTarget).find('.BWfade').stop(true, true)[!invertHoverEffect ? 'fadeIn' : 'fadeOut'](fadeSpeedOut);
|
||||
};
|
||||
var _onMouseEnter = function(e) {
|
||||
$(e.currentTarget).find('.BWfade').stop(true, true)[invertHoverEffect ? 'fadeIn' : 'fadeOut'](fadeSpeedIn);
|
||||
};
|
||||
var _onImageReady = function(img) {
|
||||
if (typeof options.onImageReady === 'function')
|
||||
options.onImageReady(img);
|
||||
};
|
||||
// Loop all the images converting them by the webworker (this process is unobstrusive and it does not block the page loading)
|
||||
var _webWorkerLoop = function() {
|
||||
if (!imagesArray.length) {
|
||||
// terminate the worker
|
||||
// the standard way - http://www.w3.org/TR/workers/#dedicated-workers-and-the-worker-interface
|
||||
if (BnWWorker.terminate)
|
||||
BnWWorker.terminate();
|
||||
// IE 10 specific - http://msdn.microsoft.com/en-us/library/ie/hh673568(v=vs.85).aspx
|
||||
if (BnWWorker.close)
|
||||
BnWWorker.close();
|
||||
return;
|
||||
}
|
||||
|
||||
BnWWorker.postMessage({
|
||||
imgData:imagesArray[0].imageData,
|
||||
intensity: intensity
|
||||
});
|
||||
|
||||
BnWWorker.onmessage = function(event) {
|
||||
imagesArray[0].ctx.putImageData(event.data, 0, 0);
|
||||
_onImageReady(imagesArray[0].img);
|
||||
imagesArray.splice(0, 1);
|
||||
_webWorkerLoop();
|
||||
};
|
||||
};
|
||||
//convert any image into B&W using HTML5 canvas
|
||||
var _manipulateImage = function(img, canvas, width, height) {
|
||||
var ctx = canvas.getContext('2d'),
|
||||
currImg = img,
|
||||
i = 0,
|
||||
grey;
|
||||
|
||||
ctx.drawImage(img, 0, 0, width, height);
|
||||
|
||||
var imageData = ctx.getImageData(0, 0, width, height),
|
||||
px = imageData.data,
|
||||
length = px.length;
|
||||
|
||||
// web worker superfast implementation
|
||||
if (BnWWorker) {
|
||||
|
||||
imagesArray.push({
|
||||
imageData: imageData,
|
||||
ctx: ctx,
|
||||
img: img
|
||||
});
|
||||
|
||||
} else {
|
||||
|
||||
// no webworker slow implementation
|
||||
for (; i < length; i += 4) {
|
||||
var k = px[i] * 0.3 + px[i + 1] * 0.59 + px[i + 2] * 0.11;
|
||||
px[i] = ~~ (k * intensity + px[i] * (1 - intensity));
|
||||
px[i + 1] = ~~ (k * intensity + px[i + 1] * (1 - intensity));
|
||||
px[i + 2] = ~~ (k * intensity + px[i + 2] * (1 - intensity));
|
||||
}
|
||||
|
||||
ctx.putImageData(imageData, 0, 0);
|
||||
|
||||
_onImageReady(img);
|
||||
}
|
||||
};
|
||||
|
||||
var _injectTags = function($img, $imageWrapper) {
|
||||
|
||||
var pic = $img[0],
|
||||
src = pic.src,
|
||||
width = $img.width(),
|
||||
height = $img.height(),
|
||||
position = $img.position(),
|
||||
css = {
|
||||
'position': 'absolute',
|
||||
top: position.top,
|
||||
left: position.left,
|
||||
display: invertHoverEffect ? 'none' : 'block'
|
||||
};
|
||||
if (supportsCanvas && !cssfilters) {
|
||||
|
||||
var realWidth = pic.width,
|
||||
realHeight = pic.height;
|
||||
|
||||
//adding the canvas
|
||||
$('<canvas class="BWfade" width="' + realWidth + '" height="' + realHeight + '"></canvas>').prependTo($imageWrapper);
|
||||
//getting the canvas
|
||||
var $canvas = $imageWrapper.find('canvas');
|
||||
//setting the canvas position on the Pics
|
||||
$canvas.css(css);
|
||||
|
||||
_manipulateImage(pic, $canvas[0], realWidth, realHeight);
|
||||
|
||||
} else {
|
||||
|
||||
css[cssPrefix('Filter')] = 'grayscale(' + intensity * 100 + '%)';
|
||||
//adding the canvas
|
||||
$('<img src=' + src + ' width="' + width + '" height="' + height + '" class="BWFilter BWfade" /> ').prependTo($imageWrapper);
|
||||
$('.BWFilter').css($.extend(css, {
|
||||
'filter': 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'
|
||||
}));
|
||||
|
||||
_onImageReady(pic);
|
||||
}
|
||||
};
|
||||
this.init = function(options) {
|
||||
// convert all the images
|
||||
$container.each(function(index, tmpImageWrapper) {
|
||||
var $imageWrapper = $(tmpImageWrapper),
|
||||
$pic = $imageWrapper.find('img');
|
||||
|
||||
if (!$pic.width())
|
||||
$pic.on("load", function() {
|
||||
_injectTags($pic, $imageWrapper);
|
||||
});
|
||||
else
|
||||
_injectTags($pic, $imageWrapper);
|
||||
});
|
||||
// start the webworker
|
||||
if (BnWWorker) {
|
||||
// web worker implementation
|
||||
_webWorkerLoop();
|
||||
}
|
||||
// binding the hover effect
|
||||
if (hoverEffect) {
|
||||
|
||||
$container.on('mouseleave', _onMouseLeave);
|
||||
$container.on('mouseenter', _onMouseEnter);
|
||||
}
|
||||
// make it responsive
|
||||
if (responsive) {
|
||||
$window.on('resize orientationchange', $container.resizeImages);
|
||||
}
|
||||
};
|
||||
|
||||
this.resizeImages = function() {
|
||||
|
||||
$container.each(function(index, currImageWrapper) {
|
||||
var pic = $(currImageWrapper).find('img:not(.BWFilter)'),
|
||||
currWidth = isIE7 ? $(pic).prop('width') : $(pic).width(),
|
||||
currHeight = isIE7 ? $(pic).prop('height') : $(pic).height();
|
||||
|
||||
$(this).find('.BWFilter, canvas').css({
|
||||
width: currWidth,
|
||||
height: currHeight
|
||||
});
|
||||
|
||||
});
|
||||
};
|
||||
|
||||
return this.init(options);
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
}(jQuery));
|
||||
5
naked/js/jquery.flexslider-min.js
vendored
5
naked/js/jquery.flexslider-min.js
vendored
File diff suppressed because one or more lines are too long
6
naked/js/jquery.min.js
vendored
6
naked/js/jquery.min.js
vendored
File diff suppressed because one or more lines are too long
113
naked/js/jquery.nicescroll.min.js
vendored
113
naked/js/jquery.nicescroll.min.js
vendored
|
|
@ -1,113 +0,0 @@
|
|||
/* jquery.nicescroll 3.5.1 InuYaksa*2013 MIT http://areaaperta.com/nicescroll */(function(e){var z=!1,E=!1,L=5E3,M=2E3,y=0,N=function(){var e=document.getElementsByTagName("script"),e=e[e.length-1].src.split("?")[0];return 0<e.split("/").length?e.split("/").slice(0,-1).join("/")+"/":""}(),H=["ms","moz","webkit","o"],v=window.requestAnimationFrame||!1,w=window.cancelAnimationFrame||!1;if(!v)for(var O in H){var F=H[O];v||(v=window[F+"RequestAnimationFrame"]);w||(w=window[F+"CancelAnimationFrame"]||window[F+"CancelRequestAnimationFrame"])}var A=window.MutationObserver||window.WebKitMutationObserver||
|
||||
!1,I={zindex:"auto",cursoropacitymin:0,cursoropacitymax:1,cursorcolor:"#424242",cursorwidth:"5px",cursorborder:"1px solid #fff",cursorborderradius:"0",scrollspeed:60,mousescrollstep:24,touchbehavior:!1,hwacceleration:!0,usetransition:!0,boxzoom:!1,dblclickzoom:!0,gesturezoom:!0,grabcursorenabled:!0,autohidemode:!0,background:"",iframeautoresize:!0,cursorminheight:32,preservenativescrolling:!0,railoffset:!1,bouncescroll:!0,spacebarenabled:!0,railpadding:{top:0,right:0,left:0,bottom:0},disableoutline:!0,
|
||||
horizrailenabled:!0,railalign:"right",railvalign:"bottom",enabletranslate3d:!0,enablemousewheel:!0,enablekeyboard:!0,smoothscroll:!0,sensitiverail:!0,enablemouselockapi:!0,cursorfixedheight:!1,directionlockdeadzone:6,hidecursordelay:400,nativeparentscrolling:!0,enablescrollonselection:!0,overflowx:!0,overflowy:!0,cursordragspeed:0.3,rtlmode:!1,cursordragontouch:!1,oneaxismousemode:"auto"},G=!1,P=function(){if(G)return G;var e=document.createElement("DIV"),c={haspointerlock:"pointerLockElement"in document||
|
||||
"mozPointerLockElement"in document||"webkitPointerLockElement"in document};c.isopera="opera"in window;c.isopera12=c.isopera&&"getUserMedia"in navigator;c.isoperamini="[object OperaMini]"===Object.prototype.toString.call(window.operamini);c.isie="all"in document&&"attachEvent"in e&&!c.isopera;c.isieold=c.isie&&!("msInterpolationMode"in e.style);c.isie7=c.isie&&!c.isieold&&(!("documentMode"in document)||7==document.documentMode);c.isie8=c.isie&&"documentMode"in document&&8==document.documentMode;c.isie9=
|
||||
c.isie&&"performance"in window&&9<=document.documentMode;c.isie10=c.isie&&"performance"in window&&10<=document.documentMode;c.isie9mobile=/iemobile.9/i.test(navigator.userAgent);c.isie9mobile&&(c.isie9=!1);c.isie7mobile=!c.isie9mobile&&c.isie7&&/iemobile/i.test(navigator.userAgent);c.ismozilla="MozAppearance"in e.style;c.iswebkit="WebkitAppearance"in e.style;c.ischrome="chrome"in window;c.ischrome22=c.ischrome&&c.haspointerlock;c.ischrome26=c.ischrome&&"transition"in e.style;c.cantouch="ontouchstart"in
|
||||
document.documentElement||"ontouchstart"in window;c.hasmstouch=window.navigator.msPointerEnabled||!1;c.ismac=/^mac$/i.test(navigator.platform);c.isios=c.cantouch&&/iphone|ipad|ipod/i.test(navigator.platform);c.isios4=c.isios&&!("seal"in Object);c.isandroid=/android/i.test(navigator.userAgent);c.trstyle=!1;c.hastransform=!1;c.hastranslate3d=!1;c.transitionstyle=!1;c.hastransition=!1;c.transitionend=!1;for(var h=["transform","msTransform","webkitTransform","MozTransform","OTransform"],l=0;l<h.length;l++)if("undefined"!=
|
||||
typeof e.style[h[l]]){c.trstyle=h[l];break}c.hastransform=!1!=c.trstyle;c.hastransform&&(e.style[c.trstyle]="translate3d(1px,2px,3px)",c.hastranslate3d=/translate3d/.test(e.style[c.trstyle]));c.transitionstyle=!1;c.prefixstyle="";c.transitionend=!1;for(var h="transition webkitTransition MozTransition OTransition OTransition msTransition KhtmlTransition".split(" "),q=" -webkit- -moz- -o- -o -ms- -khtml-".split(" "),t="transitionend webkitTransitionEnd transitionend otransitionend oTransitionEnd msTransitionEnd KhtmlTransitionEnd".split(" "),
|
||||
l=0;l<h.length;l++)if(h[l]in e.style){c.transitionstyle=h[l];c.prefixstyle=q[l];c.transitionend=t[l];break}c.ischrome26&&(c.prefixstyle=q[1]);c.hastransition=c.transitionstyle;a:{h=["-moz-grab","-webkit-grab","grab"];if(c.ischrome&&!c.ischrome22||c.isie)h=[];for(l=0;l<h.length;l++)if(q=h[l],e.style.cursor=q,e.style.cursor==q){h=q;break a}h="url(http://www.google.com/intl/en_ALL/mapfiles/openhand.cur),n-resize"}c.cursorgrabvalue=h;c.hasmousecapture="setCapture"in e;c.hasMutationObserver=!1!==A;return G=
|
||||
c},Q=function(k,c){function h(){var d=b.win;if("zIndex"in d)return d.zIndex();for(;0<d.length&&9!=d[0].nodeType;){var c=d.css("zIndex");if(!isNaN(c)&&0!=c)return parseInt(c);d=d.parent()}return!1}function l(d,c,g){c=d.css(c);d=parseFloat(c);return isNaN(d)?(d=u[c]||0,g=3==d?g?b.win.outerHeight()-b.win.innerHeight():b.win.outerWidth()-b.win.innerWidth():1,b.isie8&&d&&(d+=1),g?d:0):d}function q(d,c,g,f){b._bind(d,c,function(b){b=b?b:window.event;var f={original:b,target:b.target||b.srcElement,type:"wheel",
|
||||
deltaMode:"MozMousePixelScroll"==b.type?0:1,deltaX:0,deltaZ:0,preventDefault:function(){b.preventDefault?b.preventDefault():b.returnValue=!1;return!1},stopImmediatePropagation:function(){b.stopImmediatePropagation?b.stopImmediatePropagation():b.cancelBubble=!0}};"mousewheel"==c?(f.deltaY=-0.025*b.wheelDelta,b.wheelDeltaX&&(f.deltaX=-0.025*b.wheelDeltaX)):f.deltaY=b.detail;return g.call(d,f)},f)}function t(d,c,g){var f,e;0==d.deltaMode?(f=-Math.floor(d.deltaX*(b.opt.mousescrollstep/54)),e=-Math.floor(d.deltaY*
|
||||
(b.opt.mousescrollstep/54))):1==d.deltaMode&&(f=-Math.floor(d.deltaX*b.opt.mousescrollstep),e=-Math.floor(d.deltaY*b.opt.mousescrollstep));c&&(b.opt.oneaxismousemode&&0==f&&e)&&(f=e,e=0);f&&(b.scrollmom&&b.scrollmom.stop(),b.lastdeltax+=f,b.debounced("mousewheelx",function(){var d=b.lastdeltax;b.lastdeltax=0;b.rail.drag||b.doScrollLeftBy(d)},120));if(e){if(b.opt.nativeparentscrolling&&g&&!b.ispage&&!b.zoomactive)if(0>e){if(b.getScrollTop()>=b.page.maxh)return!0}else if(0>=b.getScrollTop())return!0;
|
||||
b.scrollmom&&b.scrollmom.stop();b.lastdeltay+=e;b.debounced("mousewheely",function(){var d=b.lastdeltay;b.lastdeltay=0;b.rail.drag||b.doScrollBy(d)},120)}d.stopImmediatePropagation();return d.preventDefault()}var b=this;this.version="3.5.1";this.name="nicescroll";this.me=c;this.opt={doc:e("body"),win:!1};e.extend(this.opt,I);this.opt.snapbackspeed=80;if(k)for(var p in b.opt)"undefined"!=typeof k[p]&&(b.opt[p]=k[p]);this.iddoc=(this.doc=b.opt.doc)&&this.doc[0]?this.doc[0].id||"":"";this.ispage=/BODY|HTML/.test(b.opt.win?
|
||||
b.opt.win[0].nodeName:this.doc[0].nodeName);this.haswrapper=!1!==b.opt.win;this.win=b.opt.win||(this.ispage?e(window):this.doc);this.docscroll=this.ispage&&!this.haswrapper?e(window):this.win;this.body=e("body");this.iframe=this.isfixed=this.viewport=!1;this.isiframe="IFRAME"==this.doc[0].nodeName&&"IFRAME"==this.win[0].nodeName;this.istextarea="TEXTAREA"==this.win[0].nodeName;this.forcescreen=!1;this.canshowonmouseevent="scroll"!=b.opt.autohidemode;this.page=this.view=this.onzoomout=this.onzoomin=
|
||||
this.onscrollcancel=this.onscrollend=this.onscrollstart=this.onclick=this.ongesturezoom=this.onkeypress=this.onmousewheel=this.onmousemove=this.onmouseup=this.onmousedown=!1;this.scroll={x:0,y:0};this.scrollratio={x:0,y:0};this.cursorheight=20;this.scrollvaluemax=0;this.observerremover=this.observer=this.scrollmom=this.scrollrunning=this.checkrtlmode=!1;do this.id="ascrail"+M++;while(document.getElementById(this.id));this.hasmousefocus=this.hasfocus=this.zoomactive=this.zoom=this.selectiondrag=this.cursorfreezed=
|
||||
this.cursor=this.rail=!1;this.visibility=!0;this.hidden=this.locked=!1;this.cursoractive=!0;this.overflowx=b.opt.overflowx;this.overflowy=b.opt.overflowy;this.nativescrollingarea=!1;this.checkarea=0;this.events=[];this.saved={};this.delaylist={};this.synclist={};this.lastdeltay=this.lastdeltax=0;this.detected=P();var f=e.extend({},this.detected);this.ishwscroll=(this.canhwscroll=f.hastransform&&b.opt.hwacceleration)&&b.haswrapper;this.istouchcapable=!1;f.cantouch&&(f.ischrome&&!f.isios&&!f.isandroid)&&
|
||||
(this.istouchcapable=!0,f.cantouch=!1);f.cantouch&&(f.ismozilla&&!f.isios&&!f.isandroid)&&(this.istouchcapable=!0,f.cantouch=!1);b.opt.enablemouselockapi||(f.hasmousecapture=!1,f.haspointerlock=!1);this.delayed=function(d,c,g,f){var e=b.delaylist[d],h=(new Date).getTime();if(!f&&e&&e.tt)return!1;e&&e.tt&&clearTimeout(e.tt);if(e&&e.last+g>h&&!e.tt)b.delaylist[d]={last:h+g,tt:setTimeout(function(){b.delaylist[d].tt=0;c.call()},g)};else if(!e||!e.tt)b.delaylist[d]={last:h,tt:0},setTimeout(function(){c.call()},
|
||||
0)};this.debounced=function(d,c,g){var f=b.delaylist[d];(new Date).getTime();b.delaylist[d]=c;f||setTimeout(function(){var c=b.delaylist[d];b.delaylist[d]=!1;c.call()},g)};this.synched=function(d,c){b.synclist[d]=c;(function(){b.onsync||(v(function(){b.onsync=!1;for(d in b.synclist){var c=b.synclist[d];c&&c.call(b);b.synclist[d]=!1}}),b.onsync=!0)})();return d};this.unsynched=function(d){b.synclist[d]&&(b.synclist[d]=!1)};this.css=function(d,c){for(var g in c)b.saved.css.push([d,g,d.css(g)]),d.css(g,
|
||||
c[g])};this.scrollTop=function(d){return"undefined"==typeof d?b.getScrollTop():b.setScrollTop(d)};this.scrollLeft=function(d){return"undefined"==typeof d?b.getScrollLeft():b.setScrollLeft(d)};BezierClass=function(b,c,g,f,e,h,l){this.st=b;this.ed=c;this.spd=g;this.p1=f||0;this.p2=e||1;this.p3=h||0;this.p4=l||1;this.ts=(new Date).getTime();this.df=this.ed-this.st};BezierClass.prototype={B2:function(b){return 3*b*b*(1-b)},B3:function(b){return 3*b*(1-b)*(1-b)},B4:function(b){return(1-b)*(1-b)*(1-b)},
|
||||
getNow:function(){var b=1-((new Date).getTime()-this.ts)/this.spd,c=this.B2(b)+this.B3(b)+this.B4(b);return 0>b?this.ed:this.st+Math.round(this.df*c)},update:function(b,c){this.st=this.getNow();this.ed=b;this.spd=c;this.ts=(new Date).getTime();this.df=this.ed-this.st;return this}};if(this.ishwscroll){this.doc.translate={x:0,y:0,tx:"0px",ty:"0px"};f.hastranslate3d&&f.isios&&this.doc.css("-webkit-backface-visibility","hidden");var s=function(){var d=b.doc.css(f.trstyle);return d&&"matrix"==d.substr(0,
|
||||
6)?d.replace(/^.*\((.*)\)$/g,"$1").replace(/px/g,"").split(/, +/):!1};this.getScrollTop=function(d){if(!d){if(d=s())return 16==d.length?-d[13]:-d[5];if(b.timerscroll&&b.timerscroll.bz)return b.timerscroll.bz.getNow()}return b.doc.translate.y};this.getScrollLeft=function(d){if(!d){if(d=s())return 16==d.length?-d[12]:-d[4];if(b.timerscroll&&b.timerscroll.bh)return b.timerscroll.bh.getNow()}return b.doc.translate.x};this.notifyScrollEvent=document.createEvent?function(b){var c=document.createEvent("UIEvents");
|
||||
c.initUIEvent("scroll",!1,!0,window,1);b.dispatchEvent(c)}:document.fireEvent?function(b){var c=document.createEventObject();b.fireEvent("onscroll");c.cancelBubble=!0}:function(b,c){};f.hastranslate3d&&b.opt.enabletranslate3d?(this.setScrollTop=function(d,c){b.doc.translate.y=d;b.doc.translate.ty=-1*d+"px";b.doc.css(f.trstyle,"translate3d("+b.doc.translate.tx+","+b.doc.translate.ty+",0px)");c||b.notifyScrollEvent(b.win[0])},this.setScrollLeft=function(d,c){b.doc.translate.x=d;b.doc.translate.tx=-1*
|
||||
d+"px";b.doc.css(f.trstyle,"translate3d("+b.doc.translate.tx+","+b.doc.translate.ty+",0px)");c||b.notifyScrollEvent(b.win[0])}):(this.setScrollTop=function(d,c){b.doc.translate.y=d;b.doc.translate.ty=-1*d+"px";b.doc.css(f.trstyle,"translate("+b.doc.translate.tx+","+b.doc.translate.ty+")");c||b.notifyScrollEvent(b.win[0])},this.setScrollLeft=function(d,c){b.doc.translate.x=d;b.doc.translate.tx=-1*d+"px";b.doc.css(f.trstyle,"translate("+b.doc.translate.tx+","+b.doc.translate.ty+")");c||b.notifyScrollEvent(b.win[0])})}else this.getScrollTop=
|
||||
function(){return b.docscroll.scrollTop()},this.setScrollTop=function(d){return b.docscroll.scrollTop(d)},this.getScrollLeft=function(){return b.docscroll.scrollLeft()},this.setScrollLeft=function(d){return b.docscroll.scrollLeft(d)};this.getTarget=function(b){return!b?!1:b.target?b.target:b.srcElement?b.srcElement:!1};this.hasParent=function(b,c){if(!b)return!1;for(var g=b.target||b.srcElement||b||!1;g&&g.id!=c;)g=g.parentNode||!1;return!1!==g};var u={thin:1,medium:3,thick:5};this.getOffset=function(){if(b.isfixed)return{top:parseFloat(b.win.css("top")),
|
||||
left:parseFloat(b.win.css("left"))};if(!b.viewport)return b.win.offset();var d=b.win.offset(),c=b.viewport.offset();return{top:d.top-c.top+b.viewport.scrollTop(),left:d.left-c.left+b.viewport.scrollLeft()}};this.updateScrollBar=function(d){if(b.ishwscroll)b.rail.css({height:b.win.innerHeight()}),b.railh&&b.railh.css({width:b.win.innerWidth()});else{var c=b.getOffset(),g=c.top,f=c.left,g=g+l(b.win,"border-top-width",!0);b.win.outerWidth();b.win.innerWidth();var f=f+(b.rail.align?b.win.outerWidth()-
|
||||
l(b.win,"border-right-width")-b.rail.width:l(b.win,"border-left-width")),e=b.opt.railoffset;e&&(e.top&&(g+=e.top),b.rail.align&&e.left&&(f+=e.left));b.locked||b.rail.css({top:g,left:f,height:d?d.h:b.win.innerHeight()});b.zoom&&b.zoom.css({top:g+1,left:1==b.rail.align?f-20:f+b.rail.width+4});b.railh&&!b.locked&&(g=c.top,f=c.left,d=b.railh.align?g+l(b.win,"border-top-width",!0)+b.win.innerHeight()-b.railh.height:g+l(b.win,"border-top-width",!0),f+=l(b.win,"border-left-width"),b.railh.css({top:d,left:f,
|
||||
width:b.railh.width}))}};this.doRailClick=function(d,c,g){var f;b.locked||(b.cancelEvent(d),c?(c=g?b.doScrollLeft:b.doScrollTop,f=g?(d.pageX-b.railh.offset().left-b.cursorwidth/2)*b.scrollratio.x:(d.pageY-b.rail.offset().top-b.cursorheight/2)*b.scrollratio.y,c(f)):(c=g?b.doScrollLeftBy:b.doScrollBy,f=g?b.scroll.x:b.scroll.y,d=g?d.pageX-b.railh.offset().left:d.pageY-b.rail.offset().top,g=g?b.view.w:b.view.h,f>=d?c(g):c(-g)))};b.hasanimationframe=v;b.hascancelanimationframe=w;b.hasanimationframe?b.hascancelanimationframe||
|
||||
(w=function(){b.cancelAnimationFrame=!0}):(v=function(b){return setTimeout(b,15-Math.floor(+new Date/1E3)%16)},w=clearInterval);this.init=function(){b.saved.css=[];if(f.isie7mobile||f.isoperamini)return!0;f.hasmstouch&&b.css(b.ispage?e("html"):b.win,{"-ms-touch-action":"none"});b.zindex="auto";b.zindex=!b.ispage&&"auto"==b.opt.zindex?h()||"auto":b.opt.zindex;!b.ispage&&"auto"!=b.zindex&&b.zindex>y&&(y=b.zindex);b.isie&&(0==b.zindex&&"auto"==b.opt.zindex)&&(b.zindex="auto");if(!b.ispage||!f.cantouch&&
|
||||
!f.isieold&&!f.isie9mobile){var d=b.docscroll;b.ispage&&(d=b.haswrapper?b.win:b.doc);f.isie9mobile||b.css(d,{"overflow-y":"hidden"});b.ispage&&f.isie7&&("BODY"==b.doc[0].nodeName?b.css(e("html"),{"overflow-y":"hidden"}):"HTML"==b.doc[0].nodeName&&b.css(e("body"),{"overflow-y":"hidden"}));f.isios&&(!b.ispage&&!b.haswrapper)&&b.css(e("body"),{"-webkit-overflow-scrolling":"touch"});var c=e(document.createElement("div"));c.css({position:"relative",top:0,"float":"right",width:b.opt.cursorwidth,height:"0px",
|
||||
"background-color":b.opt.cursorcolor,border:b.opt.cursorborder,"background-clip":"padding-box","-webkit-border-radius":b.opt.cursorborderradius,"-moz-border-radius":b.opt.cursorborderradius,"border-radius":b.opt.cursorborderradius});c.hborder=parseFloat(c.outerHeight()-c.innerHeight());b.cursor=c;var g=e(document.createElement("div"));g.attr("id",b.id);g.addClass("nicescroll-rails");var l,k,x=["left","right"],q;for(q in x)k=x[q],(l=b.opt.railpadding[k])?g.css("padding-"+k,l+"px"):b.opt.railpadding[k]=
|
||||
0;g.append(c);g.width=Math.max(parseFloat(b.opt.cursorwidth),c.outerWidth())+b.opt.railpadding.left+b.opt.railpadding.right;g.css({width:g.width+"px",zIndex:b.zindex,background:b.opt.background,cursor:"default"});g.visibility=!0;g.scrollable=!0;g.align="left"==b.opt.railalign?0:1;b.rail=g;c=b.rail.drag=!1;b.opt.boxzoom&&(!b.ispage&&!f.isieold)&&(c=document.createElement("div"),b.bind(c,"click",b.doZoom),b.zoom=e(c),b.zoom.css({cursor:"pointer","z-index":b.zindex,backgroundImage:"url("+N+"zoomico.png)",
|
||||
height:18,width:18,backgroundPosition:"0px 0px"}),b.opt.dblclickzoom&&b.bind(b.win,"dblclick",b.doZoom),f.cantouch&&b.opt.gesturezoom&&(b.ongesturezoom=function(d){1.5<d.scale&&b.doZoomIn(d);0.8>d.scale&&b.doZoomOut(d);return b.cancelEvent(d)},b.bind(b.win,"gestureend",b.ongesturezoom)));b.railh=!1;if(b.opt.horizrailenabled){b.css(d,{"overflow-x":"hidden"});c=e(document.createElement("div"));c.css({position:"relative",top:0,height:b.opt.cursorwidth,width:"0px","background-color":b.opt.cursorcolor,
|
||||
border:b.opt.cursorborder,"background-clip":"padding-box","-webkit-border-radius":b.opt.cursorborderradius,"-moz-border-radius":b.opt.cursorborderradius,"border-radius":b.opt.cursorborderradius});c.wborder=parseFloat(c.outerWidth()-c.innerWidth());b.cursorh=c;var m=e(document.createElement("div"));m.attr("id",b.id+"-hr");m.addClass("nicescroll-rails");m.height=Math.max(parseFloat(b.opt.cursorwidth),c.outerHeight());m.css({height:m.height+"px",zIndex:b.zindex,background:b.opt.background});m.append(c);
|
||||
m.visibility=!0;m.scrollable=!0;m.align="top"==b.opt.railvalign?0:1;b.railh=m;b.railh.drag=!1}b.ispage?(g.css({position:"fixed",top:"0px",height:"100%"}),g.align?g.css({right:"0px"}):g.css({left:"0px"}),b.body.append(g),b.railh&&(m.css({position:"fixed",left:"0px",width:"100%"}),m.align?m.css({bottom:"0px"}):m.css({top:"0px"}),b.body.append(m))):(b.ishwscroll?("static"==b.win.css("position")&&b.css(b.win,{position:"relative"}),d="HTML"==b.win[0].nodeName?b.body:b.win,b.zoom&&(b.zoom.css({position:"absolute",
|
||||
top:1,right:0,"margin-right":g.width+4}),d.append(b.zoom)),g.css({position:"absolute",top:0}),g.align?g.css({right:0}):g.css({left:0}),d.append(g),m&&(m.css({position:"absolute",left:0,bottom:0}),m.align?m.css({bottom:0}):m.css({top:0}),d.append(m))):(b.isfixed="fixed"==b.win.css("position"),d=b.isfixed?"fixed":"absolute",b.isfixed||(b.viewport=b.getViewport(b.win[0])),b.viewport&&(b.body=b.viewport,!1==/fixed|relative|absolute/.test(b.viewport.css("position"))&&b.css(b.viewport,{position:"relative"})),
|
||||
g.css({position:d}),b.zoom&&b.zoom.css({position:d}),b.updateScrollBar(),b.body.append(g),b.zoom&&b.body.append(b.zoom),b.railh&&(m.css({position:d}),b.body.append(m))),f.isios&&b.css(b.win,{"-webkit-tap-highlight-color":"rgba(0,0,0,0)","-webkit-touch-callout":"none"}),f.isie&&b.opt.disableoutline&&b.win.attr("hideFocus","true"),f.iswebkit&&b.opt.disableoutline&&b.win.css({outline:"none"}));!1===b.opt.autohidemode?(b.autohidedom=!1,b.rail.css({opacity:b.opt.cursoropacitymax}),b.railh&&b.railh.css({opacity:b.opt.cursoropacitymax})):
|
||||
!0===b.opt.autohidemode||"leave"===b.opt.autohidemode?(b.autohidedom=e().add(b.rail),f.isie8&&(b.autohidedom=b.autohidedom.add(b.cursor)),b.railh&&(b.autohidedom=b.autohidedom.add(b.railh)),b.railh&&f.isie8&&(b.autohidedom=b.autohidedom.add(b.cursorh))):"scroll"==b.opt.autohidemode?(b.autohidedom=e().add(b.rail),b.railh&&(b.autohidedom=b.autohidedom.add(b.railh))):"cursor"==b.opt.autohidemode?(b.autohidedom=e().add(b.cursor),b.railh&&(b.autohidedom=b.autohidedom.add(b.cursorh))):"hidden"==b.opt.autohidemode&&
|
||||
(b.autohidedom=!1,b.hide(),b.locked=!1);if(f.isie9mobile)b.scrollmom=new J(b),b.onmangotouch=function(d){d=b.getScrollTop();var c=b.getScrollLeft();if(d==b.scrollmom.lastscrolly&&c==b.scrollmom.lastscrollx)return!0;var g=d-b.mangotouch.sy,f=c-b.mangotouch.sx;if(0!=Math.round(Math.sqrt(Math.pow(f,2)+Math.pow(g,2)))){var n=0>g?-1:1,e=0>f?-1:1,h=+new Date;b.mangotouch.lazy&&clearTimeout(b.mangotouch.lazy);80<h-b.mangotouch.tm||b.mangotouch.dry!=n||b.mangotouch.drx!=e?(b.scrollmom.stop(),b.scrollmom.reset(c,
|
||||
d),b.mangotouch.sy=d,b.mangotouch.ly=d,b.mangotouch.sx=c,b.mangotouch.lx=c,b.mangotouch.dry=n,b.mangotouch.drx=e,b.mangotouch.tm=h):(b.scrollmom.stop(),b.scrollmom.update(b.mangotouch.sx-f,b.mangotouch.sy-g),b.mangotouch.tm=h,g=Math.max(Math.abs(b.mangotouch.ly-d),Math.abs(b.mangotouch.lx-c)),b.mangotouch.ly=d,b.mangotouch.lx=c,2<g&&(b.mangotouch.lazy=setTimeout(function(){b.mangotouch.lazy=!1;b.mangotouch.dry=0;b.mangotouch.drx=0;b.mangotouch.tm=0;b.scrollmom.doMomentum(30)},100)))}},g=b.getScrollTop(),
|
||||
m=b.getScrollLeft(),b.mangotouch={sy:g,ly:g,dry:0,sx:m,lx:m,drx:0,lazy:!1,tm:0},b.bind(b.docscroll,"scroll",b.onmangotouch);else{if(f.cantouch||b.istouchcapable||b.opt.touchbehavior||f.hasmstouch){b.scrollmom=new J(b);b.ontouchstart=function(d){if(d.pointerType&&2!=d.pointerType)return!1;b.hasmoving=!1;if(!b.locked){if(f.hasmstouch)for(var c=d.target?d.target:!1;c;){var g=e(c).getNiceScroll();if(0<g.length&&g[0].me==b.me)break;if(0<g.length)return!1;if("DIV"==c.nodeName&&c.id==b.id)break;c=c.parentNode?
|
||||
c.parentNode:!1}b.cancelScroll();if((c=b.getTarget(d))&&/INPUT/i.test(c.nodeName)&&/range/i.test(c.type))return b.stopPropagation(d);!("clientX"in d)&&"changedTouches"in d&&(d.clientX=d.changedTouches[0].clientX,d.clientY=d.changedTouches[0].clientY);b.forcescreen&&(g=d,d={original:d.original?d.original:d},d.clientX=g.screenX,d.clientY=g.screenY);b.rail.drag={x:d.clientX,y:d.clientY,sx:b.scroll.x,sy:b.scroll.y,st:b.getScrollTop(),sl:b.getScrollLeft(),pt:2,dl:!1};if(b.ispage||!b.opt.directionlockdeadzone)b.rail.drag.dl=
|
||||
"f";else{var g=e(window).width(),n=e(window).height(),h=Math.max(document.body.scrollWidth,document.documentElement.scrollWidth),l=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight),n=Math.max(0,l-n),g=Math.max(0,h-g);b.rail.drag.ck=!b.rail.scrollable&&b.railh.scrollable?0<n?"v":!1:b.rail.scrollable&&!b.railh.scrollable?0<g?"h":!1:!1;b.rail.drag.ck||(b.rail.drag.dl="f")}b.opt.touchbehavior&&(b.isiframe&&f.isie)&&(g=b.win.position(),b.rail.drag.x+=g.left,b.rail.drag.y+=g.top);
|
||||
b.hasmoving=!1;b.lastmouseup=!1;b.scrollmom.reset(d.clientX,d.clientY);if(!f.cantouch&&!this.istouchcapable&&!f.hasmstouch){if(!c||!/INPUT|SELECT|TEXTAREA/i.test(c.nodeName))return!b.ispage&&f.hasmousecapture&&c.setCapture(),b.opt.touchbehavior?(c.onclick&&!c._onclick&&(c._onclick=c.onclick,c.onclick=function(d){if(b.hasmoving)return!1;c._onclick.call(this,d)}),b.cancelEvent(d)):b.stopPropagation(d);/SUBMIT|CANCEL|BUTTON/i.test(e(c).attr("type"))&&(pc={tg:c,click:!1},b.preventclick=pc)}}};b.ontouchend=
|
||||
function(d){if(d.pointerType&&2!=d.pointerType)return!1;if(b.rail.drag&&2==b.rail.drag.pt&&(b.scrollmom.doMomentum(),b.rail.drag=!1,b.hasmoving&&(b.lastmouseup=!0,b.hideCursor(),f.hasmousecapture&&document.releaseCapture(),!f.cantouch)))return b.cancelEvent(d)};var t=b.opt.touchbehavior&&b.isiframe&&!f.hasmousecapture;b.ontouchmove=function(d,c){if(d.pointerType&&2!=d.pointerType)return!1;if(b.rail.drag&&2==b.rail.drag.pt){if(f.cantouch&&"undefined"==typeof d.original)return!0;b.hasmoving=!0;b.preventclick&&
|
||||
!b.preventclick.click&&(b.preventclick.click=b.preventclick.tg.onclick||!1,b.preventclick.tg.onclick=b.onpreventclick);d=e.extend({original:d},d);"changedTouches"in d&&(d.clientX=d.changedTouches[0].clientX,d.clientY=d.changedTouches[0].clientY);if(b.forcescreen){var g=d;d={original:d.original?d.original:d};d.clientX=g.screenX;d.clientY=g.screenY}g=ofy=0;if(t&&!c){var n=b.win.position(),g=-n.left;ofy=-n.top}var h=d.clientY+ofy,n=h-b.rail.drag.y,l=d.clientX+g,k=l-b.rail.drag.x,r=b.rail.drag.st-n;b.ishwscroll&&
|
||||
b.opt.bouncescroll?0>r?r=Math.round(r/2):r>b.page.maxh&&(r=b.page.maxh+Math.round((r-b.page.maxh)/2)):(0>r&&(h=r=0),r>b.page.maxh&&(r=b.page.maxh,h=0));if(b.railh&&b.railh.scrollable){var m=b.rail.drag.sl-k;b.ishwscroll&&b.opt.bouncescroll?0>m?m=Math.round(m/2):m>b.page.maxw&&(m=b.page.maxw+Math.round((m-b.page.maxw)/2)):(0>m&&(l=m=0),m>b.page.maxw&&(m=b.page.maxw,l=0))}g=!1;if(b.rail.drag.dl)g=!0,"v"==b.rail.drag.dl?m=b.rail.drag.sl:"h"==b.rail.drag.dl&&(r=b.rail.drag.st);else{var n=Math.abs(n),
|
||||
k=Math.abs(k),x=b.opt.directionlockdeadzone;if("v"==b.rail.drag.ck){if(n>x&&k<=0.3*n)return b.rail.drag=!1,!0;k>x&&(b.rail.drag.dl="f",e("body").scrollTop(e("body").scrollTop()))}else if("h"==b.rail.drag.ck){if(k>x&&n<=0.3*k)return b.rail.drag=!1,!0;n>x&&(b.rail.drag.dl="f",e("body").scrollLeft(e("body").scrollLeft()))}}b.synched("touchmove",function(){b.rail.drag&&2==b.rail.drag.pt&&(b.prepareTransition&&b.prepareTransition(0),b.rail.scrollable&&b.setScrollTop(r),b.scrollmom.update(l,h),b.railh&&
|
||||
b.railh.scrollable?(b.setScrollLeft(m),b.showCursor(r,m)):b.showCursor(r),f.isie10&&document.selection.clear())});f.ischrome&&b.istouchcapable&&(g=!1);if(g)return b.cancelEvent(d)}}}b.onmousedown=function(d,c){if(!(b.rail.drag&&1!=b.rail.drag.pt)){if(b.locked)return b.cancelEvent(d);b.cancelScroll();b.rail.drag={x:d.clientX,y:d.clientY,sx:b.scroll.x,sy:b.scroll.y,pt:1,hr:!!c};var g=b.getTarget(d);!b.ispage&&f.hasmousecapture&&g.setCapture();b.isiframe&&!f.hasmousecapture&&(b.saved.csspointerevents=
|
||||
b.doc.css("pointer-events"),b.css(b.doc,{"pointer-events":"none"}));return b.cancelEvent(d)}};b.onmouseup=function(d){if(b.rail.drag&&(f.hasmousecapture&&document.releaseCapture(),b.isiframe&&!f.hasmousecapture&&b.doc.css("pointer-events",b.saved.csspointerevents),1==b.rail.drag.pt))return b.rail.drag=!1,b.cancelEvent(d)};b.onmousemove=function(d){if(b.rail.drag&&1==b.rail.drag.pt){if(f.ischrome&&0==d.which)return b.onmouseup(d);b.cursorfreezed=!0;if(b.rail.drag.hr){b.scroll.x=b.rail.drag.sx+(d.clientX-
|
||||
b.rail.drag.x);0>b.scroll.x&&(b.scroll.x=0);var c=b.scrollvaluemaxw;b.scroll.x>c&&(b.scroll.x=c)}else b.scroll.y=b.rail.drag.sy+(d.clientY-b.rail.drag.y),0>b.scroll.y&&(b.scroll.y=0),c=b.scrollvaluemax,b.scroll.y>c&&(b.scroll.y=c);b.synched("mousemove",function(){b.rail.drag&&1==b.rail.drag.pt&&(b.showCursor(),b.rail.drag.hr?b.doScrollLeft(Math.round(b.scroll.x*b.scrollratio.x),b.opt.cursordragspeed):b.doScrollTop(Math.round(b.scroll.y*b.scrollratio.y),b.opt.cursordragspeed))});return b.cancelEvent(d)}};
|
||||
if(f.cantouch||b.opt.touchbehavior)b.onpreventclick=function(d){if(b.preventclick)return b.preventclick.tg.onclick=b.preventclick.click,b.preventclick=!1,b.cancelEvent(d)},b.bind(b.win,"mousedown",b.ontouchstart),b.onclick=f.isios?!1:function(d){return b.lastmouseup?(b.lastmouseup=!1,b.cancelEvent(d)):!0},b.opt.grabcursorenabled&&f.cursorgrabvalue&&(b.css(b.ispage?b.doc:b.win,{cursor:f.cursorgrabvalue}),b.css(b.rail,{cursor:f.cursorgrabvalue}));else{var p=function(d){if(b.selectiondrag){if(d){var c=
|
||||
b.win.outerHeight();d=d.pageY-b.selectiondrag.top;0<d&&d<c&&(d=0);d>=c&&(d-=c);b.selectiondrag.df=d}0!=b.selectiondrag.df&&(b.doScrollBy(2*-Math.floor(b.selectiondrag.df/6)),b.debounced("doselectionscroll",function(){p()},50))}};b.hasTextSelected="getSelection"in document?function(){return 0<document.getSelection().rangeCount}:"selection"in document?function(){return"None"!=document.selection.type}:function(){return!1};b.onselectionstart=function(d){b.ispage||(b.selectiondrag=b.win.offset())};b.onselectionend=
|
||||
function(d){b.selectiondrag=!1};b.onselectiondrag=function(d){b.selectiondrag&&b.hasTextSelected()&&b.debounced("selectionscroll",function(){p(d)},250)}}f.hasmstouch&&(b.css(b.rail,{"-ms-touch-action":"none"}),b.css(b.cursor,{"-ms-touch-action":"none"}),b.bind(b.win,"MSPointerDown",b.ontouchstart),b.bind(document,"MSPointerUp",b.ontouchend),b.bind(document,"MSPointerMove",b.ontouchmove),b.bind(b.cursor,"MSGestureHold",function(b){b.preventDefault()}),b.bind(b.cursor,"contextmenu",function(b){b.preventDefault()}));
|
||||
this.istouchcapable&&(b.bind(b.win,"touchstart",b.ontouchstart),b.bind(document,"touchend",b.ontouchend),b.bind(document,"touchcancel",b.ontouchend),b.bind(document,"touchmove",b.ontouchmove));b.bind(b.cursor,"mousedown",b.onmousedown);b.bind(b.cursor,"mouseup",b.onmouseup);b.railh&&(b.bind(b.cursorh,"mousedown",function(d){b.onmousedown(d,!0)}),b.bind(b.cursorh,"mouseup",function(d){if(!(b.rail.drag&&2==b.rail.drag.pt))return b.rail.drag=!1,b.hasmoving=!1,b.hideCursor(),f.hasmousecapture&&document.releaseCapture(),
|
||||
b.cancelEvent(d)}));if(b.opt.cursordragontouch||!f.cantouch&&!b.opt.touchbehavior)b.rail.css({cursor:"default"}),b.railh&&b.railh.css({cursor:"default"}),b.jqbind(b.rail,"mouseenter",function(){b.canshowonmouseevent&&b.showCursor();b.rail.active=!0}),b.jqbind(b.rail,"mouseleave",function(){b.rail.active=!1;b.rail.drag||b.hideCursor()}),b.opt.sensitiverail&&(b.bind(b.rail,"click",function(d){b.doRailClick(d,!1,!1)}),b.bind(b.rail,"dblclick",function(d){b.doRailClick(d,!0,!1)}),b.bind(b.cursor,"click",
|
||||
function(d){b.cancelEvent(d)}),b.bind(b.cursor,"dblclick",function(d){b.cancelEvent(d)})),b.railh&&(b.jqbind(b.railh,"mouseenter",function(){b.canshowonmouseevent&&b.showCursor();b.rail.active=!0}),b.jqbind(b.railh,"mouseleave",function(){b.rail.active=!1;b.rail.drag||b.hideCursor()}),b.opt.sensitiverail&&(b.bind(b.railh,"click",function(d){b.doRailClick(d,!1,!0)}),b.bind(b.railh,"dblclick",function(d){b.doRailClick(d,!0,!0)}),b.bind(b.cursorh,"click",function(d){b.cancelEvent(d)}),b.bind(b.cursorh,
|
||||
"dblclick",function(d){b.cancelEvent(d)})));!f.cantouch&&!b.opt.touchbehavior?(b.bind(f.hasmousecapture?b.win:document,"mouseup",b.onmouseup),b.bind(document,"mousemove",b.onmousemove),b.onclick&&b.bind(document,"click",b.onclick),!b.ispage&&b.opt.enablescrollonselection&&(b.bind(b.win[0],"mousedown",b.onselectionstart),b.bind(document,"mouseup",b.onselectionend),b.bind(b.cursor,"mouseup",b.onselectionend),b.cursorh&&b.bind(b.cursorh,"mouseup",b.onselectionend),b.bind(document,"mousemove",b.onselectiondrag)),
|
||||
b.zoom&&(b.jqbind(b.zoom,"mouseenter",function(){b.canshowonmouseevent&&b.showCursor();b.rail.active=!0}),b.jqbind(b.zoom,"mouseleave",function(){b.rail.active=!1;b.rail.drag||b.hideCursor()}))):(b.bind(f.hasmousecapture?b.win:document,"mouseup",b.ontouchend),b.bind(document,"mousemove",b.ontouchmove),b.onclick&&b.bind(document,"click",b.onclick),b.opt.cursordragontouch&&(b.bind(b.cursor,"mousedown",b.onmousedown),b.bind(b.cursor,"mousemove",b.onmousemove),b.cursorh&&b.bind(b.cursorh,"mousedown",
|
||||
function(d){b.onmousedown(d,!0)}),b.cursorh&&b.bind(b.cursorh,"mousemove",b.onmousemove)));b.opt.enablemousewheel&&(b.isiframe||b.bind(f.isie&&b.ispage?document:b.win,"mousewheel",b.onmousewheel),b.bind(b.rail,"mousewheel",b.onmousewheel),b.railh&&b.bind(b.railh,"mousewheel",b.onmousewheelhr));!b.ispage&&(!f.cantouch&&!/HTML|BODY/.test(b.win[0].nodeName))&&(b.win.attr("tabindex")||b.win.attr({tabindex:L++}),b.jqbind(b.win,"focus",function(d){z=b.getTarget(d).id||!0;b.hasfocus=!0;b.canshowonmouseevent&&
|
||||
b.noticeCursor()}),b.jqbind(b.win,"blur",function(d){z=!1;b.hasfocus=!1}),b.jqbind(b.win,"mouseenter",function(d){E=b.getTarget(d).id||!0;b.hasmousefocus=!0;b.canshowonmouseevent&&b.noticeCursor()}),b.jqbind(b.win,"mouseleave",function(){E=!1;b.hasmousefocus=!1;b.rail.drag||b.hideCursor()}))}b.onkeypress=function(d){if(b.locked&&0==b.page.maxh)return!0;d=d?d:window.e;var c=b.getTarget(d);if(c&&/INPUT|TEXTAREA|SELECT|OPTION/.test(c.nodeName)&&(!c.getAttribute("type")&&!c.type||!/submit|button|cancel/i.tp))return!0;
|
||||
if(b.hasfocus||b.hasmousefocus&&!z||b.ispage&&!z&&!E){c=d.keyCode;if(b.locked&&27!=c)return b.cancelEvent(d);var g=d.ctrlKey||!1,n=d.shiftKey||!1,f=!1;switch(c){case 38:case 63233:b.doScrollBy(72);f=!0;break;case 40:case 63235:b.doScrollBy(-72);f=!0;break;case 37:case 63232:b.railh&&(g?b.doScrollLeft(0):b.doScrollLeftBy(72),f=!0);break;case 39:case 63234:b.railh&&(g?b.doScrollLeft(b.page.maxw):b.doScrollLeftBy(-72),f=!0);break;case 33:case 63276:b.doScrollBy(b.view.h);f=!0;break;case 34:case 63277:b.doScrollBy(-b.view.h);
|
||||
f=!0;break;case 36:case 63273:b.railh&&g?b.doScrollPos(0,0):b.doScrollTo(0);f=!0;break;case 35:case 63275:b.railh&&g?b.doScrollPos(b.page.maxw,b.page.maxh):b.doScrollTo(b.page.maxh);f=!0;break;case 32:b.opt.spacebarenabled&&(n?b.doScrollBy(b.view.h):b.doScrollBy(-b.view.h),f=!0);break;case 27:b.zoomactive&&(b.doZoom(),f=!0)}if(f)return b.cancelEvent(d)}};b.opt.enablekeyboard&&b.bind(document,f.isopera&&!f.isopera12?"keypress":"keydown",b.onkeypress);b.bind(window,"resize",b.lazyResize);b.bind(window,
|
||||
"orientationchange",b.lazyResize);b.bind(window,"load",b.lazyResize);if(f.ischrome&&!b.ispage&&!b.haswrapper){var s=b.win.attr("style"),g=parseFloat(b.win.css("width"))+1;b.win.css("width",g);b.synched("chromefix",function(){b.win.attr("style",s)})}b.onAttributeChange=function(d){b.lazyResize(250)};!b.ispage&&!b.haswrapper&&(!1!==A?(b.observer=new A(function(d){d.forEach(b.onAttributeChange)}),b.observer.observe(b.win[0],{childList:!0,characterData:!1,attributes:!0,subtree:!1}),b.observerremover=
|
||||
new A(function(d){d.forEach(function(d){if(0<d.removedNodes.length)for(var c in d.removedNodes)if(d.removedNodes[c]==b.win[0])return b.remove()})}),b.observerremover.observe(b.win[0].parentNode,{childList:!0,characterData:!1,attributes:!1,subtree:!1})):(b.bind(b.win,f.isie&&!f.isie9?"propertychange":"DOMAttrModified",b.onAttributeChange),f.isie9&&b.win[0].attachEvent("onpropertychange",b.onAttributeChange),b.bind(b.win,"DOMNodeRemoved",function(d){d.target==b.win[0]&&b.remove()})));!b.ispage&&b.opt.boxzoom&&
|
||||
b.bind(window,"resize",b.resizeZoom);b.istextarea&&b.bind(b.win,"mouseup",b.lazyResize);b.checkrtlmode=!0;b.lazyResize(30)}if("IFRAME"==this.doc[0].nodeName){var K=function(d){b.iframexd=!1;try{var c="contentDocument"in this?this.contentDocument:this.contentWindow.document}catch(g){b.iframexd=!0,c=!1}if(b.iframexd)return"console"in window&&console.log("NiceScroll error: policy restriced iframe"),!0;b.forcescreen=!0;b.isiframe&&(b.iframe={doc:e(c),html:b.doc.contents().find("html")[0],body:b.doc.contents().find("body")[0]},
|
||||
b.getContentSize=function(){return{w:Math.max(b.iframe.html.scrollWidth,b.iframe.body.scrollWidth),h:Math.max(b.iframe.html.scrollHeight,b.iframe.body.scrollHeight)}},b.docscroll=e(b.iframe.body));!f.isios&&(b.opt.iframeautoresize&&!b.isiframe)&&(b.win.scrollTop(0),b.doc.height(""),d=Math.max(c.getElementsByTagName("html")[0].scrollHeight,c.body.scrollHeight),b.doc.height(d));b.lazyResize(30);f.isie7&&b.css(e(b.iframe.html),{"overflow-y":"hidden"});b.css(e(b.iframe.body),{"overflow-y":"hidden"});
|
||||
f.isios&&b.haswrapper&&b.css(e(c.body),{"-webkit-transform":"translate3d(0,0,0)"});"contentWindow"in this?b.bind(this.contentWindow,"scroll",b.onscroll):b.bind(c,"scroll",b.onscroll);b.opt.enablemousewheel&&b.bind(c,"mousewheel",b.onmousewheel);b.opt.enablekeyboard&&b.bind(c,f.isopera?"keypress":"keydown",b.onkeypress);if(f.cantouch||b.opt.touchbehavior)b.bind(c,"mousedown",b.ontouchstart),b.bind(c,"mousemove",function(d){b.ontouchmove(d,!0)}),b.opt.grabcursorenabled&&f.cursorgrabvalue&&b.css(e(c.body),
|
||||
{cursor:f.cursorgrabvalue});b.bind(c,"mouseup",b.ontouchend);b.zoom&&(b.opt.dblclickzoom&&b.bind(c,"dblclick",b.doZoom),b.ongesturezoom&&b.bind(c,"gestureend",b.ongesturezoom))};this.doc[0].readyState&&"complete"==this.doc[0].readyState&&setTimeout(function(){K.call(b.doc[0],!1)},500);b.bind(this.doc,"load",K)}};this.showCursor=function(d,c){b.cursortimeout&&(clearTimeout(b.cursortimeout),b.cursortimeout=0);if(b.rail){b.autohidedom&&(b.autohidedom.stop().css({opacity:b.opt.cursoropacitymax}),b.cursoractive=
|
||||
!0);if(!b.rail.drag||1!=b.rail.drag.pt)"undefined"!=typeof d&&!1!==d&&(b.scroll.y=Math.round(1*d/b.scrollratio.y)),"undefined"!=typeof c&&(b.scroll.x=Math.round(1*c/b.scrollratio.x));b.cursor.css({height:b.cursorheight,top:b.scroll.y});b.cursorh&&(!b.rail.align&&b.rail.visibility?b.cursorh.css({width:b.cursorwidth,left:b.scroll.x+b.rail.width}):b.cursorh.css({width:b.cursorwidth,left:b.scroll.x}),b.cursoractive=!0);b.zoom&&b.zoom.stop().css({opacity:b.opt.cursoropacitymax})}};this.hideCursor=function(d){!b.cursortimeout&&
|
||||
(b.rail&&b.autohidedom&&!(b.hasmousefocus&&"leave"==b.opt.autohidemode))&&(b.cursortimeout=setTimeout(function(){if(!b.rail.active||!b.showonmouseevent)b.autohidedom.stop().animate({opacity:b.opt.cursoropacitymin}),b.zoom&&b.zoom.stop().animate({opacity:b.opt.cursoropacitymin}),b.cursoractive=!1;b.cursortimeout=0},d||b.opt.hidecursordelay))};this.noticeCursor=function(d,c,g){b.showCursor(c,g);b.rail.active||b.hideCursor(d)};this.getContentSize=b.ispage?function(){return{w:Math.max(document.body.scrollWidth,
|
||||
document.documentElement.scrollWidth),h:Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)}}:b.haswrapper?function(){return{w:b.doc.outerWidth()+parseInt(b.win.css("paddingLeft"))+parseInt(b.win.css("paddingRight")),h:b.doc.outerHeight()+parseInt(b.win.css("paddingTop"))+parseInt(b.win.css("paddingBottom"))}}:function(){return{w:b.docscroll[0].scrollWidth,h:b.docscroll[0].scrollHeight}};this.onResize=function(d,c){if(!b||!b.win)return!1;if(!b.haswrapper&&!b.ispage){if("none"==
|
||||
b.win.css("display"))return b.visibility&&b.hideRail().hideRailHr(),!1;!b.hidden&&!b.visibility&&b.showRail().showRailHr()}var g=b.page.maxh,f=b.page.maxw,e=b.view.w;b.view={w:b.ispage?b.win.width():parseInt(b.win[0].clientWidth),h:b.ispage?b.win.height():parseInt(b.win[0].clientHeight)};b.page=c?c:b.getContentSize();b.page.maxh=Math.max(0,b.page.h-b.view.h);b.page.maxw=Math.max(0,b.page.w-b.view.w);if(b.page.maxh==g&&b.page.maxw==f&&b.view.w==e){if(b.ispage)return b;g=b.win.offset();if(b.lastposition&&
|
||||
(f=b.lastposition,f.top==g.top&&f.left==g.left))return b;b.lastposition=g}0==b.page.maxh?(b.hideRail(),b.scrollvaluemax=0,b.scroll.y=0,b.scrollratio.y=0,b.cursorheight=0,b.setScrollTop(0),b.rail.scrollable=!1):b.rail.scrollable=!0;0==b.page.maxw?(b.hideRailHr(),b.scrollvaluemaxw=0,b.scroll.x=0,b.scrollratio.x=0,b.cursorwidth=0,b.setScrollLeft(0),b.railh.scrollable=!1):b.railh.scrollable=!0;b.locked=0==b.page.maxh&&0==b.page.maxw;if(b.locked)return b.ispage||b.updateScrollBar(b.view),!1;!b.hidden&&
|
||||
!b.visibility?b.showRail().showRailHr():!b.hidden&&!b.railh.visibility&&b.showRailHr();b.istextarea&&(b.win.css("resize")&&"none"!=b.win.css("resize"))&&(b.view.h-=20);b.cursorheight=Math.min(b.view.h,Math.round(b.view.h*(b.view.h/b.page.h)));b.cursorheight=b.opt.cursorfixedheight?b.opt.cursorfixedheight:Math.max(b.opt.cursorminheight,b.cursorheight);b.cursorwidth=Math.min(b.view.w,Math.round(b.view.w*(b.view.w/b.page.w)));b.cursorwidth=b.opt.cursorfixedheight?b.opt.cursorfixedheight:Math.max(b.opt.cursorminheight,
|
||||
b.cursorwidth);b.scrollvaluemax=b.view.h-b.cursorheight-b.cursor.hborder;b.railh&&(b.railh.width=0<b.page.maxh?b.view.w-b.rail.width:b.view.w,b.scrollvaluemaxw=b.railh.width-b.cursorwidth-b.cursorh.wborder);b.checkrtlmode&&b.railh&&(b.checkrtlmode=!1,b.opt.rtlmode&&0==b.scroll.x&&b.setScrollLeft(b.page.maxw));b.ispage||b.updateScrollBar(b.view);b.scrollratio={x:b.page.maxw/b.scrollvaluemaxw,y:b.page.maxh/b.scrollvaluemax};b.getScrollTop()>b.page.maxh?b.doScrollTop(b.page.maxh):(b.scroll.y=Math.round(b.getScrollTop()*
|
||||
(1/b.scrollratio.y)),b.scroll.x=Math.round(b.getScrollLeft()*(1/b.scrollratio.x)),b.cursoractive&&b.noticeCursor());b.scroll.y&&0==b.getScrollTop()&&b.doScrollTo(Math.floor(b.scroll.y*b.scrollratio.y));return b};this.resize=b.onResize;this.lazyResize=function(d){d=isNaN(d)?30:d;b.delayed("resize",b.resize,d);return b};this._bind=function(d,c,g,f){b.events.push({e:d,n:c,f:g,b:f,q:!1});d.addEventListener?d.addEventListener(c,g,f||!1):d.attachEvent?d.attachEvent("on"+c,g):d["on"+c]=g};this.jqbind=function(d,
|
||||
c,g){b.events.push({e:d,n:c,f:g,q:!0});e(d).bind(c,g)};this.bind=function(d,c,g,e){var h="jquery"in d?d[0]:d;"mousewheel"==c?"onwheel"in b.win?b._bind(h,"wheel",g,e||!1):(d="undefined"!=typeof document.onmousewheel?"mousewheel":"DOMMouseScroll",q(h,d,g,e||!1),"DOMMouseScroll"==d&&q(h,"MozMousePixelScroll",g,e||!1)):h.addEventListener?(f.cantouch&&/mouseup|mousedown|mousemove/.test(c)&&b._bind(h,"mousedown"==c?"touchstart":"mouseup"==c?"touchend":"touchmove",function(b){if(b.touches){if(2>b.touches.length){var d=
|
||||
b.touches.length?b.touches[0]:b;d.original=b;g.call(this,d)}}else b.changedTouches&&(d=b.changedTouches[0],d.original=b,g.call(this,d))},e||!1),b._bind(h,c,g,e||!1),f.cantouch&&"mouseup"==c&&b._bind(h,"touchcancel",g,e||!1)):b._bind(h,c,function(d){if((d=d||window.event||!1)&&d.srcElement)d.target=d.srcElement;"pageY"in d||(d.pageX=d.clientX+document.documentElement.scrollLeft,d.pageY=d.clientY+document.documentElement.scrollTop);return!1===g.call(h,d)||!1===e?b.cancelEvent(d):!0})};this._unbind=
|
||||
function(b,c,g,f){b.removeEventListener?b.removeEventListener(c,g,f):b.detachEvent?b.detachEvent("on"+c,g):b["on"+c]=!1};this.unbindAll=function(){for(var d=0;d<b.events.length;d++){var c=b.events[d];c.q?c.e.unbind(c.n,c.f):b._unbind(c.e,c.n,c.f,c.b)}};this.cancelEvent=function(b){b=b.original?b.original:b?b:window.event||!1;if(!b)return!1;b.preventDefault&&b.preventDefault();b.stopPropagation&&b.stopPropagation();b.preventManipulation&&b.preventManipulation();b.cancelBubble=!0;b.cancel=!0;return b.returnValue=
|
||||
!1};this.stopPropagation=function(b){b=b.original?b.original:b?b:window.event||!1;if(!b)return!1;if(b.stopPropagation)return b.stopPropagation();b.cancelBubble&&(b.cancelBubble=!0);return!1};this.showRail=function(){if(0!=b.page.maxh&&(b.ispage||"none"!=b.win.css("display")))b.visibility=!0,b.rail.visibility=!0,b.rail.css("display","block");return b};this.showRailHr=function(){if(!b.railh)return b;if(0!=b.page.maxw&&(b.ispage||"none"!=b.win.css("display")))b.railh.visibility=!0,b.railh.css("display",
|
||||
"block");return b};this.hideRail=function(){b.visibility=!1;b.rail.visibility=!1;b.rail.css("display","none");return b};this.hideRailHr=function(){if(!b.railh)return b;b.railh.visibility=!1;b.railh.css("display","none");return b};this.show=function(){b.hidden=!1;b.locked=!1;return b.showRail().showRailHr()};this.hide=function(){b.hidden=!0;b.locked=!0;return b.hideRail().hideRailHr()};this.toggle=function(){return b.hidden?b.show():b.hide()};this.remove=function(){b.stop();b.cursortimeout&&clearTimeout(b.cursortimeout);
|
||||
b.doZoomOut();b.unbindAll();f.isie9&&b.win[0].detachEvent("onpropertychange",b.onAttributeChange);!1!==b.observer&&b.observer.disconnect();!1!==b.observerremover&&b.observerremover.disconnect();b.events=null;b.cursor&&b.cursor.remove();b.cursorh&&b.cursorh.remove();b.rail&&b.rail.remove();b.railh&&b.railh.remove();b.zoom&&b.zoom.remove();for(var d=0;d<b.saved.css.length;d++){var c=b.saved.css[d];c[0].css(c[1],"undefined"==typeof c[2]?"":c[2])}b.saved=!1;b.me.data("__nicescroll","");var g=e.nicescroll;
|
||||
g.each(function(d){if(this&&this.id===b.id){delete g[d];for(var c=++d;c<g.length;c++,d++)g[d]=g[c];g.length--;g.length&&delete g[g.length]}});for(var h in b)b[h]=null,delete b[h];b=null};this.scrollstart=function(d){this.onscrollstart=d;return b};this.scrollend=function(d){this.onscrollend=d;return b};this.scrollcancel=function(d){this.onscrollcancel=d;return b};this.zoomin=function(d){this.onzoomin=d;return b};this.zoomout=function(d){this.onzoomout=d;return b};this.isScrollable=function(b){b=b.target?
|
||||
b.target:b;if("OPTION"==b.nodeName)return!0;for(;b&&1==b.nodeType&&!/BODY|HTML/.test(b.nodeName);){var c=e(b),c=c.css("overflowY")||c.css("overflowX")||c.css("overflow")||"";if(/scroll|auto/.test(c))return b.clientHeight!=b.scrollHeight;b=b.parentNode?b.parentNode:!1}return!1};this.getViewport=function(b){for(b=b&&b.parentNode?b.parentNode:!1;b&&1==b.nodeType&&!/BODY|HTML/.test(b.nodeName);){var c=e(b);if(/fixed|absolute/.test(c.css("position")))return c;var g=c.css("overflowY")||c.css("overflowX")||
|
||||
c.css("overflow")||"";if(/scroll|auto/.test(g)&&b.clientHeight!=b.scrollHeight||0<c.getNiceScroll().length)return c;b=b.parentNode?b.parentNode:!1}return!1};this.onmousewheel=function(d){if(b.locked)return b.debounced("checkunlock",b.resize,250),!0;if(b.rail.drag)return b.cancelEvent(d);"auto"==b.opt.oneaxismousemode&&0!=d.deltaX&&(b.opt.oneaxismousemode=!1);if(b.opt.oneaxismousemode&&0==d.deltaX&&!b.rail.scrollable)return b.railh&&b.railh.scrollable?b.onmousewheelhr(d):!0;var c=+new Date,g=!1;b.opt.preservenativescrolling&&
|
||||
b.checkarea+600<c&&(b.nativescrollingarea=b.isScrollable(d),g=!0);b.checkarea=c;if(b.nativescrollingarea)return!0;if(d=t(d,!1,g))b.checkarea=0;return d};this.onmousewheelhr=function(d){if(b.locked||!b.railh.scrollable)return!0;if(b.rail.drag)return b.cancelEvent(d);var c=+new Date,g=!1;b.opt.preservenativescrolling&&b.checkarea+600<c&&(b.nativescrollingarea=b.isScrollable(d),g=!0);b.checkarea=c;return b.nativescrollingarea?!0:b.locked?b.cancelEvent(d):t(d,!0,g)};this.stop=function(){b.cancelScroll();
|
||||
b.scrollmon&&b.scrollmon.stop();b.cursorfreezed=!1;b.scroll.y=Math.round(b.getScrollTop()*(1/b.scrollratio.y));b.noticeCursor();return b};this.getTransitionSpeed=function(c){var f=Math.round(10*b.opt.scrollspeed);c=Math.min(f,Math.round(c/20*b.opt.scrollspeed));return 20<c?c:0};b.opt.smoothscroll?b.ishwscroll&&f.hastransition&&b.opt.usetransition?(this.prepareTransition=function(c,e){var g=e?20<c?c:0:b.getTransitionSpeed(c),h=g?f.prefixstyle+"transform "+g+"ms ease-out":"";if(!b.lasttransitionstyle||
|
||||
b.lasttransitionstyle!=h)b.lasttransitionstyle=h,b.doc.css(f.transitionstyle,h);return g},this.doScrollLeft=function(c,f){var g=b.scrollrunning?b.newscrolly:b.getScrollTop();b.doScrollPos(c,g,f)},this.doScrollTop=function(c,f){var g=b.scrollrunning?b.newscrollx:b.getScrollLeft();b.doScrollPos(g,c,f)},this.doScrollPos=function(c,e,g){var h=b.getScrollTop(),l=b.getScrollLeft();(0>(b.newscrolly-h)*(e-h)||0>(b.newscrollx-l)*(c-l))&&b.cancelScroll();!1==b.opt.bouncescroll&&(0>e?e=0:e>b.page.maxh&&(e=b.page.maxh),
|
||||
0>c?c=0:c>b.page.maxw&&(c=b.page.maxw));if(b.scrollrunning&&c==b.newscrollx&&e==b.newscrolly)return!1;b.newscrolly=e;b.newscrollx=c;b.newscrollspeed=g||!1;if(b.timer)return!1;b.timer=setTimeout(function(){var g=b.getScrollTop(),h=b.getScrollLeft(),l,k;l=c-h;k=e-g;l=Math.round(Math.sqrt(Math.pow(l,2)+Math.pow(k,2)));l=b.newscrollspeed&&1<b.newscrollspeed?b.newscrollspeed:b.getTransitionSpeed(l);b.newscrollspeed&&1>=b.newscrollspeed&&(l*=b.newscrollspeed);b.prepareTransition(l,!0);b.timerscroll&&b.timerscroll.tm&&
|
||||
clearInterval(b.timerscroll.tm);0<l&&(!b.scrollrunning&&b.onscrollstart&&b.onscrollstart.call(b,{type:"scrollstart",current:{x:h,y:g},request:{x:c,y:e},end:{x:b.newscrollx,y:b.newscrolly},speed:l}),f.transitionend?b.scrollendtrapped||(b.scrollendtrapped=!0,b.bind(b.doc,f.transitionend,b.onScrollEnd,!1)):(b.scrollendtrapped&&clearTimeout(b.scrollendtrapped),b.scrollendtrapped=setTimeout(b.onScrollEnd,l)),b.timerscroll={bz:new BezierClass(g,b.newscrolly,l,0,0,0.58,1),bh:new BezierClass(h,b.newscrollx,
|
||||
l,0,0,0.58,1)},b.cursorfreezed||(b.timerscroll.tm=setInterval(function(){b.showCursor(b.getScrollTop(),b.getScrollLeft())},60)));b.synched("doScroll-set",function(){b.timer=0;b.scrollendtrapped&&(b.scrollrunning=!0);b.setScrollTop(b.newscrolly);b.setScrollLeft(b.newscrollx);if(!b.scrollendtrapped)b.onScrollEnd()})},50)},this.cancelScroll=function(){if(!b.scrollendtrapped)return!0;var c=b.getScrollTop(),e=b.getScrollLeft();b.scrollrunning=!1;f.transitionend||clearTimeout(f.transitionend);b.scrollendtrapped=
|
||||
!1;b._unbind(b.doc,f.transitionend,b.onScrollEnd);b.prepareTransition(0);b.setScrollTop(c);b.railh&&b.setScrollLeft(e);b.timerscroll&&b.timerscroll.tm&&clearInterval(b.timerscroll.tm);b.timerscroll=!1;b.cursorfreezed=!1;b.showCursor(c,e);return b},this.onScrollEnd=function(){b.scrollendtrapped&&b._unbind(b.doc,f.transitionend,b.onScrollEnd);b.scrollendtrapped=!1;b.prepareTransition(0);b.timerscroll&&b.timerscroll.tm&&clearInterval(b.timerscroll.tm);b.timerscroll=!1;var c=b.getScrollTop(),e=b.getScrollLeft();
|
||||
b.setScrollTop(c);b.railh&&b.setScrollLeft(e);b.noticeCursor(!1,c,e);b.cursorfreezed=!1;0>c?c=0:c>b.page.maxh&&(c=b.page.maxh);0>e?e=0:e>b.page.maxw&&(e=b.page.maxw);if(c!=b.newscrolly||e!=b.newscrollx)return b.doScrollPos(e,c,b.opt.snapbackspeed);b.onscrollend&&b.scrollrunning&&b.onscrollend.call(b,{type:"scrollend",current:{x:e,y:c},end:{x:b.newscrollx,y:b.newscrolly}});b.scrollrunning=!1}):(this.doScrollLeft=function(c,f){var g=b.scrollrunning?b.newscrolly:b.getScrollTop();b.doScrollPos(c,g,f)},
|
||||
this.doScrollTop=function(c,f){var g=b.scrollrunning?b.newscrollx:b.getScrollLeft();b.doScrollPos(g,c,f)},this.doScrollPos=function(c,f,g){function e(){if(b.cancelAnimationFrame)return!0;b.scrollrunning=!0;if(p=1-p)return b.timer=v(e)||1;var c=0,d=sy=b.getScrollTop();if(b.dst.ay){var d=b.bzscroll?b.dst.py+b.bzscroll.getNow()*b.dst.ay:b.newscrolly,g=d-sy;if(0>g&&d<b.newscrolly||0<g&&d>b.newscrolly)d=b.newscrolly;b.setScrollTop(d);d==b.newscrolly&&(c=1)}else c=1;var f=sx=b.getScrollLeft();if(b.dst.ax){f=
|
||||
b.bzscroll?b.dst.px+b.bzscroll.getNow()*b.dst.ax:b.newscrollx;g=f-sx;if(0>g&&f<b.newscrollx||0<g&&f>b.newscrollx)f=b.newscrollx;b.setScrollLeft(f);f==b.newscrollx&&(c+=1)}else c+=1;2==c?(b.timer=0,b.cursorfreezed=!1,b.bzscroll=!1,b.scrollrunning=!1,0>d?d=0:d>b.page.maxh&&(d=b.page.maxh),0>f?f=0:f>b.page.maxw&&(f=b.page.maxw),f!=b.newscrollx||d!=b.newscrolly?b.doScrollPos(f,d):b.onscrollend&&b.onscrollend.call(b,{type:"scrollend",current:{x:sx,y:sy},end:{x:b.newscrollx,y:b.newscrolly}})):b.timer=v(e)||
|
||||
1}f="undefined"==typeof f||!1===f?b.getScrollTop(!0):f;if(b.timer&&b.newscrolly==f&&b.newscrollx==c)return!0;b.timer&&w(b.timer);b.timer=0;var h=b.getScrollTop(),l=b.getScrollLeft();(0>(b.newscrolly-h)*(f-h)||0>(b.newscrollx-l)*(c-l))&&b.cancelScroll();b.newscrolly=f;b.newscrollx=c;if(!b.bouncescroll||!b.rail.visibility)0>b.newscrolly?b.newscrolly=0:b.newscrolly>b.page.maxh&&(b.newscrolly=b.page.maxh);if(!b.bouncescroll||!b.railh.visibility)0>b.newscrollx?b.newscrollx=0:b.newscrollx>b.page.maxw&&
|
||||
(b.newscrollx=b.page.maxw);b.dst={};b.dst.x=c-l;b.dst.y=f-h;b.dst.px=l;b.dst.py=h;var k=Math.round(Math.sqrt(Math.pow(b.dst.x,2)+Math.pow(b.dst.y,2)));b.dst.ax=b.dst.x/k;b.dst.ay=b.dst.y/k;var m=0,q=k;0==b.dst.x?(m=h,q=f,b.dst.ay=1,b.dst.py=0):0==b.dst.y&&(m=l,q=c,b.dst.ax=1,b.dst.px=0);k=b.getTransitionSpeed(k);g&&1>=g&&(k*=g);b.bzscroll=0<k?b.bzscroll?b.bzscroll.update(q,k):new BezierClass(m,q,k,0,1,0,1):!1;if(!b.timer){(h==b.page.maxh&&f>=b.page.maxh||l==b.page.maxw&&c>=b.page.maxw)&&b.checkContentSize();
|
||||
var p=1;b.cancelAnimationFrame=!1;b.timer=1;b.onscrollstart&&!b.scrollrunning&&b.onscrollstart.call(b,{type:"scrollstart",current:{x:l,y:h},request:{x:c,y:f},end:{x:b.newscrollx,y:b.newscrolly},speed:k});e();(h==b.page.maxh&&f>=h||l==b.page.maxw&&c>=l)&&b.checkContentSize();b.noticeCursor()}},this.cancelScroll=function(){b.timer&&w(b.timer);b.timer=0;b.bzscroll=!1;b.scrollrunning=!1;return b}):(this.doScrollLeft=function(c,f){var g=b.getScrollTop();b.doScrollPos(c,g,f)},this.doScrollTop=function(c,
|
||||
f){var g=b.getScrollLeft();b.doScrollPos(g,c,f)},this.doScrollPos=function(c,f,g){var e=c>b.page.maxw?b.page.maxw:c;0>e&&(e=0);var h=f>b.page.maxh?b.page.maxh:f;0>h&&(h=0);b.synched("scroll",function(){b.setScrollTop(h);b.setScrollLeft(e)})},this.cancelScroll=function(){});this.doScrollBy=function(c,f){var g=0,g=f?Math.floor((b.scroll.y-c)*b.scrollratio.y):(b.timer?b.newscrolly:b.getScrollTop(!0))-c;if(b.bouncescroll){var e=Math.round(b.view.h/2);g<-e?g=-e:g>b.page.maxh+e&&(g=b.page.maxh+e)}b.cursorfreezed=
|
||||
!1;py=b.getScrollTop(!0);if(0>g&&0>=py)return b.noticeCursor();if(g>b.page.maxh&&py>=b.page.maxh)return b.checkContentSize(),b.noticeCursor();b.doScrollTop(g)};this.doScrollLeftBy=function(c,f){var g=0,g=f?Math.floor((b.scroll.x-c)*b.scrollratio.x):(b.timer?b.newscrollx:b.getScrollLeft(!0))-c;if(b.bouncescroll){var e=Math.round(b.view.w/2);g<-e?g=-e:g>b.page.maxw+e&&(g=b.page.maxw+e)}b.cursorfreezed=!1;px=b.getScrollLeft(!0);if(0>g&&0>=px||g>b.page.maxw&&px>=b.page.maxw)return b.noticeCursor();b.doScrollLeft(g)};
|
||||
this.doScrollTo=function(c,f){f&&Math.round(c*b.scrollratio.y);b.cursorfreezed=!1;b.doScrollTop(c)};this.checkContentSize=function(){var c=b.getContentSize();(c.h!=b.page.h||c.w!=b.page.w)&&b.resize(!1,c)};b.onscroll=function(c){b.rail.drag||b.cursorfreezed||b.synched("scroll",function(){b.scroll.y=Math.round(b.getScrollTop()*(1/b.scrollratio.y));b.railh&&(b.scroll.x=Math.round(b.getScrollLeft()*(1/b.scrollratio.x)));b.noticeCursor()})};b.bind(b.docscroll,"scroll",b.onscroll);this.doZoomIn=function(c){if(!b.zoomactive){b.zoomactive=
|
||||
!0;b.zoomrestore={style:{}};var h="position top left zIndex backgroundColor marginTop marginBottom marginLeft marginRight".split(" "),g=b.win[0].style,l;for(l in h){var k=h[l];b.zoomrestore.style[k]="undefined"!=typeof g[k]?g[k]:""}b.zoomrestore.style.width=b.win.css("width");b.zoomrestore.style.height=b.win.css("height");b.zoomrestore.padding={w:b.win.outerWidth()-b.win.width(),h:b.win.outerHeight()-b.win.height()};f.isios4&&(b.zoomrestore.scrollTop=e(window).scrollTop(),e(window).scrollTop(0));
|
||||
b.win.css({position:f.isios4?"absolute":"fixed",top:0,left:0,"z-index":y+100,margin:"0px"});h=b.win.css("backgroundColor");(""==h||/transparent|rgba\(0, 0, 0, 0\)|rgba\(0,0,0,0\)/.test(h))&&b.win.css("backgroundColor","#fff");b.rail.css({"z-index":y+101});b.zoom.css({"z-index":y+102});b.zoom.css("backgroundPosition","0px -18px");b.resizeZoom();b.onzoomin&&b.onzoomin.call(b);return b.cancelEvent(c)}};this.doZoomOut=function(c){if(b.zoomactive)return b.zoomactive=!1,b.win.css("margin",""),b.win.css(b.zoomrestore.style),
|
||||
f.isios4&&e(window).scrollTop(b.zoomrestore.scrollTop),b.rail.css({"z-index":b.zindex}),b.zoom.css({"z-index":b.zindex}),b.zoomrestore=!1,b.zoom.css("backgroundPosition","0px 0px"),b.onResize(),b.onzoomout&&b.onzoomout.call(b),b.cancelEvent(c)};this.doZoom=function(c){return b.zoomactive?b.doZoomOut(c):b.doZoomIn(c)};this.resizeZoom=function(){if(b.zoomactive){var c=b.getScrollTop();b.win.css({width:e(window).width()-b.zoomrestore.padding.w+"px",height:e(window).height()-b.zoomrestore.padding.h+"px"});
|
||||
b.onResize();b.setScrollTop(Math.min(b.page.maxh,c))}};this.init();e.nicescroll.push(this)},J=function(e){var c=this;this.nc=e;this.steptime=this.lasttime=this.speedy=this.speedx=this.lasty=this.lastx=0;this.snapy=this.snapx=!1;this.demuly=this.demulx=0;this.lastscrolly=this.lastscrollx=-1;this.timer=this.chky=this.chkx=0;this.time=function(){return+new Date};this.reset=function(e,l){c.stop();var k=c.time();c.steptime=0;c.lasttime=k;c.speedx=0;c.speedy=0;c.lastx=e;c.lasty=l;c.lastscrollx=-1;c.lastscrolly=
|
||||
-1};this.update=function(e,l){var k=c.time();c.steptime=k-c.lasttime;c.lasttime=k;var k=l-c.lasty,t=e-c.lastx,b=c.nc.getScrollTop(),p=c.nc.getScrollLeft(),b=b+k,p=p+t;c.snapx=0>p||p>c.nc.page.maxw;c.snapy=0>b||b>c.nc.page.maxh;c.speedx=t;c.speedy=k;c.lastx=e;c.lasty=l};this.stop=function(){c.nc.unsynched("domomentum2d");c.timer&&clearTimeout(c.timer);c.timer=0;c.lastscrollx=-1;c.lastscrolly=-1};this.doSnapy=function(e,l){var k=!1;0>l?(l=0,k=!0):l>c.nc.page.maxh&&(l=c.nc.page.maxh,k=!0);0>e?(e=0,k=
|
||||
!0):e>c.nc.page.maxw&&(e=c.nc.page.maxw,k=!0);k&&c.nc.doScrollPos(e,l,c.nc.opt.snapbackspeed)};this.doMomentum=function(e){var l=c.time(),k=e?l+e:c.lasttime;e=c.nc.getScrollLeft();var t=c.nc.getScrollTop(),b=c.nc.page.maxh,p=c.nc.page.maxw;c.speedx=0<p?Math.min(60,c.speedx):0;c.speedy=0<b?Math.min(60,c.speedy):0;k=k&&60>=l-k;if(0>t||t>b||0>e||e>p)k=!1;e=c.speedx&&k?c.speedx:!1;if(c.speedy&&k&&c.speedy||e){var f=Math.max(16,c.steptime);50<f&&(e=f/50,c.speedx*=e,c.speedy*=e,f=50);c.demulxy=0;c.lastscrollx=
|
||||
c.nc.getScrollLeft();c.chkx=c.lastscrollx;c.lastscrolly=c.nc.getScrollTop();c.chky=c.lastscrolly;var s=c.lastscrollx,u=c.lastscrolly,d=function(){var e=600<c.time()-l?0.04:0.02;if(c.speedx&&(s=Math.floor(c.lastscrollx-c.speedx*(1-c.demulxy)),c.lastscrollx=s,0>s||s>p))e=0.1;if(c.speedy&&(u=Math.floor(c.lastscrolly-c.speedy*(1-c.demulxy)),c.lastscrolly=u,0>u||u>b))e=0.1;c.demulxy=Math.min(1,c.demulxy+e);c.nc.synched("domomentum2d",function(){c.speedx&&(c.nc.getScrollLeft()!=c.chkx&&c.stop(),c.chkx=
|
||||
s,c.nc.setScrollLeft(s));c.speedy&&(c.nc.getScrollTop()!=c.chky&&c.stop(),c.chky=u,c.nc.setScrollTop(u));c.timer||(c.nc.hideCursor(),c.doSnapy(s,u))});1>c.demulxy?c.timer=setTimeout(d,f):(c.stop(),c.nc.hideCursor(),c.doSnapy(s,u))};d()}else c.doSnapy(c.nc.getScrollLeft(),c.nc.getScrollTop())}},B=e.fn.scrollTop;e.cssHooks.pageYOffset={get:function(k,c,h){return(c=e.data(k,"__nicescroll")||!1)&&c.ishwscroll?c.getScrollTop():B.call(k)},set:function(k,c){var h=e.data(k,"__nicescroll")||!1;h&&h.ishwscroll?
|
||||
h.setScrollTop(parseInt(c)):B.call(k,c);return this}};e.fn.scrollTop=function(k){if("undefined"==typeof k){var c=this[0]?e.data(this[0],"__nicescroll")||!1:!1;return c&&c.ishwscroll?c.getScrollTop():B.call(this)}return this.each(function(){var c=e.data(this,"__nicescroll")||!1;c&&c.ishwscroll?c.setScrollTop(parseInt(k)):B.call(e(this),k)})};var C=e.fn.scrollLeft;e.cssHooks.pageXOffset={get:function(k,c,h){return(c=e.data(k,"__nicescroll")||!1)&&c.ishwscroll?c.getScrollLeft():C.call(k)},set:function(k,
|
||||
c){var h=e.data(k,"__nicescroll")||!1;h&&h.ishwscroll?h.setScrollLeft(parseInt(c)):C.call(k,c);return this}};e.fn.scrollLeft=function(k){if("undefined"==typeof k){var c=this[0]?e.data(this[0],"__nicescroll")||!1:!1;return c&&c.ishwscroll?c.getScrollLeft():C.call(this)}return this.each(function(){var c=e.data(this,"__nicescroll")||!1;c&&c.ishwscroll?c.setScrollLeft(parseInt(k)):C.call(e(this),k)})};var D=function(k){var c=this;this.length=0;this.name="nicescrollarray";this.each=function(e){for(var h=
|
||||
0,k=0;h<c.length;h++)e.call(c[h],k++);return c};this.push=function(e){c[c.length]=e;c.length++};this.eq=function(e){return c[e]};if(k)for(a=0;a<k.length;a++){var h=e.data(k[a],"__nicescroll")||!1;h&&(this[this.length]=h,this.length++)}return this};(function(e,c,h){for(var l=0;l<c.length;l++)h(e,c[l])})(D.prototype,"show hide toggle onResize resize remove stop doScrollPos".split(" "),function(e,c){e[c]=function(){var e=arguments;return this.each(function(){this[c].apply(this,e)})}});e.fn.getNiceScroll=
|
||||
function(k){return"undefined"==typeof k?new D(this):this[k]&&e.data(this[k],"__nicescroll")||!1};e.extend(e.expr[":"],{nicescroll:function(k){return e.data(k,"__nicescroll")?!0:!1}});e.fn.niceScroll=function(k,c){"undefined"==typeof c&&("object"==typeof k&&!("jquery"in k))&&(c=k,k=!1);var h=new D;"undefined"==typeof c&&(c={});k&&(c.doc=e(k),c.win=e(this));var l=!("doc"in c);!l&&!("win"in c)&&(c.win=e(this));this.each(function(){var k=e(this).data("__nicescroll")||!1;k||(c.doc=l?e(this):c.doc,k=new Q(c,
|
||||
e(this)),e(this).data("__nicescroll",k));h.push(k)});return 1==h.length?h[0]:h};window.NiceScroll={getjQuery:function(){return e}};e.nicescroll||(e.nicescroll=new D,e.nicescroll.options=I)})(jQuery);
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,310 +0,0 @@
|
|||
var fixed_menu = true;
|
||||
window.jQuery = window.$ = jQuery;
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* PRELOADER
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(window).load(function () {
|
||||
//Preloader
|
||||
setTimeout("jQuery('#preloader').animate({'opacity' : '0'},300,function(){jQuery('#preloader').hide()})",800);
|
||||
setTimeout("jQuery('.preloader_hide, .selector_open').animate({'opacity' : '1'},500)",800);
|
||||
setTimeout("jQuery('footer').animate({'opacity' : '1'},500)",2000);
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* NICESCROLL
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(document).ready(function() {
|
||||
jQuery("body").niceScroll({
|
||||
cursorcolor:"#333",
|
||||
cursorborder:"0px",
|
||||
cursorwidth :"8px",
|
||||
zindex:"9999"
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* MENU
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
function calculateScroll() {
|
||||
var contentTop = [];
|
||||
var contentBottom = [];
|
||||
var winTop = $(window).scrollTop();
|
||||
var rangeTop = 200;
|
||||
var rangeBottom = 500;
|
||||
$('.navmenu').find('.scroll_btn a').each(function(){
|
||||
contentTop.push( $( $(this).attr('href') ).offset().top );
|
||||
contentBottom.push( $( $(this).attr('href') ).offset().top + $( $(this).attr('href') ).height() );
|
||||
})
|
||||
$.each( contentTop, function(i){
|
||||
if ( winTop > contentTop[i] - rangeTop && winTop < contentBottom[i] - rangeBottom ){
|
||||
$('.navmenu li.scroll_btn')
|
||||
.removeClass('active')
|
||||
.eq(i).addClass('active');
|
||||
}
|
||||
})
|
||||
};
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
//MobileMenu
|
||||
if ($(window).width() < 768){
|
||||
jQuery('.menu_block .container').prepend('<a href="javascript:void(0)" class="menu_toggler"><span class="fa fa-align-justify"></span></a>');
|
||||
jQuery('header .navmenu').hide();
|
||||
jQuery('.menu_toggler, .navmenu ul li a').click(function(){
|
||||
jQuery('header .navmenu').slideToggle(300);
|
||||
});
|
||||
}
|
||||
|
||||
// if single_page
|
||||
if (jQuery("#page").hasClass("single_page")) {
|
||||
}
|
||||
else {
|
||||
$(window).scroll(function(event) {
|
||||
calculateScroll();
|
||||
});
|
||||
$('.navmenu ul li a, .mobile_menu ul li a, .btn_down').click(function() {
|
||||
$('html, body').animate({scrollTop: $(this.hash).offset().top - 80}, 1000);
|
||||
return false;
|
||||
});
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
/* Superfish */
|
||||
jQuery(document).ready(function() {
|
||||
if ($(window).width() >= 768){
|
||||
$('.navmenu ul').superfish();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* FLEXSLIDER
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(window).load(function(){
|
||||
//Top Slider
|
||||
$('.flexslider.top_slider').flexslider({
|
||||
animation: "fade",
|
||||
controlNav: false,
|
||||
directionNav: true,
|
||||
animationLoop: false,
|
||||
slideshow: false,
|
||||
prevText: "",
|
||||
nextText: "",
|
||||
sync: "#carousel"
|
||||
});
|
||||
$('#carousel').flexslider({
|
||||
animation: "fade",
|
||||
controlNav: false,
|
||||
animationLoop: false,
|
||||
directionNav: false,
|
||||
slideshow: false,
|
||||
itemWidth: 100,
|
||||
itemMargin: 5,
|
||||
asNavFor: '.top_slider'
|
||||
});
|
||||
|
||||
homeHeight();
|
||||
|
||||
|
||||
jQuery('.flexslider.top_slider .flex-direction-nav').addClass('container');
|
||||
|
||||
|
||||
//Vision Slider
|
||||
$('.flexslider.portfolio_single_slider').flexslider({
|
||||
animation: "fade",
|
||||
controlNav: true,
|
||||
directionNav: true,
|
||||
animationLoop: false,
|
||||
slideshow: false,
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
jQuery(window).resize(function(){
|
||||
homeHeight();
|
||||
|
||||
});
|
||||
|
||||
jQuery(document).ready(function(){
|
||||
homeHeight();
|
||||
|
||||
});
|
||||
|
||||
function homeHeight(){
|
||||
var wh = jQuery(window).height() - 80;
|
||||
jQuery('.top_slider, .top_slider .slides li').css('height', wh);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* OWLCAROUSEL
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
$(document).ready(function() {
|
||||
|
||||
//WORKS SLIDER
|
||||
var owl = $(".owl-demo.projects_slider");
|
||||
|
||||
owl.owlCarousel({
|
||||
navigation: true,
|
||||
pagination: false,
|
||||
items : 4,
|
||||
itemsDesktop : [1000,4],
|
||||
itemsDesktop : [600,3]
|
||||
});
|
||||
|
||||
|
||||
//TEAM SLIDER
|
||||
var owl = $(".owl-demo.team_slider");
|
||||
|
||||
owl.owlCarousel({
|
||||
navigation: true,
|
||||
pagination: false,
|
||||
items : 3,
|
||||
itemsDesktop : [600,2]
|
||||
});
|
||||
|
||||
|
||||
|
||||
jQuery('.owl-controls').addClass('container');
|
||||
|
||||
|
||||
//TESTIMONIALS SLIDER
|
||||
var owl = $(".owl-demo.testim_slider");
|
||||
|
||||
owl.owlCarousel({
|
||||
itemsCustom : [
|
||||
[0, 1]
|
||||
],
|
||||
navigation: false,
|
||||
pagination: true,
|
||||
items : 1
|
||||
});
|
||||
|
||||
|
||||
|
||||
jQuery('.owl-controls').addClass('container');
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* IFRAME TRANSPARENT
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(document).ready(function() {
|
||||
$("iframe").each(function(){
|
||||
var ifr_source = $(this).attr('src');
|
||||
var wmode = "wmode=transparent";
|
||||
if(ifr_source.indexOf('?') != -1) {
|
||||
var getQString = ifr_source.split('?');
|
||||
var oldString = getQString[1];
|
||||
var newString = getQString[0];
|
||||
$(this).attr('src',newString+'?'+wmode+'&'+oldString);
|
||||
}
|
||||
else $(this).attr('src',ifr_source+'?'+wmode);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* BLOG MIN HEIGHT
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(document).ready(function() {
|
||||
blogHeight();
|
||||
});
|
||||
|
||||
jQuery(window).resize(function(){
|
||||
blogHeight();
|
||||
});
|
||||
|
||||
function blogHeight(){
|
||||
if ($(window).width() > 991){
|
||||
var wh = jQuery(window).height() - 80;
|
||||
jQuery('#blog').css('min-height', wh);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* FOOTER HEIGHT
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(document).ready(function() {
|
||||
contactHeight();
|
||||
});
|
||||
|
||||
jQuery(window).resize(function(){
|
||||
contactHeight();
|
||||
});
|
||||
|
||||
function contactHeight(){
|
||||
if ($(window).width() > 991){
|
||||
var wh = jQuery('footer').height() + 70;
|
||||
jQuery('#contacts').css('min-height', wh);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* FOOTER MAP
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('.map_show').click(function(){
|
||||
jQuery('#map').addClass('showed');
|
||||
});
|
||||
|
||||
jQuery('.map_hide').click(function(){
|
||||
jQuery('#map').removeClass('showed');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load diff
10
naked/js/superfish.min.js
vendored
10
naked/js/superfish.min.js
vendored
|
|
@ -1,10 +0,0 @@
|
|||
/*
|
||||
* jQuery Superfish Menu Plugin - v1.7.4
|
||||
* Copyright (c) 2013 Joel Birch
|
||||
*
|
||||
* Dual licensed under the MIT and GPL licenses:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.gnu.org/licenses/gpl.html
|
||||
*/
|
||||
|
||||
;(function(e){"use strict";var s=function(){var s={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",menuArrowClass:"sf-arrows"},o=function(){var s=/iPhone|iPad|iPod/i.test(navigator.userAgent);return s&&e(window).load(function(){e("body").children().on("click",e.noop)}),s}(),n=function(){var e=document.documentElement.style;return"behavior"in e&&"fill"in e&&/iemobile/i.test(navigator.userAgent)}(),t=function(e,o){var n=s.menuClass;o.cssArrows&&(n+=" "+s.menuArrowClass),e.toggleClass(n)},i=function(o,n){return o.find("li."+n.pathClass).slice(0,n.pathLevels).addClass(n.hoverClass+" "+s.bcClass).filter(function(){return e(this).children(n.popUpSelector).hide().show().length}).removeClass(n.pathClass)},r=function(e){e.children("a").toggleClass(s.anchorClass)},a=function(e){var s=e.css("ms-touch-action");s="pan-y"===s?"auto":"pan-y",e.css("ms-touch-action",s)},l=function(s,t){var i="li:has("+t.popUpSelector+")";e.fn.hoverIntent&&!t.disableHI?s.hoverIntent(u,p,i):s.on("mouseenter.superfish",i,u).on("mouseleave.superfish",i,p);var r="MSPointerDown.superfish";o||(r+=" touchend.superfish"),n&&(r+=" mousedown.superfish"),s.on("focusin.superfish","li",u).on("focusout.superfish","li",p).on(r,"a",t,h)},h=function(s){var o=e(this),n=o.siblings(s.data.popUpSelector);n.length>0&&n.is(":hidden")&&(o.one("click.superfish",!1),"MSPointerDown"===s.type?o.trigger("focus"):e.proxy(u,o.parent("li"))())},u=function(){var s=e(this),o=d(s);clearTimeout(o.sfTimer),s.siblings().superfish("hide").end().superfish("show")},p=function(){var s=e(this),n=d(s);o?e.proxy(f,s,n)():(clearTimeout(n.sfTimer),n.sfTimer=setTimeout(e.proxy(f,s,n),n.delay))},f=function(s){s.retainPath=e.inArray(this[0],s.$path)>-1,this.superfish("hide"),this.parents("."+s.hoverClass).length||(s.onIdle.call(c(this)),s.$path.length&&e.proxy(u,s.$path)())},c=function(e){return e.closest("."+s.menuClass)},d=function(e){return c(e).data("sf-options")};return{hide:function(s){if(this.length){var o=this,n=d(o);if(!n)return this;var t=n.retainPath===!0?n.$path:"",i=o.find("li."+n.hoverClass).add(this).not(t).removeClass(n.hoverClass).children(n.popUpSelector),r=n.speedOut;s&&(i.show(),r=0),n.retainPath=!1,n.onBeforeHide.call(i),i.stop(!0,!0).animate(n.animationOut,r,function(){var s=e(this);n.onHide.call(s)})}return this},show:function(){var e=d(this);if(!e)return this;var s=this.addClass(e.hoverClass),o=s.children(e.popUpSelector);return e.onBeforeShow.call(o),o.stop(!0,!0).animate(e.animation,e.speed,function(){e.onShow.call(o)}),this},destroy:function(){return this.each(function(){var o,n=e(this),i=n.data("sf-options");return i?(o=n.find(i.popUpSelector).parent("li"),clearTimeout(i.sfTimer),t(n,i),r(o),a(n),n.off(".superfish").off(".hoverIntent"),o.children(i.popUpSelector).attr("style",function(e,s){return s.replace(/display[^;]+;?/g,"")}),i.$path.removeClass(i.hoverClass+" "+s.bcClass).addClass(i.pathClass),n.find("."+i.hoverClass).removeClass(i.hoverClass),i.onDestroy.call(n),n.removeData("sf-options"),void 0):!1})},init:function(o){return this.each(function(){var n=e(this);if(n.data("sf-options"))return!1;var h=e.extend({},e.fn.superfish.defaults,o),u=n.find(h.popUpSelector).parent("li");h.$path=i(n,h),n.data("sf-options",h),t(n,h),r(u),a(n),l(n,h),u.not("."+s.bcClass).superfish("hide",!0),h.onInit.call(this)})}}}();e.fn.superfish=function(o){return s[o]?s[o].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof o&&o?e.error("Method "+o+" does not exist on jQuery.fn.superfish"):s.init.apply(this,arguments)},e.fn.superfish.defaults={popUpSelector:"ul,.sf-mega",hoverClass:"sfHover",pathClass:"overrideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},animationOut:{opacity:"hide"},speed:"normal",speedOut:"fast",cssArrows:!0,disableHI:!1,onInit:e.noop,onBeforeShow:e.noop,onShow:e.noop,onBeforeHide:e.noop,onHide:e.noop,onIdle:e.noop,onDestroy:e.noop},e.fn.extend({hideSuperfishUl:s.hide,showSuperfishUl:s.show})})(jQuery);
|
||||
|
|
@ -1,382 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<title>White | responsive bootstrap3 html5 one page template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<link rel="shortcut icon" href="images/favicon.ico">
|
||||
|
||||
<!-- CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/colors/" rel="stylesheet" type="text/css" id="colors" />
|
||||
|
||||
<!-- FONTS -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
|
||||
|
||||
<!-- SCRIPTS -->
|
||||
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<!--[if IE]><html class="ie" lang="en"> <![endif]-->
|
||||
|
||||
<script src="js/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
|
||||
<script src="js/superfish.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
|
||||
<script src="js/owl.carousel.js"></script>
|
||||
<script src="js/animate.js" type="text/javascript"></script>
|
||||
<script src="js/myscript.js" type="text/javascript"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- PRELOADER -->
|
||||
<img id="preloader" src="images/preloader.gif" alt="" />
|
||||
<!-- //PRELOADER -->
|
||||
<div class="preloader_hide">
|
||||
|
||||
<!-- PAGE -->
|
||||
<div id="page" class="single_page">
|
||||
|
||||
<!-- HEADER -->
|
||||
<header>
|
||||
|
||||
<!-- MENU BLOCK -->
|
||||
<div class="menu_block">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container clearfix">
|
||||
|
||||
<!-- LOGO -->
|
||||
<div class="logo pull-left">
|
||||
<a href="index.html" ><span class="b1">w</span><span class="b2">h</span><span class="b3">i</span><span class="b4">t</span><span class="b5">e</span></a>
|
||||
</div><!-- //LOGO -->
|
||||
|
||||
<!-- SEARCH FORM -->
|
||||
<div id="search-form" class="pull-right">
|
||||
<form method="get" action="#">
|
||||
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" />
|
||||
</form>
|
||||
</div><!-- SEARCH FORM -->
|
||||
|
||||
<!-- MENU -->
|
||||
<div class="pull-right">
|
||||
<nav class="navmenu center">
|
||||
<ul>
|
||||
<li class="first scroll_btn"><a href="index.html">Home</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#about">About Us</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#projects">Projects</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#team">Team</a></li>
|
||||
<li class="scroll_btn"><a href="index.html#news">News</a></li>
|
||||
<li class="scroll_btn last"><a href="index.html#contacts">Contacts</a></li>
|
||||
<li class="sub-menu active">
|
||||
<a href="javascript:void(0);">Pages</a>
|
||||
<ul>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="blog-post.html">Blog Post</a></li>
|
||||
<li class="active"><a href="portfolio-post.html">Portfolio Single Work</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div><!-- //MENU -->
|
||||
</div><!-- //MENU BLOCK -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</header><!-- //HEADER -->
|
||||
|
||||
|
||||
<!-- BREADCRUMBS -->
|
||||
<section class="breadcrumbs_block clearfix parallax">
|
||||
<div class="container center">
|
||||
<h2><b>The</b> Portfolio Single</h2>
|
||||
<p>Publication of the latest news, articles, and free apps.</p>
|
||||
</div>
|
||||
</section><!-- //BREADCRUMBS -->
|
||||
|
||||
|
||||
<!-- PORTFOLIO -->
|
||||
<section id="portfolio">
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row">
|
||||
|
||||
<!-- SIDEBAR -->
|
||||
<div class="sidebar col-lg-4 col-md-4 pull-right padbot50">
|
||||
<!-- TEXT WIDGET -->
|
||||
<div class="sidepanel widget_text">
|
||||
<div class="single_portfolio_post_title">Rihanna's Costume Designer Comes</div>
|
||||
<p>On Tuesday, the daughters of Texas state senator Wendy Davis defended their mom against charges that she’s been smudging her biography to make it look like she was a more involved mom than she actually was. Davis, who is running for governor, has been under fire since a Dallas Morning News article accused her of “blurring” facts, like exactly when she got divorced and how long her family lived in a trailer park.</p>
|
||||
</div><!-- //TEXT WIDGET -->
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- INFO WIDGET -->
|
||||
<div class="sidepanel widget_info">
|
||||
<ul class="work_info">
|
||||
<li>Location: <a href="javascript:void(0);" >Photo Studio,</a> <a href="javascript:void(0);" >New York</a></li>
|
||||
<li>Model: <a href="javascript:void(0);" >Anna Smith</a></li>
|
||||
<li>Style: <a href="javascript:void(0);" >Fashion Style</a></li>
|
||||
</ul>
|
||||
|
||||
<ul class="shared">
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-pinterest-square"></i></a></li>
|
||||
</ul>
|
||||
</div><!-- //INFO WIDGET -->
|
||||
</div><!-- //SIDEBAR -->
|
||||
|
||||
|
||||
<!-- PORTFOLIO BLOCK -->
|
||||
<div class="portfolio_block col-lg-8 col-md-8 pull-left padbot50">
|
||||
|
||||
<!-- SINGLE PORTFOLIO POST -->
|
||||
<div class="single_portfolio_post clearfix" data-animated="fadeInUp">
|
||||
|
||||
<!-- PORTFOLIO SLIDER -->
|
||||
<div class="flexslider portfolio_single_slider">
|
||||
<ul class="slides">
|
||||
<li><img src="images/portfolio/1.jpg" alt="" /></li>
|
||||
<li><img src="images/portfolio/1_2.jpg" alt="" /></li>
|
||||
<li><img src="images/portfolio/1_3.jpg" alt="" /></li>
|
||||
<li><img src="images/portfolio/1_4.jpg" alt="" /></li>
|
||||
</ul>
|
||||
</div><!-- //PORTFOLIO SLIDER -->
|
||||
</div><!-- //SINGLE PORTFOLIO POST -->
|
||||
</div><!-- //PORTFOLIO BLOCK -->
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
<h2><b>Featured</b> Works</h2>
|
||||
</div><!-- //CONTAINER -->
|
||||
|
||||
<div class="projects-wrapper" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
<!-- PROJECTS SLIDER -->
|
||||
<div class="owl-demo owl-carousel projects_slider">
|
||||
|
||||
<!-- work1 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/1.jpg" alt="" />
|
||||
<a class="zoom" href="!projects/project1.html" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work1 -->
|
||||
|
||||
<!-- work2 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/2.jpg" alt="" />
|
||||
<a class="zoom" href="!projects/project2.html" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work2 -->
|
||||
|
||||
<!-- work3 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/3.jpg" alt="" />
|
||||
<a class="zoom" href="!projects/project3.html" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work3 -->
|
||||
|
||||
<!-- work4 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/4.jpg" alt="" />
|
||||
<a class="zoom" href="!projects/project4.html" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work4 -->
|
||||
|
||||
<!-- work5 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/5.jpg" alt="" />
|
||||
<a class="zoom" href="!projects/project5.html" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work5 -->
|
||||
|
||||
<!-- work6 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/6.jpg" alt="" />
|
||||
<a class="zoom" href="!projects/project6.html" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work6 -->
|
||||
|
||||
<!-- work7 -->
|
||||
<div class="item">
|
||||
<div class="work_item">
|
||||
<div class="work_img">
|
||||
<img src="images/works/7.jpg" alt="" />
|
||||
<a class="zoom" href="!projects/project7.html" ></a>
|
||||
</div>
|
||||
<div class="work_description">
|
||||
<div class="work_descr_cont">
|
||||
<a href="portfolio-post.html" >Ginger Beast</a>
|
||||
<span>17 March, 2041</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //work7 -->
|
||||
</div><!-- //PROJECTS SLIDER -->
|
||||
</div>
|
||||
</section><!-- //PORTFOLIO -->
|
||||
</div><!-- //PAGE -->
|
||||
|
||||
|
||||
<!-- CONTACTS -->
|
||||
<section id="contacts">
|
||||
</section><!-- //CONTACTS -->
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer>
|
||||
|
||||
<!-- CONTAINER -->
|
||||
<div class="container">
|
||||
|
||||
<!-- ROW -->
|
||||
<div class="row" data-appear-top-offset="-200" data-animated="fadeInUp">
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 padbot30">
|
||||
<h4><b>Featured</b> posts</h4>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/1.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >As we have developed a unique layout template</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>10 January 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/2.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >How much is to develop a design for the game?</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>14 January 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_posts_small clearfix">
|
||||
<div class="post_item_img_small">
|
||||
<img src="images/blog/3.jpg" alt="" />
|
||||
</div>
|
||||
<div class="post_item_content_small">
|
||||
<a class="title" href="blog.html" >How to pump designer</a>
|
||||
<ul class="post_item_inf_small">
|
||||
<li>21 December 2013</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-6 padbot30 foot_about_block">
|
||||
<h4><b>About</b> us</h4>
|
||||
<p>We value people over profits, quality over quantity, and keeping it real. As such, we deliver an unmatched working relationship with our clients.</p>
|
||||
<p>Our team is intentionally small, eclectic, and skilled; with our in-house expertise, we provide sharp and</p>
|
||||
<ul class="social">
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="fa fa-pinterest-square"></i></a></li>
|
||||
<li><a href="javascript:void(0);" ><i class="map_show fa fa-map-marker"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="respond_clear"></div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 padbot30">
|
||||
<h4><b>Contacts</b> Us</h4>
|
||||
|
||||
<!-- CONTACT FORM -->
|
||||
<div class="span9 contact_form">
|
||||
<div id="note"></div>
|
||||
<div id="fields">
|
||||
<form id="contact-form-face" class="clearfix" action="#">
|
||||
<input type="text" name="name" value="Name" onFocus="if (this.value == 'Name') this.value = '';" onBlur="if (this.value == '') this.value = 'Name';" />
|
||||
<textarea name="message" onFocus="if (this.value == 'Message') this.value = '';" onBlur="if (this.value == '') this.value = 'Message';">Message</textarea>
|
||||
<input class="contact_btn" type="submit" value="Send message" />
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- //CONTACT FORM -->
|
||||
</div>
|
||||
</div><!-- //ROW -->
|
||||
</div><!-- //CONTAINER -->
|
||||
</footer><!-- //FOOTER -->
|
||||
|
||||
|
||||
<!-- MAP -->
|
||||
<div id="map">
|
||||
<a class="map_hide" href="javascript:void(0);"><i class="fa fa-angle-right"></i><i class="fa fa-angle-left"></i></a>
|
||||
<iframe src="http://maps.google.com/maps?f=q&give%20a%20hand=s_q&hl=en&geocode=&q=london&sll=37.0625,-95.677068&sspn=42.631141,90.263672&ie=UTF8&hq=&hnear=London,+United+Kingdom&ll=51.500141,-0.126257&spn=0.026448,0.039396&z=14&output=embed" ></iframe>
|
||||
</div><!-- //MAP -->
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Reference in a new issue