asset

parent 5607822d
<!DOCTYPE html>
<html lang="en">
<head>
<title>Cafe Bunga Toba</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/tms-0.3.js"></script>
<script type="text/javascript" src="js/tms_presets.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">#menu a, .bg, .bg2, #ContactForm a {behavior:url("../js/PIE.htc")}</style>
<![endif]-->
</head>
<body id="page4">
<div class="main">
<!-- footer -->
<footer>
<div class="wrapper">
<section class="col2">
<div class="wrapper">
<section class="col4">
<h3>Follow Us </h3>
<ul id="icons">
<li><a href="#"><img src="images/icon1.jpg" alt=""><span>Facebook</span></a></li>
<li><a href="#"><img src="images/icon2.jpg" alt=""><span>Twitter</span></a></li>
<li><a href="#"><img src="images/icon3.jpg" alt=""><span>Linked In</span></a></li>
</ul>
</section>
<section class="col4 pad_left1">
<h3>Why Us </h3>
<ul id="why_us">
<li><a href="#">Sed perspiciatis unde </a></li>
<li><a href="#">Omnis natus error</a></li>
<li><a href="#">Voluptatem accusantium </a></li>
</ul>
</section>
</div>
<div id="footer_link">Copyright &copy; <a href="#">Domain Name</a> All Rights Reserved<br>
Design by <a target="_blank" href="http://www.templatemonster.com/">TemplateMonster.com</a></div>
</section>
</div>
<!-- {%FOOTER_LINK} -->
</footer>
<!-- / footer -->
</div>
</body>
</html>
\ No newline at end of file
<?php
session_start();
require_once(dirname(__DIR__) . '../functions/fungsi.php');
open_page('Index');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Cafe Bunga Toba</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="../css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="../css/style.css" type="text/css" media="all">
<script type="text/javascript" src="../js/jquery-1.6.js"></script>
<script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../js/tms-0.3.js"></script>
<script type="text/javascript" src="../js/tms_presets.js"></script>
<script type="text/javascript" src="../js/script.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">#menu a, .bg, .bg2, #ContactForm a {behavior:url("../js/PIE.htc")}</style>
<![endif]-->
</head>
<body id="page4">
<div class="body1">
<div class="main">
<!--header -->
<header>
<div class="wrapper">
<h1><a href="index.php" id="logo">Cafe Bunga Toba</a></h1>
<nav>
<ul id="menu">
<li class="active"><a href="index.php">Home</a></li>
<?php
if (isset($_SESSION['isLogin']) && get_session('role') == "admin") {
echo('<li><a href="menu.php">D Menu</a><br></li>');
echo('<li><a href="checkout.php">Pemesanan</a><br></li>');
echo('<li><a href="logout.php">Logout</a><br></li>');
} else if (isset($_SESSION['isLogin']) && get_session('role') == "member") {
echo('<li><a href="menu.php">Menu</a><br></li>');
echo('<li><a href="checkout.php"> Pemesanan</a><br></li>');
echo('<li><a href="logout.php">Logout</a><br></li>');
} else {
echo('<li><a href="menu.php">Menu</a><br></li>');
echo('<li><a href="signup.php">Signup</a><br></li>');
echo('<li><a href="login.php">Login</a><br></li>');
}
?>
<li><a href="contact.php">Contact</a></li>
</ul>
</nav>
</div>
</header>
</div>
</div>
</body>
</html>
\ No newline at end of file
.container_12, .container_16 {
margin-left:auto;
margin-right:auto;
width:960px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
display:inline;
float:left;
position:relative;
margin-left:10px;
margin-right:10px;
}
.container_12 .grid_3, .container_16 .grid_4 {
width:220px;
}
.container_12 .grid_6, .container_16 .grid_8 {
width:460px;
}
.container_12 .grid_9, .container_16 .grid_12 {
width:700px;
}
.container_12 .grid_12, .container_16 .grid_16 {
width:940px;
}
.alpha {
margin-left:0;
}
.omega {
margin-right:0;
}
.container_12 .grid_1 {
width:60px;
}
.container_12 .grid_2 {
width:140px;
}
.container_12 .grid_4 {
width:300px;
}
.container_12 .grid_5 {
width:380px;
}
.container_12 .grid_7 {
width:540px;
}
.container_12 .grid_8 {
width:620px;
}
.container_12 .grid_10 {
width:780px;
}
.container_12 .grid_11 {
width:860px;
}
.container_16 .grid_1 {
width:40px;
}
.container_16 .grid_2 {
width:100px;
}
.container_16 .grid_3 {
width:160px;
}
.container_16 .grid_5 {
width:280px;
}
.container_16 .grid_6 {
width:340px;
}
.container_16 .grid_7 {
width:400px;
}
.container_16 .grid_9 {
width:520px;
}
.container_16 .grid_10 {
width:580px;
}
.container_16 .grid_11 {
width:640px;
}
.container_16 .grid_13 {
width:760px;
}
.container_16 .grid_14 {
width:820px;
}
.container_16 .grid_15 {
width:880px;
}
.container_12 .prefix_3, .container_16 .prefix_4 {
padding-left:240px;
}
.container_12 .prefix_6, .container_16 .prefix_8 {
padding-left:480px;
}
.container_12 .prefix_9, .container_16 .prefix_12 {
padding-left:720px;
}
.container_12 .prefix_1 {
padding-left:80px;
}
.container_12 .prefix_2 {
padding-left:160px;
}
.container_12 .prefix_4 {
padding-left:320px;
}
.container_12 .prefix_5 {
padding-left:400px;
}
.container_12 .prefix_7 {
padding-left:560px;
}
.container_12 .prefix_8 {
padding-left:640px;
}
.container_12 .prefix_10 {
padding-left:800px;
}
.container_12 .prefix_11 {
padding-left:880px;
}
.container_16 .prefix_1 {
padding-left:60px;
}
.container_16 .prefix_2 {
padding-left:120px;
}
.container_16 .prefix_3 {
padding-left:180px;
}
.container_16 .prefix_5 {
padding-left:300px;
}
.container_16 .prefix_6 {
padding-left:360px;
}
.container_16 .prefix_7 {
padding-left:420px;
}
.container_16 .prefix_9 {
padding-left:540px;
}
.container_16 .prefix_10 {
padding-left:600px;
}
.container_16 .prefix_11 {
padding-left:660px;
}
.container_16 .prefix_13 {
padding-left:780px;
}
.container_16 .prefix_14 {
padding-left:840px;
}
.container_16 .prefix_15 {
padding-left:900px;
}
.container_12 .suffix_3, .container_16 .suffix_4 {
padding-right:240px;
}
.container_12 .suffix_6, .container_16 .suffix_8 {
padding-right:480px;
}
.container_12 .suffix_9, .container_16 .suffix_12 {
padding-right:720px;
}
.container_12 .suffix_1 {
padding-right:80px;
}
.container_12 .suffix_2 {
padding-right:160px;
}
.container_12 .suffix_4 {
padding-right:320px;
}
.container_12 .suffix_5 {
padding-right:400px;
}
.container_12 .suffix_7 {
padding-right:560px;
}
.container_12 .suffix_8 {
padding-right:640px;
}
.container_12 .suffix_10 {
padding-right:800px;
}
.container_12 .suffix_11 {
padding-right:880px;
}
.container_16 .suffix_1 {
padding-right:60px;
}
.container_16 .suffix_2 {
padding-right:120px;
}
.container_16 .suffix_3 {
padding-right:180px;
}
.container_16 .suffix_5 {
padding-right:300px;
}
.container_16 .suffix_6 {
padding-right:360px;
}
.container_16 .suffix_7 {
padding-right:420px;
}
.container_16 .suffix_9 {
padding-right:540px;
}
.container_16 .suffix_10 {
padding-right:600px;
}
.container_16 .suffix_11 {
padding-right:660px;
}
.container_16 .suffix_13 {
padding-right:780px;
}
.container_16 .suffix_14 {
padding-right:840px;
}
.container_16 .suffix_15 {
padding-right:900px;
}
.container_12 .push_3, .container_16 .push_4 {
left:240px;
}
.container_12 .push_6, .container_16 .push_8 {
left:480px;
}
.container_12 .push_9, .container_16 .push_12 {
left:720px;
}
.container_12 .push_1 {
left:80px;
}
.container_12 .push_2 {
left:160px;
}
.container_12 .push_4 {
left:320px;
}
.container_12 .push_5 {
left:400px;
}
.container_12 .push_7 {
left:560px;
}
.container_12 .push_8 {
left:640px;
}
.container_12 .push_10 {
left:800px;
}
.container_12 .push_11 {
left:880px;
}
.container_16 .push_1 {
left:60px;
}
.container_16 .push_2 {
left:120px;
}
.container_16 .push_3 {
left:180px;
}
.container_16 .push_5 {
left:300px;
}
.container_16 .push_6 {
left:360px;
}
.container_16 .push_7 {
left:420px;
}
.container_16 .push_9 {
left:540px;
}
.container_16 .push_10 {
left:600px;
}
.container_16 .push_11 {
left:660px;
}
.container_16 .push_13 {
left:780px;
}
.container_16 .push_14 {
left:840px;
}
.container_16 .push_15 {
left:900px;
}
.container_12 .pull_3, .container_16 .pull_4 {
left:-240px;
}
.container_12 .pull_6, .container_16 .pull_8 {
left:-480px;
}
.container_12 .pull_9, .container_16 .pull_12 {
left:-720px;
}
.container_12 .pull_1 {
left:-80px;
}
.container_12 .pull_2 {
left:-160px;
}
.container_12 .pull_4 {
left:-320px;
}
.container_12 .pull_5 {
left:-400px;
}
.container_12 .pull_7 {
left:-560px;
}
.container_12 .pull_8 {
left:-640px;
}
.container_12 .pull_10 {
left:-800px;
}
.container_12 .pull_11 {
left:-880px;
}
.container_16 .pull_1 {
left:-60px;
}
.container_16 .pull_2 {
left:-120px;
}
.container_16 .pull_3 {
left:-180px;
}
.container_16 .pull_5 {
left:-300px;
}
.container_16 .pull_6 {
left:-360px;
}
.container_16 .pull_7 {
left:-420px;
}
.container_16 .pull_9 {
left:-540px;
}
.container_16 .pull_10 {
left:-600px;
}
.container_16 .pull_11 {
left:-660px;
}
.container_16 .pull_13 {
left:-780px;
}
.container_16 .pull_14 {
left:-840px;
}
.container_16 .pull_15 {
left:-900px;
}
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}
.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0;
}
* html .clearfix, *:first-child+html .clearfix {
zoom:1;
}
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
.col1, .col2, .col3, .col4, .cols {
float:left
}
.col1 {
width:285px
}
.cols {
width:210px
}
.col2 {
width:440px
}
.col3 {
width:430px
}
.col4 {
width:195px
}
/* index.html */
#page1 .body1 {
background: url(../images/bg_top.gif) top repeat-x #0e0b06
}
#page1 header {
height:614px
}
/* index-1.html */
#page2 .dropcap1 {
font-size:39px;
line-height:1.2em
}
#page2 .dropcap1 span {
margin-top:3px
}
#page2 #content2 .cols {
width:200px
}
#page2 #content2 .pad_left1 {
padding-left:40px
}
#page2 #content2 {
padding-bottom:36px
}
/* index-2.html */
#page3 .marg_right1 {
margin-right:30px
}
#page3 #content .dropcap1 {
font-size:39px;
line-height:1.2em
}
#page3 #content .dropcap1 span {
margin-top:3px
}
#page3 #content .pad_left1 {
padding-left:40px
}
#page3 #content2 {
padding-bottom:22px
}
/* index-3.html */
#page4 header {
height:157px
}
#page4 #content2 {
padding-bottom:22px;
padding-top:12px
}
#page4 #content2 .cols {
width:280px
}
#page4 #content2 .pad_left1 {
padding-left:40px
}
#page4 #content2 {
padding-bottom:44px
}
/* index-4.html */
#page5 header {
height:157px
}
#page5 #content2 {
padding-bottom:22px;
padding-top:12px
}
#page5 .cols {
width:600px
}
#page5 .marg_right1 {
margin-right:30px
}
This diff is collapsed. Click to expand it.
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
\ No newline at end of file
@font-face {
font-family: "picto-foundry-food";
src: url("../fonts/picto-foundry-food.eot");
src: url("../fonts/picto-foundry-food.eot?#iefix") format("embedded-opentype"),
url("../fonts/picto-foundry-food.woff") format("woff"),
url("../fonts/picto-foundry-food.ttf") format("truetype"),
url("../fonts/picto-foundry-food.svg#picto-foundry-food") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "picto-foundry-food";
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-apple:before,
.icon-bacon:before,
.icon-beer:before,
.icon-bread:before,
.icon-cake:before,
.icon-candy-sucker:before,
.icon-candy:before,
.icon-cheese:before,
.icon-chef-hat:before,
.icon-cherries:before,
.icon-chicken-leg:before,
.icon-chop-sticks:before,
.icon-coffee-mug-fill:before,
.icon-coffee-mug-heart:before,
.icon-coffee-mug:before,
.icon-cooked-eggs:before,
.icon-cookie:before,
.icon-cooking-pan:before,
.icon-covered-platter:before,
.icon-cracked-egg:before,
.icon-cup-of-tea:before,
.icon-cupcake:before,
.icon-drink:before,
.icon-fork-knife:before,
.icon-fountain-drink:before,
.icon-grapes:before,
.icon-grill:before,
.icon-hamburger:before,
.icon-hard-liquor:before,
.icon-hotdog:before,
.icon-icecream-cone:before,
.icon-kabobs:before,
.icon-latte:before,
.icon-lollypop:before,
.icon-martini:before,
.icon-orange:before,
.icon-oven:before,
.icon-pie:before,
.icon-pizza:before,
.icon-soda-can:before,
.icon-soup:before,
.icon-steak:before,
.icon-strawberry:before,
.icon-sushi:before,
.icon-tomato:before,
.icon-turkey-dinner:before,
.icon-watermelon:before,
.icon-wheat:before,
.icon-wine-bottle:before,
.icon-wine-glass-1:before,
.icon-wine-glass-2:before {
font-family: "picto-foundry-food";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
text-decoration: inherit;
}
.icon-apple:before { content: "\f100"; }
.icon-bacon:before { content: "\f101"; }
.icon-beer:before { content: "\f102"; }
.icon-bread:before { content: "\f103"; }
.icon-cake:before { content: "\f104"; }
.icon-candy-sucker:before { content: "\f105"; }
.icon-candy:before { content: "\f106"; }
.icon-cheese:before { content: "\f107"; }
.icon-chef-hat:before { content: "\f108"; }
.icon-cherries:before { content: "\f109"; }
.icon-chicken-leg:before { content: "\f10a"; }
.icon-chop-sticks:before { content: "\f10b"; }
.icon-coffee-mug-fill:before { content: "\f10c"; }
.icon-coffee-mug-heart:before { content: "\f10d"; }
.icon-coffee-mug:before { content: "\f10e"; }
.icon-cooked-eggs:before { content: "\f10f"; }
.icon-cookie:before { content: "\f110"; }
.icon-cooking-pan:before { content: "\f111"; }
.icon-covered-platter:before { content: "\f112"; }
.icon-cracked-egg:before { content: "\f113"; }
.icon-cup-of-tea:before { content: "\f114"; }
.icon-cupcake:before { content: "\f115"; }
.icon-drink:before { content: "\f116"; }
.icon-fork-knife:before { content: "\f117"; }
.icon-fountain-drink:before { content: "\f118"; }
.icon-grapes:before { content: "\f119"; }
.icon-grill:before { content: "\f11a"; }
.icon-hamburger:before { content: "\f11b"; }
.icon-hard-liquor:before { content: "\f11c"; }
.icon-hotdog:before { content: "\f11d"; }
.icon-icecream-cone:before { content: "\f11e"; }
.icon-kabobs:before { content: "\f11f"; }
.icon-latte:before { content: "\f120"; }
.icon-lollypop:before { content: "\f121"; }
.icon-martini:before { content: "\f122"; }
.icon-orange:before { content: "\f123"; }
.icon-oven:before { content: "\f124"; }
.icon-pie:before { content: "\f125"; }
.icon-pizza:before { content: "\f126"; }
.icon-soda-can:before { content: "\f127"; }
.icon-soup:before { content: "\f128"; }
.icon-steak:before { content: "\f129"; }
.icon-strawberry:before { content: "\f12a"; }
.icon-sushi:before { content: "\f12b"; }
.icon-tomato:before { content: "\f12c"; }
.icon-turkey-dinner:before { content: "\f12d"; }
.icon-watermelon:before { content: "\f12e"; }
.icon-wheat:before { content: "\f12f"; }
.icon-wine-bottle:before { content: "\f130"; }
.icon-wine-glass-1:before { content: "\f131"; }
.icon-wine-glass-2:before { content: "\f132"; }
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
background:transparent;
border:0 none;
font-size:100%;
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:top
}
ol, ul {
list-style:none
}
blockquote, q {
quotes:none
}
table, table td {
padding:0;
border:none;
border-collapse:collapse
}
img {
vertical-align:top
}
embed {
vertical-align:top
}
* {
border:none
}
/** page structure **/
#w {
display: block;
max-width: 1100px;
min-width: 280px;
/*padding-top: 20px;*/
margin: 0 auto;
}
/** filters list **/
#filter-list {
display: block;
width: 100%;
text-align: center;
margin-bottom: 25px;
}
#filter-list li {
font-weight: bold;
color:black !important;
display: inline-block;
width: auto;
padding: 6px 10px;
margin-right: 15px;
font-size: 1.2em;
cursor: pointer;
/*-webkit-border-radius: 3px;
-moz-border-radius: 3px;*/
/*border-radius: 3px;*/
border-bottom: 1px solid rgba(255, 255, 255, 0);
}
#filter-list li:hover {
color: rgb(129, 24, 24) !important;
}
#filter-list li.active {
font-weight: bold;
/*background: #D4CECC;*/
border-color: #000;
}
/** portfolio list **/
#portfolio {
display: block;
width: 100%;
padding: 0 12px;
margin-bottom: 0;
text-align: center;
}
#portfolio .item {
display: none;
opacity: 0;
width: 30%;
vertical-align: top;
margin-bottom: 25px;
margin-right: 20px;
color: #fff;
font-size: 30px;
text-align: center;
width: 207px;
-moz-box-sizing: border-box;
}
#portfolio .item h2 {
font-size: 32px;
padding: 10px;
}
#portfolio .item1 {
display: none;
opacity: 0;
vertical-align: top;
margin-bottom: 25px;
margin-right: 20px;
color: #fff;
font-size: 30px;
text-align: center;
-moz-box-sizing: border-box;
}
#portfolio .item a {
display: inline-block;
max-width: 100%;
text-decoration: none;
background: #fff;
}
#portfolio .item img {
max-width: 100%;
}
@media (min-width: 991px) {
#portfolio .item:nth-child(5),
#portfolio .item:nth-child(6),
#portfolio .item:nth-child(7),
#portfolio .item:nth-child(8) {
margin-bottom: 0;
}
}
\ No newline at end of file
body {
font:12px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
a:focus {
outline:1px dotted;
}
hr {
border:0 #ccc solid;
border-top-width:1px;
clear:both;
height:0;
}
h1 {
font-size:25px;
}
h2 {
font-size:23px;
}
h3 {
font-size:21px;
}
h4 {
font-size:19px;
}
h5 {
font-size:17px;
}
h6 {
font-size:15px;
}
ol {
list-style:decimal;
}
ul {
list-style:disc;
}
li {
margin-left:30px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
margin-bottom:20px;
}
.style1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
* {
padding:0;
margin:0;
}
#TB_window {
font:12px Arial, Helvetica, sans-serif;
color:#333333;
}
#TB_secondLine {
font:10px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {
color:#666666;
}
#TB_window a:visited {
color:#666666;
}
#TB_window a:hover {
color:#000;
}
#TB_window a:active {
color:#666666;
}
#TB_window a:focus {
color:#666666;
}
#TB_overlay {
position:fixed;
z-index:10000;
top:0;
left:0;
height:100%;
width:100%;
}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
* html #TB_overlay {
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position:fixed;
background:#ffffff;
z-index:10002;
color:#000000;
display:none;
border:4px solid #525252;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin:15px 0 0 15px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #666;
border-left:1px solid #666;
}
#TB_caption {
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow {
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow {
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle {
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title {
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent {
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal {
padding:15px;
}
#TB_ajaxContent p {
padding:5px 0;
}
#TB_load {
position:fixed;
display:none;
height:13px;
width:208px;
z-index:10003;
top:50%;
left:50%;
margin:-6px 0 0 -104px;
}
* html #TB_load {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect {
z-index:9999;
position:fixed;
top:0;
left:0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
height:100%;
width:100%;
}
* html #TB_HideSelect {
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent {
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="icomoon" horiz-adv-x="512">
<font-face units-per-em="512" ascent="480" descent="-32" />
<missing-glyph horiz-adv-x="512" />
<glyph unicode="&#x20;" d="" horiz-adv-x="256" />
<glyph unicode="&#xe600;" d="M40.806 351.079c12.493-6.733 185.575-99.686 192.025-103.143 6.425-3.456 14.771-5.12 23.168-5.12 8.423 0 16.768 1.664 23.193 5.145 6.451 3.456 179.507 96.409 192 103.143 12.519 6.707 24.346 27.776 1.382 27.776h-433.127c-22.963 0-11.162-21.069 1.357-27.801zM476.493 299.879c-14.208-7.424-188.595-98.586-197.299-103.143s-14.771-5.146-23.193-5.146c-8.397 0-14.464 0.589-23.168 5.146s-183.117 95.744-197.299 103.143c-10.009 5.222-9.933-0.896-9.933-5.607s0-187.776 0-187.776c0-10.752 14.31-24.576 25.395-24.576h410.035c11.111 0 25.37 13.824 25.37 24.55 0 0 0 183.065 0 187.776 0 4.736 0.103 10.855-9.907 5.632z" />
<glyph unicode="&#xe601;" d="M337.408 196.864c-18.381 0-33.28-20.634-33.28-46.055 0-25.447 14.899-46.080 33.28-46.080s33.28 20.634 33.28 46.080c-0.026 25.447-14.925 46.055-33.28 46.055zM453.274 316.774c3.789 9.344 3.968 62.464-16.231 113.305 0 0-46.387-5.069-116.531-53.222-14.72 4.070-39.629 6.093-64.512 6.093-24.909 0-49.792-2.048-64.537-6.093-70.118 48.154-116.48 53.222-116.48 53.222-20.198-50.841-20.045-103.961-16.23-113.305-23.757-25.805-38.272-56.781-38.272-99.097 0-183.962 152.627-186.905 191.155-186.905 8.73 0 26.087-0.026 44.39-0.051 18.304 0.026 35.661 0.051 44.339 0.051 38.553 0 191.155 2.944 191.155 186.905 0 42.317-14.49 73.293-38.246 99.098zM256.717 53.376h-1.408c-96.563 0-171.776 11.52-171.776 105.37 0 22.477 7.962 43.341 26.778 60.647 31.463 28.851 84.633 13.568 144.999 13.568 0.231 0 0.487 0 0.717 0.025 0.256 0 0.486-0.025 0.691-0.025 60.365 0 113.562 15.283 144.999-13.568 18.816-17.305 26.752-38.17 26.752-60.647 0-93.85-75.161-105.37-171.75-105.37zM174.618 196.864c-18.381 0-33.28-20.634-33.28-46.055 0-25.447 14.899-46.080 33.28-46.080s33.28 20.634 33.28 46.080c0 25.447-14.899 46.055-33.28 46.055z" />
<glyph unicode="&#xe602;" d="M491.52 376.499c-17.357-7.706-35.968-12.877-55.526-15.232 19.968 11.955 35.303 30.899 42.496 53.453-18.663-11.059-39.347-19.123-61.337-23.45-17.639 18.791-42.752 30.515-70.553 30.515-53.376 0-96.64-43.264-96.64-96.614 0-7.577 0.845-14.951 2.509-22.016-80.307 4.019-151.526 42.496-199.168 100.966-8.346-14.259-13.133-30.873-13.133-48.589 0-33.536 17.075-63.104 43.008-80.435-15.847 0.512-30.745 4.839-43.776 12.083 0-0.41 0-0.793 0-1.203 0-46.822 33.331-85.863 77.517-94.771-8.090-2.202-16.64-3.379-25.472-3.379-6.221 0-12.263 0.589-18.176 1.715 12.288-38.4 48-66.329 90.265-67.098-33.075-25.933-74.727-41.37-120.013-41.37-7.808 0-15.488 0.461-23.040 1.357 42.752-27.418 93.542-43.418 148.147-43.418 177.741 0 274.944 147.251 274.944 274.969 0 4.173-0.077 8.346-0.281 12.493 18.893 13.619 35.251 30.643 48.231 50.022z" />
<glyph unicode="&#xe603;" d="M129.946 408.32c0-27.213-20.096-49.254-53.145-49.254-31.104 0-51.2 22.041-51.2 49.255 0 27.853 20.761 49.254 52.505 49.254s51.2-21.401 51.84-49.254zM28.211 3.225v316.928h98.509v-316.928h-98.509zM185.677 219.059c0 39.527-1.305 72.576-2.611 101.095h85.555l4.557-44.083h1.945c12.954 20.762 44.723 51.2 97.869 51.2 64.793 0 113.408-43.417 113.408-136.755v-187.315h-98.509v175.642c0 40.832-14.285 68.711-49.92 68.711-27.213 0-43.392-18.79-50.534-36.941-2.611-6.477-3.251-15.539-3.251-24.627v-182.784h-98.509v215.859z" />
</font></defs></svg>
\ No newline at end of file
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
images/breakfast.jpg

7.7 KB | W: | H:

images/breakfast.jpg

441 KB | W: | H:

images/breakfast.jpg
images/breakfast.jpg
images/breakfast.jpg
images/breakfast.jpg
  • 2-up
  • Swipe
  • Onion skin
This diff is collapsed. Click to expand it.
// Create new HTML5 elements ===================================================
// -----------------------------------------------------------------------------
// This script should load before any others. We want the new elements to be
// parsed before pretty much anything happens.
// Plus, IE does not behave otherwise. The cost of being progressive...
// -----------------------------------------------------------------------------
document.createElement("article");
document.createElement("aside");
document.createElement("audio");
document.createElement("canvas");
document.createElement("command");
document.createElement("datalist");
document.createElement("details");
document.createElement("embed");
document.createElement("figcaption");
document.createElement("figure");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("keygen");
document.createElement("mark");
document.createElement("meter");
document.createElement("nav");
document.createElement("output");
document.createElement("progress");
document.createElement("rp");
document.createElement("rt");
document.createElement("ruby");
document.createElement("section");
document.createElement("source");
document.createElement("summary");
document.createElement("time");
document.createElement("video");
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
/*
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
*
* Uses the built in easing capabilities added In jQuery 1.1
* to offer multiple easing options
*
* TERMS OF USE - jQuery Easing
*
* Open source under the BSD License.
*
* Copyright © 2008 George McGinley Smith
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];
jQuery.extend( jQuery.easing,
{
def: 'easeOutQuad',
swing: function (x, t, b, c, d) {
//alert(jQuery.easing.default);
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
},
easeInQuad: function (x, t, b, c, d) {
return c*(t/=d)*t + b;
},
easeOutQuad: function (x, t, b, c, d) {
return -c *(t/=d)*(t-2) + b;
},
easeInOutQuad: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t + b;
return -c/2 * ((--t)*(t-2) - 1) + b;
},
easeInCubic: function (x, t, b, c, d) {
return c*(t/=d)*t*t + b;
},
easeOutCubic: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t + 1) + b;
},
easeInOutCubic: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t + b;
return c/2*((t-=2)*t*t + 2) + b;
},
easeInQuart: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t + b;
},
easeOutQuart: function (x, t, b, c, d) {
return -c * ((t=t/d-1)*t*t*t - 1) + b;
},
easeInOutQuart: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
return -c/2 * ((t-=2)*t*t*t - 2) + b;
},
easeInQuint: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t*t + b;
},
easeOutQuint: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t*t*t + 1) + b;
},
easeInOutQuint: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
return c/2*((t-=2)*t*t*t*t + 2) + b;
},
easeInSine: function (x, t, b, c, d) {
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
},
easeOutSine: function (x, t, b, c, d) {
return c * Math.sin(t/d * (Math.PI/2)) + b;
},
easeInOutSine: function (x, t, b, c, d) {
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
},
easeInExpo: function (x, t, b, c, d) {
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
},
easeOutExpo: function (x, t, b, c, d) {
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
},
easeInOutExpo: function (x, t, b, c, d) {
if (t==0) return b;
if (t==d) return b+c;
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
},
easeInCirc: function (x, t, b, c, d) {
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
},
easeOutCirc: function (x, t, b, c, d) {
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
},
easeInOutCirc: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
},
easeInElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
},
easeOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
},
easeInOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
},
easeInBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*(t/=d)*t*((s+1)*t - s) + b;
},
easeOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
},
easeInOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
},
easeInBounce: function (x, t, b, c, d) {
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
},
easeOutBounce: function (x, t, b, c, d) {
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
},
easeInOutBounce: function (x, t, b, c, d) {
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
}
});
/*
*
* TERMS OF USE - EASING EQUATIONS
*
* Open source under the BSD License.
*
* Copyright © 2001 Robert Penner
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
\ No newline at end of file
$(document).ready(function () {
$(document).on("scroll", onScroll);
$('a[href^="#"]').on('click', function (e) {
e.preventDefault();
$(document).off("scroll");
$('a').each(function () {
$(this).removeClass('navactive');
})
$(this).addClass('navactive');
var target = this.hash;
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top+2
}, 500, 'swing', function () {
window.location.hash = target;
$(document).on("scroll", onScroll);
});
});
});
function onScroll(event){
var scrollPosition = $(document).scrollTop();
$('.nav li a').each(function () {
var currentLink = $(this);
var refElement = $(currentLink.attr("href"));
if (refElement.position().top <= scrollPosition && refElement.position().top + refElement.height() > scrollPosition) {
$('ul.nav li a').removeClass("navactive");
currentLink.addClass("navactive");
}
else{
currentLink.removeClass("navactive");
}
});
$(function(){
$('#portfolio').mixitup({
targetSelector: '.item',
transitionSpeed: 350
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
};
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
require('../../js/transition.js')
require('../../js/alert.js')
require('../../js/button.js')
require('../../js/carousel.js')
require('../../js/collapse.js')
require('../../js/dropdown.js')
require('../../js/modal.js')
require('../../js/tooltip.js')
require('../../js/popover.js')
require('../../js/scrollspy.js')
require('../../js/tab.js')
require('../../js/affix.js')
\ No newline at end of file
$(window).load(function(){
$('.slider')._TMS({
preset:'diagonalExpand',
easing:'easeOutQuad',
duration:800,
pagination:true,
slideshow:6000
})
})
/* jQuery based image slider
/* TMSlider 0.3 */
(function($,undefined){
var _TMS=window._TMS=$.fn._TMS=function(_){
_=_||{}
_=$.extend(clone(_TMS),_TMS.presets[_.preset],_)
_.init.call(_.me=_.holder=this,_)
return _.me.data({opt:_})
}
$.extend(_TMS,{
etal:'<div></div>',
items:'.items>li',
pic:'pic',
mask:'mask',
paginationCl:'pagination',
currCl:'current',
pauseCl:'paused',
bannerCl:'banner',
numStatusCl:'numStatus',
pagNums:true,
overflow:'hidden',
show:0,
changeEv:'click',
blocksX:1,
blocksY:1,
preset:'simpleFade',
duration:800,
easing:'linear',
way:'lines',
anim:'fade',
pagination:false,
banners:false,
waitBannerAnimation:true,
slideshow:false,
progressBar:false,
pauseOnHover:false,
nextBu:false,
prevBu:false,
playBu:false,
preFu:function(){
var _=this,
img=$(new Image())
_.pic=$(_.etal)
.addClass(_.pic)
.css({overflow:_.overflow})
.appendTo(_.me)
_.mask=$(_.etal)
.addClass(_.mask)
.appendTo(_.pic)
if(_.me.css('position')=='static')
_.me.css({position:'relative'})
if(_.me.css('z-index')=='auto')
_.me.css({zIndex:1})
_.me.css({overflow:_.overflow})
if(_.items)
_.parseImgFu()
img
.appendTo(_.me)
.load(function(){
_.pic
.css({
width:_.width=img.width(),
height:_.height=img.height(),
background:'url('+_.itms[_.show]+') 0 0 no-repeat'
})
img.remove()
_.current=_.buff=_.show
})
.attr({src:_.itms[_.n=_.show]})
},
sliceFu:function(w,h){
var _=this,
w=_.blocksX,
h=_.blocksY,
eW=parseInt(_.width/w),
eH=parseInt(_.height/h),
etal=$(_.etal),
fW=_.pic.width()-eW*w,
fH=_.pic.height()-eH*h,
x,y,
matrix=_.matrix=[]
_.mask
.css({
position:'absolute',
width:'100%',
height:'100%',
left:0,
top:0,
zIndex:1
})
.empty()
.appendTo(_.pic)
for(y=0;y<h;y++)
for(x=0;x<w;x++)
matrix[y]=matrix[y]?matrix[y]:[],
matrix[y][x]=$(_.etal).clone()
.appendTo(_.mask)
.css({
left:x*eW,
top:y*eH,
position:'absolute',
width:x==w-1?eW+fW:eW,
height:y==h-1?eH+fH:eH,
backgroundPosition:'-'+x*eW+'px -'+y*eH+'px',
display:'none'
})
_.maskC=_.mask.children()
},
changeFu:function(n){
var _=this
if(_.bl)
return false
if(n==_.n)
return false
_.n=n
_.next=_.itms[n]
_.direction=n-_.buff
if(_.direction==_.itms.length-1)
_.direction=-1
if(_.direction==-1*_.itms.length+1)
_.direction=2
_.current=_.buff=n
if(_.numStatus)
_.numStatusChFu()
if(_.pagination)
_.pags
.removeClass(_.currCl)
.eq(n)
.addClass(_.currCl)
if(_.banners!==false&&_.banner)
_.bannerHide(_.banner)
if(_.progressBar)
clearInterval(_.slShTimer),
_.progressBar.stop()
if(_.slideshow&&!_.paused&&_.progressBar)
_.progressBar.stop().width(0)
var _fu=function(){
if(_.banner)
$.when(_.banner).then(function(){_.banner.detach()})
if(_.preset_!=_.preset)
_.du=_.duration,
_.ea=_.easing,
$.extend(_,_TMS.presets[_.preset]),
_.duration=_.du,
_.easing=_.ea,
_.preset_=_.preset
_.sliceFu()
_.maskC.stop().css({backgroundImage:'url('+_.next+')'})
_.beforeAnimation()
_.showFu()
}
if(_.waitBannerAnimation)
$.when(_.banner).then(_fu)
else
_fu()
},
nextFu:function(){
var _=this,
n=_.n
_.changeFu(++n<_.itms.length?n:0)
},
prevFu:function(){
var _=this,
n=_.n
_.changeFu(--n>=0?n:_.itms.length-1)
},
showFu:function(){
var _=this,
way,
tmp
way=_.ways[_.way].call(_)
if(_.reverseWay)
way.reverse()
if(_.dirMirror)
way=_.dirMirrorFu(way)
if(_.int)
clearInterval(_.int)
_.int=setInterval(function(){
if(way.length)
_.anims[_.anim].apply(_,[way.shift(),!way.length])
else
clearInterval(_.int)
},_.interval)
_.bl=true
},
dirMirrorFu:function(way){
var _=this
if(_.direction<0)
void(0)
return way
},
afterShow:function(){
var _=this
_.pic.css({backgroundImage:'url('+_.next+')'})
_.maskC.hide()
if(_.slideshow&&!_.paused)
_.startSlShFu(0)
if(_.banners!==false)
_.banner=_.banners[_.n]
if(_.banner)
_.banner.appendTo(_.me),
_.bannerShow(_.banner)
_.afterAnimation()
_.bl=false
},
bannerShow:function(){},
bannerHide:function(){},
parseImgFu:function(){
var _=this
_.itms=[]
$(_.items+' img',_.me)
.each(function(i){
_.itms[i]=$(this).attr('src')
})
},
controlsFu:function(){
var _=this
if(_.nextBu)
$(_.nextBu).bind(_.changeEv,function(){
_.nextFu()
return false
})
if(_.prevBu)
$(_.prevBu).bind(_.changeEv,function(){
_.prevFu()
return false
})
},
paginationFu:function(){
var _=this
if(_.pagination===false)
return false
if(_.pagination===true)
_.pags=$('<ul></ul>')
.addClass(_.paginationCl)
.appendTo(_.me),
$(_.itms).each(function(i){
var li=$('<li></li>'),
a=$('<a href="#"></a>')
.text(_.pagNums?i+1:'')
.appendTo(li)
.bind(_.changeEv,function(){
_.changeFu(i)
return false
})
_.pags.append(li)
}),
_.pags=_.pags.find('li'),
_.pags.eq(_.n).addClass(_.currCl)
else
_.pags=$(_.pagination)
},
startSlShFu:function(prog){
var _=this
_.paused=false
_.prog=prog||0
clearInterval(_.slShTimer)
_.slShTimer=setInterval(function(){
if(_.prog<100)
_.prog++
else
_.prog=0,
clearInterval(_.slShTimer),
_.nextFu()
if(_.progressBar)
_.pbchFu()
},_.slideshow/100)
if(_.playBu)
$(_.playBu).removeClass(_.pauseCl)
},
pauseSlShFu:function(){
var _=this
_.paused=true
clearInterval(_.slShTimer)
if(_.playBu)
$(_.playBu).addClass(_.pauseCl)
},
slideshowFu:function(){
var _=this
if(_.slideshow===false)
return false
if(_.playBu)
$(_.playBu).bind(_.changeEv,function(){
if(!_.paused)
_.pauseSlShFu()
else
_.startSlShFu(_.prog)
return false
})
_.startSlShFu()
},
pbchFu:function(){
var _=this
if(_.prog==0)
_.progressBar.stop().width(0)
else
_.progressBar
.stop()
.animate({width:_.prog+'%'},{easing:'linear',duration:_.slideshow/100})
},
progressBarFu:function(){
var _=this
if(_.progressBar===false)
return false
_.progressBar=$(_.progressBar)
if(_.progressBar.parent().length==0)
_.progressBar.appendTo(_.me)
},
pauseOnHoverFu:function(){
var _=this
if(_.pauseOnHover)
_.me
.bind('mouseenter',function(){
_.pauseSlShFu()
})
.bind('mouseleave',function(){
_.startSlShFu(_.prog)
})
},
bannersFu:function(){
var _=this
if(_.banners===false)
return false
_.banners=[]
$(_.items,_.me).each(function(i){
var tmp
_.banners[i]=(tmp=$('.'+_.bannerCl,this)).length?tmp:false
})
_.bannerShow(_.banner=_.banners[_.show].appendTo(_.me))
},
numStatusChFu:function(){
var _=this
_.numSt.html('<span class="curr"></span>/<span class="total"></span>')
$('.curr',_.numSt).text(_.n+1)
$('.total',_.numSt).text(_.itms.length)
},
numStatusFu:function(){
var _=this
if(_.numStatus===false)
return false
if(!_.numSt)
if(_.numStatus===true)
_.numSt=$(_.etal).addClass(_.numStatusCl)
else
_.numSt=$(_.numStatus).addClass(_.numStatusCl)
if(!_.numSt.parent().length)
_.numSt.appendTo(_.me)
.addClass(_.numStatusCl)
_.numStatusChFu()
},
init:function(_){
_.preFu()
_.controlsFu()
_.paginationFu()
_.slideshowFu()
_.progressBarFu()
_.pauseOnHoverFu()
_.bannersFu()
_.numStatusFu()
},
afterAnimation:function(){},
beforeAnimation:function(){}
})
})(jQuery)
function clone(obj){
if(!obj||typeof obj!=typeof {})
return obj
if(obj instanceof Array)
return [].concat(obj)
var tmp=new obj.constructor(),
i
for(i in obj)
if(obj.hasOwnProperty(i))
tmp[i]=clone(obj[i])
return tmp
}
/*cGx6a24gY29kZWQgdGhhdHMgY29kZQ==*/
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment