Chloroplast (Talk | contribs) |
|||
Line 1: | Line 1: | ||
− | + | <!DOCTYPE html> | |
− | <html> | + | <html lang="en" class="no-js"> |
+ | <head> | ||
+ | <meta charset="UTF-8" /> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <title>Interactive Points | Codrops</title> | ||
+ | <meta name="keywords" content="opacity, background, hover, transparency, effect, css, html, javascript, template, point of interest, map" /> | ||
+ | <meta name="author" content="Codrops" /> | ||
+ | <!--link rel="stylesheet" type="text/css" href="css/collapse.css" /--> | ||
+ | <style> | ||
+ | .grow input:checked{color:red;} | ||
− | + | .grow { | |
− | + | -moz-transition: height .5s; | |
+ | -ms-transition: height .5s; | ||
+ | -o-transition: height .5s; | ||
+ | -webkit-transition: height .5s; | ||
+ | transition: height .5s; | ||
+ | height: 0; | ||
+ | overflow: hidden; | ||
+ | } | ||
− | + | .focus{ | |
− | + | background: rgba(0, 0, 0, 0.2); | |
− | </ | + | box-shadow: inset 0 -1px rgba(0, 0, 0, 0); |
+ | color: #fff; | ||
+ | } | ||
+ | </style> | ||
− | < | + | <!-- <link rel="stylesheet" type="text/css" href="css/googleleapis1.css" /> --> |
− | < | + | <style> |
− | + | /* latin-ext */ | |
+ | @font-face { | ||
+ | font-family: 'Source Serif Pro'; | ||
+ | font-style: normal; | ||
+ | font-weight: 400; | ||
+ | src: local('Source Serif Pro'), local('SourceSerifPro-Regular'), url(https://fonts.gstatic.com/s/sourceserifpro/v4/CeUM4np2c42DV49nanp55Q_BUM40eMa9-jBVStC9wY0.woff2) format('woff2'); | ||
+ | unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; | ||
+ | } | ||
+ | /* latin */ | ||
+ | @font-face { | ||
+ | font-family: 'Source Serif Pro'; | ||
+ | font-style: normal; | ||
+ | font-weight: 400; | ||
+ | src: local('Source Serif Pro'), local('SourceSerifPro-Regular'), url(https://fonts.gstatic.com/s/sourceserifpro/v4/CeUM4np2c42DV49nanp55fETq2ZMMnErnN6OL83eMrU.woff2) format('woff2'); | ||
+ | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; | ||
+ | } | ||
+ | /* latin-ext */ | ||
+ | @font-face { | ||
+ | font-family: 'Source Serif Pro'; | ||
+ | font-style: normal; | ||
+ | font-weight: 700; | ||
+ | src: local('Source Serif Pro Bold'), local('SourceSerifPro-Bold'), url(https://fonts.gstatic.com/s/sourceserifpro/v4/yd5lDMt8Sva2PE17yiLarKwVIEQt96q_HGoOJQzfwxw.woff2) format('woff2'); | ||
+ | unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; | ||
+ | } | ||
+ | /* latin */ | ||
+ | @font-face { | ||
+ | font-family: 'Source Serif Pro'; | ||
+ | font-style: normal; | ||
+ | font-weight: 700; | ||
+ | src: local('Source Serif Pro Bold'), local('SourceSerifPro-Bold'), url(https://fonts.gstatic.com/s/sourceserifpro/v4/yd5lDMt8Sva2PE17yiLarPgHLTi6vdOOFgNDwEC6JgI.woff2) format('woff2'); | ||
+ | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; | ||
+ | } | ||
+ | </style> | ||
− | < | + | <!-- <link rel="stylesheet" type="text/css" href="css/googleleapis2.css" /> --> |
+ | <style> | ||
+ | /* latin-ext */ | ||
+ | @font-face { | ||
+ | font-family: 'Lato'; | ||
+ | font-style: normal; | ||
+ | font-weight: 300; | ||
+ | src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v11/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); | ||
+ | unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; | ||
+ | } | ||
+ | /* latin */ | ||
+ | @font-face { | ||
+ | font-family: 'Lato'; | ||
+ | font-style: normal; | ||
+ | font-weight: 300; | ||
+ | src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2'); | ||
+ | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; | ||
+ | } | ||
+ | /* latin-ext */ | ||
+ | @font-face { | ||
+ | font-family: 'Lato'; | ||
+ | font-style: normal; | ||
+ | font-weight: 400; | ||
+ | src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2'); | ||
+ | unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; | ||
+ | } | ||
+ | /* latin */ | ||
+ | @font-face { | ||
+ | font-family: 'Lato'; | ||
+ | font-style: normal; | ||
+ | font-weight: 400; | ||
+ | src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'); | ||
+ | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; | ||
+ | } | ||
+ | /* latin-ext */ | ||
+ | @font-face { | ||
+ | font-family: 'Lato'; | ||
+ | font-style: normal; | ||
+ | font-weight: 700; | ||
+ | src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); | ||
+ | unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; | ||
+ | } | ||
+ | /* latin */ | ||
+ | @font-face { | ||
+ | font-family: 'Lato'; | ||
+ | font-style: normal; | ||
+ | font-weight: 700; | ||
+ | src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'); | ||
+ | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; | ||
+ | } | ||
+ | </style> | ||
− | < | + | <!-- <link rel="stylesheet" type="text/css" href="css/normalize.css" /> --> |
+ | <style> | ||
+ | article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} | ||
+ | </style> | ||
− | < | + | <!-- <link rel="stylesheet" type="text/css" href="css/demo.css" /> --> |
+ | <style> | ||
+ | *, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; } | ||
− | + | body { | |
+ | font-family: 'Avenir Next', Avenir, 'Helvetica Neue', Helvetica, Arial, sans-serif; | ||
+ | color: #fff; | ||
+ | background: #34343d; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | text-align: center; | ||
+ | } | ||
− | + | a { | |
− | + | outline: none; | |
− | + | color: #60B8B9; | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | a:hover, a:focus { | |
− | + | color: #fff; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .hidden { | |
− | + | position: absolute; | |
− | + | overflow: hidden; | |
+ | width: 0; | ||
+ | height: 0; | ||
+ | pointer-events: none; | ||
+ | } | ||
− | + | .message { | |
+ | font-weight: bold; | ||
+ | color: #914a58; | ||
+ | background: #f0d4d8; | ||
+ | font-size: 0.85em; | ||
+ | margin: 0; | ||
+ | padding: 1em; | ||
+ | display: none; | ||
+ | } | ||
+ | /* Icons */ | ||
+ | .icon-link { | ||
+ | padding: 0 0.5em; | ||
+ | margin: 0 0 0 auto; | ||
+ | font-size: 0.85em; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .icon { | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | width: 1.5em; | ||
+ | height: 1.5em; | ||
+ | margin: 0 auto; | ||
+ | fill: currentColor; | ||
+ | } | ||
+ | .icon-text { | ||
+ | line-height: 1; | ||
+ | vertical-align: middle; | ||
+ | padding: 0.35em; | ||
+ | font-weight: bold; | ||
+ | display: inline-block; | ||
+ | } | ||
− | + | main { | |
− | + | max-width: 1885px; | |
− | + | display: inline-block; | |
− | + | margin: 0 auto; | |
+ | position: relative; | ||
+ | text-align: left; | ||
+ | } | ||
− | + | /* Header */ | |
+ | .codrops-header { | ||
+ | position: relative; | ||
+ | padding: 1em; | ||
+ | width: 100%; | ||
+ | display: -webkit-box; | ||
+ | display: -ms-flexbox; | ||
+ | display: -webkit-flex; | ||
+ | display: flex; | ||
+ | -webkit-box-orient: horizontal; | ||
+ | -webkit-box-direction: normal; | ||
+ | -ms-flex-direction: row; | ||
+ | -webkit-flex-direction: row; | ||
+ | flex-direction: row; | ||
+ | -webkit-align-items: center; | ||
+ | align-items: center; | ||
+ | z-index: 10; | ||
+ | background: #28282f; | ||
+ | } | ||
+ | .codrops-header__title { | ||
+ | margin: 0; | ||
+ | letter-spacing: -1px; | ||
+ | font-size: 1.65em; | ||
+ | white-space: nowrap; | ||
+ | line-height: 1; | ||
+ | font-family: 'Source Serif Pro', serif; | ||
+ | } | ||
− | + | .codrops-header__tagline { | |
− | + | margin: 0 0 0 1.5em; | |
− | + | color: #495050; | |
− | + | font-weight: bold; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | /* Top Navigation Style */ | ||
+ | .codrops-links { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | font-size: 0.8em; | ||
+ | margin: 0 1em 0 0; | ||
+ | } | ||
− | + | .codrops-links::after { | |
− | + | position: absolute; | |
− | + | top: 15%; | |
− | + | left: 50%; | |
− | + | width: 1px; | |
− | + | height: 70%; | |
− | + | background: currentColor; | |
− | + | opacity: 0.2; | |
− | + | content: ''; | |
− | + | -webkit-transform: rotate3d(0,0,1,22.5deg); | |
− | + | transform: rotate3d(0,0,1,22.5deg); | |
− | + | } | |
− | + | .codrops-icon { | |
− | + | display: inline-block; | |
− | + | margin: 0.5em; | |
− | + | padding: 0.5em; | |
+ | } | ||
+ | /* Demo links */ | ||
+ | .codrops-demos { | ||
+ | margin: 0 0 0 auto; | ||
+ | text-align: right; | ||
+ | } | ||
− | + | .codrops-demos a { | |
− | + | display: inline-block; | |
− | + | margin: 0 0.5em; | |
+ | font-weight: bold; | ||
+ | } | ||
− | + | .codrops-demos a.current-demo { | |
+ | color: #28282f; | ||
+ | } | ||
+ | /* Content */ | ||
+ | .content { | ||
+ | background: #28282f; | ||
+ | } | ||
+ | .content__inner { | ||
+ | max-width: 1000px; | ||
+ | margin: 0 auto; | ||
+ | padding: 8em 10% 4em; | ||
+ | } | ||
+ | .content__title, | ||
+ | .content__subtitle { | ||
+ | font-family: 'Source Serif Pro', serif; | ||
+ | } | ||
+ | .content__title { | ||
+ | font-size: 3em; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .content__subtitle { | ||
+ | font-size: 2em; | ||
+ | font-weight: normal; | ||
+ | margin: 0.25em 0 0; | ||
+ | color: #9f9da7; | ||
+ | } | ||
+ | .content p { | ||
+ | font-size: 1.175em; | ||
+ | line-height: 1.6; | ||
+ | margin: 1.5em 0; | ||
+ | } | ||
+ | p.margin-paragraph { | ||
+ | margin: 8em 0 1.5em; | ||
+ | } | ||
+ | |||
+ | /* Related demos */ | ||
+ | .content--related { | ||
+ | padding: 4em 1em; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | background: #1c1c21; | ||
+ | color: #495050; | ||
+ | } | ||
+ | |||
+ | .content--related a:hover, | ||
+ | .content--related a:focus { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .media-item { | ||
+ | display: inline-block; | ||
+ | padding: 1em; | ||
+ | vertical-align: top; | ||
+ | -webkit-transition: color 0.3s; | ||
+ | transition: color 0.3s; | ||
+ | } | ||
+ | |||
+ | .media-item__img { | ||
+ | max-width: 100%; | ||
+ | opacity: 0.3; | ||
+ | -webkit-transition: opacity 0.3s; | ||
+ | transition: opacity 0.3s; | ||
+ | } | ||
+ | |||
+ | .media-item:hover .media-item__img, | ||
+ | .media-item:focus .media-item__img { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .media-item__title { | ||
+ | margin: 0; | ||
+ | padding: 0.5em; | ||
+ | font-size: 1em; | ||
+ | } | ||
+ | |||
+ | /* Sponsor */ | ||
+ | .pater { | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | background: rgba(96,184,185,0.6); | ||
+ | padding: 2.5em 1em 2.5em; | ||
+ | width: 100%; | ||
+ | pointer-events: auto; | ||
+ | } | ||
+ | |||
+ | .pater:focus { | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | .pater::after { | ||
+ | content: 'Sponsored by'; | ||
+ | position: absolute; | ||
+ | top: 20px; | ||
+ | left: 20px; | ||
+ | color: #408283; | ||
+ | font-size: 0.65em; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .pater__img { | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | |||
+ | .pater__title { | ||
+ | font-size: 1em; | ||
+ | color: #fff; | ||
+ | margin: 0 0 0.25em 10px; | ||
+ | } | ||
+ | |||
+ | .pater__description { | ||
+ | color: #1a2638; | ||
+ | font-size: 0.85em; | ||
+ | font-weight: 600; | ||
+ | margin: 0 0 0 10px; | ||
+ | } | ||
+ | |||
+ | .pater__description strong { | ||
+ | color: #ffe38e; | ||
+ | } | ||
+ | |||
+ | .pater--responsive { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 52.375em) { | ||
+ | .pater { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | right: 0; | ||
+ | width: 400px; | ||
+ | padding: 2.5em 1em 1em; | ||
+ | -webkit-transform: translate3d(0,3.5em,0); | ||
+ | transform: translate3d(0,3.5em,0); | ||
+ | -webkit-transition: background 0.3s, -webkit-transform 0.3s; | ||
+ | transition: background 0.3s, transform 0.3s; | ||
+ | } | ||
+ | .points-content--open ~ .pater { | ||
+ | pointer-events: none; | ||
+ | -webkit-transform: translate3d(0,100%,0); | ||
+ | transform: translate3d(0,100%,0); | ||
+ | } | ||
+ | .pater:focus, | ||
+ | .pater:hover { | ||
+ | background: rgba(96,184,185,1); | ||
+ | -webkit-transform: translate3d(0,0,0); | ||
+ | transform: translate3d(0,0,0); | ||
+ | } | ||
+ | .pater__img { | ||
+ | -webkit-transform-origin: 0% 50%; | ||
+ | transform-origin: 0% 50%; | ||
+ | -webkit-transform: scale(1.5); | ||
+ | transform: scale(1.5); | ||
+ | -webkit-transition: -webkit-transform 0.3s; | ||
+ | transition: transform 0.3s; | ||
+ | } | ||
+ | .pater:focus .pater__img, | ||
+ | .pater:hover .pater__img { | ||
+ | -webkit-transform: scale(1); | ||
+ | transform: scale(1); | ||
+ | } | ||
+ | .pater__description { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0,1em,0); | ||
+ | transform: translate3d(0,1em,0); | ||
+ | -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; | ||
+ | transition: opacity 0.3s, transform 0.3s; | ||
+ | } | ||
+ | |||
+ | .pater:focus .pater__description, | ||
+ | .pater:hover .pater__description { | ||
+ | -webkit-transform: translate3d(0,0,0); | ||
+ | transform: translate3d(0,0,0); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .pater--responsive { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 52.375em) { | ||
+ | .codrops-header { | ||
+ | padding: 0.25em; | ||
+ | font-size: 0.65em; | ||
+ | } | ||
+ | .codrops-header__tagline { | ||
+ | display: none; | ||
+ | } | ||
+ | .content { | ||
+ | font-size: 0.75em; | ||
+ | } | ||
+ | .message { | ||
+ | display: block; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <!-- <link rel="stylesheet" type="text/css" href="css/component.css" /> --> | ||
+ | <style> | ||
+ | .interactive-points { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | overflow: hidden; | ||
+ | width: 100%; | ||
+ | margin-bottom: -0.4em; | ||
+ | background: #cfced7; | ||
+ | } | ||
+ | |||
+ | .interactive-points:focus { | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | .backgrounds, | ||
+ | .background__element { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .background__element { | ||
+ | height: 50vh; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 50% 50%; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | .static { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin: 0 auto; | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | |||
+ | .points { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .static, | ||
+ | .points { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | @media screen and (min-aspect-ratio: 1885/1000) { | ||
+ | .static, | ||
+ | .points { | ||
+ | width: auto; | ||
+ | height: calc(100vh - 6em); | ||
+ | min-height: 500px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .points { | ||
+ | left: 50%; | ||
+ | -webkit-transform: translate3d(-50%,0,0); | ||
+ | transform: translate3d(-50%,0,0); | ||
+ | } | ||
+ | |||
+ | .point { | ||
+ | cursor: pointer; | ||
+ | fill: #28282f; | ||
+ | -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, fill 0.3s; | ||
+ | transition: opacity 0.3s, transform 0.3s, fill 0.3s; | ||
+ | -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); | ||
+ | transition-timing-function: cubic-bezier(0.2,1,0.3,1); | ||
+ | } | ||
+ | |||
+ | .point--active { | ||
+ | fill: #408283; | ||
+ | -webkit-transform: scale3d(2,2,1); | ||
+ | transform: scale3d(2,2,1); | ||
+ | } | ||
+ | |||
+ | .point--hide { | ||
+ | opacity: 0; | ||
+ | pointer-events: none; | ||
+ | -webkit-transform: translate3d(0,10px,0); | ||
+ | transform: translate3d(0,10px,0); | ||
+ | } | ||
+ | |||
+ | .points-tooltips, | ||
+ | .points-content { | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | .points-tooltips { | ||
+ | display: -webkit-box; | ||
+ | display: -ms-flexbox; | ||
+ | display: flex; | ||
+ | -webkit-box-orient: vertical; | ||
+ | -webkit-box-direction: normal; | ||
+ | -ms-flex-direction: column; | ||
+ | flex-direction: column; | ||
+ | -webkit-box-pack: end; | ||
+ | -ms-flex-pack: end; | ||
+ | justify-content: flex-end; | ||
+ | } | ||
+ | |||
+ | .point-tooltip { | ||
+ | height: 50vh; | ||
+ | } | ||
+ | |||
+ | .point-tooltip__title { | ||
+ | font-family: 'Source Serif Pro', serif; | ||
+ | font-size: 1.5em; | ||
+ | line-height: 1; | ||
+ | margin: 0 0 0.15em; | ||
+ | display: inline-block; | ||
+ | background: #28282f; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | .point-tooltip__description { | ||
+ | font-size: 0.85em; | ||
+ | font-weight: 500; | ||
+ | margin: 0; | ||
+ | line-height: 1; | ||
+ | display: inline-block; | ||
+ | background: #28282f; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | .points-content { | ||
+ | -webkit-transition: background 0.1s; | ||
+ | transition: background 0.1s; | ||
+ | } | ||
+ | |||
+ | .points-content--open { | ||
+ | cursor: url(img/close.cur), pointer; | ||
+ | pointer-events: auto; | ||
+ | background: rgba(50,49,59,0.6); | ||
+ | } | ||
+ | |||
+ | @supports (cursor: zoom-in) { | ||
+ | .points-content--open { | ||
+ | cursor: url(../img/close.png) 12 6, pointer; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .point-content { | ||
+ | font-size: 1.25em; | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | min-width: 300px; | ||
+ | padding: 0 0 3em 3em; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | .point-content--current { | ||
+ | pointer-events: auto; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .point-content__title { | ||
+ | font-family: 'Source Serif Pro', serif; | ||
+ | font-size: 2.25em; | ||
+ | margin: 0; | ||
+ | text-shadow: 0 1px 5px rgba(0,0,0,0.2); | ||
+ | } | ||
+ | |||
+ | .point-content__subtitle { | ||
+ | font-family: 'Source Serif Pro', serif; | ||
+ | font-weight: bold; | ||
+ | margin: 0.25em 0 0; | ||
+ | display: inline-block; | ||
+ | background: #408283; | ||
+ | color: #28282f; | ||
+ | padding: 0 10px; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | .point-content__text { | ||
+ | font-weight: 500; | ||
+ | margin: 1em 0 0 0; | ||
+ | } | ||
+ | |||
+ | .point-content > * { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0,-40px,0); | ||
+ | transform: translate3d(0,-40px,0); | ||
+ | -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; | ||
+ | transition: opacity 0.3s, transform 0.3s; | ||
+ | } | ||
+ | |||
+ | .point-content--current > * { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0,0,0); | ||
+ | transform: translate3d(0,0,0); | ||
+ | } | ||
+ | |||
+ | .point-content--current > *:first-child { | ||
+ | -webkit-transition-delay: 0.1s; | ||
+ | transition-delay: 0.1s; | ||
+ | } | ||
+ | |||
+ | .point-content--current > *:nth-child(2) { | ||
+ | -webkit-transition-delay: 0.05s; | ||
+ | transition-delay: 0.05s; | ||
+ | } | ||
+ | |||
+ | /* Second example */ | ||
+ | .interactive-points--alter .point-content { | ||
+ | text-align: right; | ||
+ | left: auto; | ||
+ | right: 0; | ||
+ | padding: 0 3em 3em; | ||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 52.375em) { | ||
+ | .point-content { | ||
+ | width: 50%; | ||
+ | } | ||
+ | .js .points { | ||
+ | display: block; | ||
+ | } | ||
+ | .js .backgrounds, | ||
+ | .js .background__element { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | .js .background__element { | ||
+ | opacity: 0; | ||
+ | -webkit-transition: opacity 0.1s; | ||
+ | transition: opacity 0.1s; | ||
+ | } | ||
+ | .js .points-tooltip { | ||
+ | display: block; | ||
+ | } | ||
+ | .js .point-tooltip { | ||
+ | position: absolute; | ||
+ | margin: 0.75em 0 0 0.25em; | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0,10px,0); | ||
+ | transform: translate3d(0,10px,0); | ||
+ | -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; | ||
+ | transition: opacity 0.3s, transform 0.3s; | ||
+ | } | ||
+ | .js .point-tooltip--current { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0,0,0); | ||
+ | transform: translate3d(0,0,0); | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <!-- <link rel="stylesheet" type="text/css" href="css/sidebar_transitions_normalize.css" /> --> | ||
+ | <style> | ||
+ | article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} | ||
+ | </style> | ||
+ | |||
+ | <!-- <link rel="stylesheet" type="text/css" href="css/sidebar_transitions_demo.css" /> --> | ||
+ | <style> | ||
+ | @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700); | ||
+ | @font-face { | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | font-family: 'codropsicons'; | ||
+ | src:url('../fonts/codropsicons/codropsicons.eot'); | ||
+ | src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), | ||
+ | url('../fonts/codropsicons/codropsicons.woff') format('woff'), | ||
+ | url('../fonts/codropsicons/codropsicons.ttf') format('truetype'), | ||
+ | url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg'); | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background: #444; | ||
+ | color: #48a770; | ||
+ | font-weight: 300; | ||
+ | font-family: 'Lato', Calibri, Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | text-decoration: none; | ||
+ | color: #48a770; | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | a:hover, a:focus { | ||
+ | color: #2c774b; | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ | ||
+ | .clearfix:before, | ||
+ | .clearfix:after { | ||
+ | display: table; | ||
+ | content: " "; | ||
+ | } | ||
+ | |||
+ | .clearfix:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .codrops-header, | ||
+ | .codrops-top { | ||
+ | font-family: 'Lato', Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | .codrops-header { | ||
+ | margin: 0 auto 3em; | ||
+ | padding: 3em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .codrops-header h1 { | ||
+ | margin: 0; | ||
+ | font-weight: 300; | ||
+ | font-size: 2.625em; | ||
+ | line-height: 1.3; | ||
+ | } | ||
+ | |||
+ | .codrops-header span { | ||
+ | display: block; | ||
+ | padding: 0 0 0.6em 0.1em; | ||
+ | font-size: 60%; | ||
+ | color: #aca89a; | ||
+ | } | ||
+ | |||
+ | /* To Navigation Style */ | ||
+ | .codrops-top { | ||
+ | width: 100%; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 0.69em; | ||
+ | line-height: 2.2; | ||
+ | font-weight: 400; | ||
+ | background: rgba(255,255,255,0.3); | ||
+ | } | ||
+ | |||
+ | .codrops-top a { | ||
+ | display: inline-block; | ||
+ | padding: 0 1em; | ||
+ | text-decoration: none; | ||
+ | letter-spacing: 0.1em; | ||
+ | } | ||
+ | |||
+ | .codrops-top a:hover { | ||
+ | background: rgba(255,255,255,0.4); | ||
+ | color: #333; | ||
+ | } | ||
+ | |||
+ | .codrops-top span.right { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .codrops-top span.right a { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .codrops-icon:before { | ||
+ | margin: 0 4px; | ||
+ | text-transform: none; | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | font-variant: normal; | ||
+ | font-family: 'codropsicons'; | ||
+ | line-height: 1; | ||
+ | speak: none; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -ms-font-smoothing: scale(1.1) translate(70px); /* IE 9 */ | ||
+ | } | ||
+ | |||
+ | .codrops-icon-drop:before { | ||
+ | content: "\e001"; | ||
+ | } | ||
+ | |||
+ | .codrops-icon-prev:before { | ||
+ | content: "\e004"; | ||
+ | } | ||
+ | |||
+ | .main { | ||
+ | max-width: 69em; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .column { | ||
+ | float: left; | ||
+ | width: 50%; | ||
+ | padding: 0 2em; | ||
+ | min-height: 300px; | ||
+ | position: relative; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .column:nth-child(2) { | ||
+ | box-shadow: -1px 0 0 rgba(0,0,0,0.1); | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .column p { | ||
+ | font-weight: 300; | ||
+ | font-size: 2em; | ||
+ | padding: 0 0 0.5em; | ||
+ | margin: 0; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | button { | ||
+ | border: none; | ||
+ | padding: 0.6em 1.2em; | ||
+ | background: #388a5a; | ||
+ | color: #fff; | ||
+ | font-family: 'Lato', Calibri, Arial, sans-serif; | ||
+ | font-size: 1em; | ||
+ | letter-spacing: 1px; | ||
+ | text-transform: uppercase; | ||
+ | cursor: pointer; | ||
+ | display: inline-block; | ||
+ | margin: 3px 2px; | ||
+ | border-radius: 2px; | ||
+ | -webkit-transition: all .2s ease-in-out; | ||
+ | transition: all .2s ease-in-out; | ||
+ | } | ||
+ | |||
+ | button:hover { | ||
+ | background-color: rgba(0,0,0,.5); | ||
+ | color: rgba(255,255,255,1); | ||
+ | -ms-transform: scale(1.7) translate(40px); /* IE 9 */ | ||
+ | -webkit-transform: scale(1.7) translate(40px); /* Safari */ | ||
+ | transform: scale(1.7) translate(40px); /* Standard syntax */ | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | .info { | ||
+ | text-align: center; | ||
+ | font-size: 1.5em; | ||
+ | margin-top: 3em; | ||
+ | clear: both; | ||
+ | padding: 3em 0; | ||
+ | opacity: 0.7; | ||
+ | color: #aca89a; | ||
+ | } | ||
+ | |||
+ | .info a { | ||
+ | font-weight: 700; | ||
+ | font-size: 0.9em; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 46.0625em) { | ||
+ | .column { | ||
+ | width: 100%; | ||
+ | min-width: auto; | ||
+ | min-height: auto; | ||
+ | padding: 2em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .column p { | ||
+ | font-size: 1.5em; | ||
+ | } | ||
+ | |||
+ | .column:nth-child(2) { | ||
+ | text-align: center; | ||
+ | box-shadow: 0 -1px 0 rgba(0,0,0,0.1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 25em) { | ||
+ | |||
+ | .codrops-header { | ||
+ | font-size: 80%; | ||
+ | } | ||
+ | |||
+ | .codrops-top { | ||
+ | font-size: 120%; | ||
+ | } | ||
+ | |||
+ | .codrops-icon span { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <!-- <link rel="stylesheet" type="text/css" href="css/sidebar_transitions_icons.css" /> --> | ||
+ | <style> | ||
+ | @font-face { | ||
+ | font-family: 'linecons'; | ||
+ | src:url('../fonts/linecons/linecons.eot'); | ||
+ | src:url('../fonts/linecons/linecons.eot?#iefix') format('embedded-opentype'), | ||
+ | url('../fonts/linecons/linecons.woff') format('woff'), | ||
+ | url('../fonts/linecons/linecons.ttf') format('truetype'), | ||
+ | url('../fonts/linecons/linecons.svg#linecons') format('svg'); | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | .icon:before { | ||
+ | font-family: 'linecons'; | ||
+ | speak: none; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-variant: normal; | ||
+ | text-transform: none; | ||
+ | line-height: 1; | ||
+ | display: inline-block; | ||
+ | vertical-align: bottom; | ||
+ | margin-right: 0.8em; | ||
+ | font-size: 1.2em; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | } | ||
+ | .icon-female:before { | ||
+ | content: "\f182"; | ||
+ | } | ||
+ | .icon-male:before { | ||
+ | content: "\f183"; | ||
+ | } | ||
+ | .icon-arrow-left:before { | ||
+ | content: "\e032"; | ||
+ | } | ||
+ | .icon-arrow-left-2:before { | ||
+ | content: "\e034"; | ||
+ | } | ||
+ | .icon-arrow-left-3:before { | ||
+ | content: "\e036"; | ||
+ | } | ||
+ | .icon-arrow-left-4:before { | ||
+ | content: "\e038"; | ||
+ | } | ||
+ | .icon-arrow-right:before { | ||
+ | content: "\e035"; | ||
+ | } | ||
+ | .icon-arrow-right-2:before { | ||
+ | content: "\e037"; | ||
+ | } | ||
+ | .icon-arrow-right-3:before { | ||
+ | content: "\e039"; | ||
+ | } | ||
+ | .icon-arrow-right-4:before { | ||
+ | content: "\e033"; | ||
+ | } | ||
+ | |||
+ | .icon-phone:before { | ||
+ | content: "\e000"; | ||
+ | } | ||
+ | .icon-news:before { | ||
+ | content: "\e001"; | ||
+ | } | ||
+ | .icon-photo:before { | ||
+ | content: "\e002"; | ||
+ | } | ||
+ | .icon-shop:before { | ||
+ | content: "\e003"; | ||
+ | } | ||
+ | .icon-wallet:before { | ||
+ | content: "\e004"; | ||
+ | } | ||
+ | .icon-t-shirt:before { | ||
+ | content: "\e005"; | ||
+ | } | ||
+ | .icon-heart:before { | ||
+ | content: "\e006"; | ||
+ | } | ||
+ | .icon-cloud:before { | ||
+ | content: "\e007"; | ||
+ | } | ||
+ | .icon-display:before { | ||
+ | content: "\e008"; | ||
+ | } | ||
+ | .icon-diamond:before { | ||
+ | content: "\e009"; | ||
+ | } | ||
+ | .icon-banknote:before { | ||
+ | content: "\e00a"; | ||
+ | } | ||
+ | .icon-data:before { | ||
+ | content: "\e00b"; | ||
+ | } | ||
+ | .icon-music:before { | ||
+ | content: "\e00c"; | ||
+ | } | ||
+ | .icon-location:before { | ||
+ | content: "\e00d"; | ||
+ | } | ||
+ | .icon-star:before { | ||
+ | content: "\e00e"; | ||
+ | } | ||
+ | .icon-tv:before { | ||
+ | content: "\e00f"; | ||
+ | } | ||
+ | .icon-eye:before { | ||
+ | content: "\e010"; | ||
+ | } | ||
+ | .icon-megaphone:before { | ||
+ | content: "\e011"; | ||
+ | } | ||
+ | .icon-study:before { | ||
+ | content: "\e012"; | ||
+ | } | ||
+ | .icon-bubble:before { | ||
+ | content: "\e013"; | ||
+ | } | ||
+ | .icon-sound:before { | ||
+ | content: "\e014"; | ||
+ | } | ||
+ | .icon-video:before { | ||
+ | content: "\e015"; | ||
+ | } | ||
+ | .icon-stack:before { | ||
+ | content: "\e016"; | ||
+ | } | ||
+ | .icon-lab:before { | ||
+ | content: "\e017"; | ||
+ | } | ||
+ | .icon-food:before { | ||
+ | content: "\e018"; | ||
+ | } | ||
+ | .icon-cup:before { | ||
+ | content: "\e019"; | ||
+ | } | ||
+ | .icon-trash:before { | ||
+ | content: "\e01a"; | ||
+ | } | ||
+ | .icon-user:before { | ||
+ | content: "\e01b"; | ||
+ | } | ||
+ | .icon-key:before { | ||
+ | content: "\e01c"; | ||
+ | } | ||
+ | .icon-fire:before { | ||
+ | content: "\e01d"; | ||
+ | } | ||
+ | .icon-clip:before { | ||
+ | content: "\e01e"; | ||
+ | } | ||
+ | .icon-mail:before { | ||
+ | content: "\e01f"; | ||
+ | } | ||
+ | .icon-search:before { | ||
+ | content: "\e020"; | ||
+ | } | ||
+ | .icon-settings:before { | ||
+ | content: "\e021"; | ||
+ | } | ||
+ | .icon-like:before { | ||
+ | content: "\e022"; | ||
+ | } | ||
+ | .icon-calendar:before { | ||
+ | content: "\e023"; | ||
+ | } | ||
+ | .icon-camera:before { | ||
+ | content: "\e024"; | ||
+ | } | ||
+ | .icon-tag:before { | ||
+ | content: "\e025"; | ||
+ | } | ||
+ | .icon-note:before { | ||
+ | content: "\e026"; | ||
+ | } | ||
+ | .icon-clock:before { | ||
+ | content: "\e027"; | ||
+ | } | ||
+ | .icon-lock:before { | ||
+ | content: "\e028"; | ||
+ | } | ||
+ | .icon-vynil:before { | ||
+ | content: "\e029"; | ||
+ | } | ||
+ | .icon-truck:before { | ||
+ | content: "\e02a"; | ||
+ | } | ||
+ | .icon-paperplane:before { | ||
+ | content: "\e02b"; | ||
+ | } | ||
+ | .icon-bulb:before { | ||
+ | content: "\e02c"; | ||
+ | } | ||
+ | .icon-pen:before { | ||
+ | content: "\e02d"; | ||
+ | } | ||
+ | .icon-params:before { | ||
+ | content: "\e02e"; | ||
+ | } | ||
+ | .icon-world:before { | ||
+ | content: "\e02f"; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <!-- <link rel="stylesheet" type="text/css" href="css/sidebar_transitions_component.css" /> --> | ||
+ | <style> | ||
+ | *, | ||
+ | *:after, | ||
+ | *::before { | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | html, | ||
+ | body, | ||
+ | .st-container, | ||
+ | .st-pusher, | ||
+ | .st-content { | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .st-content { | ||
+ | overflow-y: scroll; | ||
+ | background: #f3efe0; | ||
+ | } | ||
+ | |||
+ | .st-content, | ||
+ | .st-content-inner { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .st-container { | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .st-pusher { | ||
+ | position: relative; | ||
+ | left: 0; | ||
+ | z-index: 99; | ||
+ | height: 100%; | ||
+ | -webkit-transition: -webkit-transform 0.5s; | ||
+ | transition: transform 0.5s; | ||
+ | } | ||
+ | |||
+ | .st-pusher::after { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | background: rgba(0,0,0,0.2); | ||
+ | content: ''; | ||
+ | opacity: 0; | ||
+ | -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; | ||
+ | transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; | ||
+ | } | ||
+ | |||
+ | .st-menu-open .st-pusher::after { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | opacity: 1; | ||
+ | -webkit-transition: opacity 0.5s; | ||
+ | transition: opacity 0.5s; | ||
+ | } | ||
+ | |||
+ | .st-menu { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 100; | ||
+ | visibility: hidden; | ||
+ | width: 300px; | ||
+ | height: 100%; | ||
+ | background: #48a770; | ||
+ | -webkit-transition: all 0.5s; | ||
+ | transition: all 0.5s; | ||
+ | } | ||
+ | |||
+ | .st-menu::after { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background: rgba(0,0,0,0.2); | ||
+ | content: ''; | ||
+ | opacity: 1; | ||
+ | -webkit-transition: opacity 0.5s; | ||
+ | transition: opacity 0.5s; | ||
+ | } | ||
+ | |||
+ | .st-menu-open .st-menu::after { | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | opacity: 0; | ||
+ | -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; | ||
+ | transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; | ||
+ | } | ||
+ | |||
+ | /* content style */ | ||
+ | |||
+ | .st-menu ul { | ||
+ | margin-top: 20%; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .st-menu h2 { | ||
+ | margin: 0; | ||
+ | padding: 1em; | ||
+ | color: rgba(0,0,0,0.4); | ||
+ | text-shadow: 0 0 1px rgba(0,0,0,0.1); | ||
+ | font-weight: 300; | ||
+ | font-size: 2em; | ||
+ | } | ||
+ | |||
+ | .st-menu ul li a { | ||
+ | display: block; | ||
+ | padding: 1em 1em 1em 1.2em; | ||
+ | width: 100%; | ||
+ | height: 20%; | ||
+ | outline: none; | ||
+ | box-shadow: inset 0 -1px rgba(0,0,0,0.2); | ||
+ | color: #f3efe0; | ||
+ | text-transform: uppercase; | ||
+ | text-shadow: 0 0 1px rgba(255,255,255,0.1); | ||
+ | letter-spacing: 1px; | ||
+ | font-weight: 400; | ||
+ | -webkit-transition: background 0.3s, box-shadow 0.3s; | ||
+ | transition: background 0.3s, box-shadow 0.3s; | ||
+ | } | ||
+ | |||
+ | .st-menu ul li:first-child a { | ||
+ | box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2); | ||
+ | } | ||
+ | |||
+ | .st-menu ul li a:hover { | ||
+ | background: rgba(0,0,0,0.2); | ||
+ | box-shadow: inset 0 -1px rgba(0,0,0,0); | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | /* Individual effects */ | ||
+ | |||
+ | /* Effect 1: Slide in on top */ | ||
+ | .st-effect-1.st-menu { | ||
+ | visibility: visible; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | } | ||
+ | |||
+ | .st-effect-1.st-menu-open .st-effect-1.st-menu { | ||
+ | visibility: visible; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | .st-effect-1.st-menu::after { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ | ||
+ | .no-csstransforms3d .st-pusher, | ||
+ | .no-js .st-pusher { | ||
+ | padding-left: 300px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <!-- <link rel="stylesheet" type="text/css" href="css/buttons.css" /> --> | ||
+ | <style> | ||
+ | /* Common button styles */ | ||
+ | .button { | ||
+ | float: left; | ||
+ | width: 100px; | ||
+ | height: 100px; | ||
+ | border-radius: 50%; | ||
+ | display: block; | ||
+ | margin: 1em; | ||
+ | padding: 1em 2em; | ||
+ | border: none; | ||
+ | background-color: rgba(0,0,0,.3); | ||
+ | vertical-align: middle; | ||
+ | position: fixed; | ||
+ | top: 40%; | ||
+ | left: -45px; | ||
+ | z-index: 1; | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -ms-backface-visibility: hidden; | ||
+ | } | ||
+ | .button:focus { | ||
+ | outline: none; | ||
+ | } | ||
+ | .button > span { | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .button > span > img { | ||
+ | -ms-transform: rotate(-90deg); | ||
+ | -webkit-transform: rotate(-90deg); | ||
+ | transform: rotate(-90deg); | ||
+ | height: 50%; | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Borders */ | ||
+ | .button--border{ | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | /* Rayen */ | ||
+ | .button--rayen { | ||
+ | overflow: hidden; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .button--rayen.button--inverted { | ||
+ | color: #fff; | ||
+ | } | ||
+ | .button--rayen::before { | ||
+ | content: attr(data-text); | ||
+ | position: absolute; | ||
+ | font-size: 200%; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border-radius: 50%; | ||
+ | background-color: rgba(0,0,0,.5); | ||
+ | color: rgba(255,255,255,1); | ||
+ | line-height: 100px; | ||
+ | text-align: center; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | -ms-transform: translate3d(-100%, 0, 0); | ||
+ | } | ||
+ | .button--rayen.button--inverted::before { | ||
+ | background: #fff; | ||
+ | color: #37474f; | ||
+ | } | ||
+ | .button--rayen > span { | ||
+ | display: block; | ||
+ | } | ||
+ | .button--rayen::before, | ||
+ | .button--rayen > span { | ||
+ | -ms-transition: -webkit-transform 0.3s; | ||
+ | -webkit-transition: -webkit-transform 0.3s; | ||
+ | transition: transform 0.3s; | ||
+ | -ms-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); | ||
+ | -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); | ||
+ | transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); | ||
+ | } | ||
+ | .button--rayen:hover::before { | ||
+ | -ms-transform: translate3d(0, 0, 0); | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | .button--rayen:hover > span { | ||
+ | -ms-transform: translate3d(0, 150%, 0); | ||
+ | -webkit-transform: translate3d(0, 150%, 0); | ||
+ | transform: translate3d(0, 150%, 0); | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <!-- <link rel="stylesheet" type="text/css" href="css/header_component.css" /> --> | ||
+ | <style> | ||
+ | |||
+ | *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } | ||
+ | |||
+ | /* Content style */ | ||
+ | |||
+ | .scroll { | ||
+ | position: fixed; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | -webkit-transform: translateX(-50%) translateY(-50%); | ||
+ | -moz-transform: translateX(-50%) translateY(-50%); | ||
+ | transform: translateX(-50%) translateY(-50%); | ||
+ | letter-spacing: 1px; | ||
+ | font-weight: 700; | ||
+ | font-size: 2em; | ||
+ | line-height: 2; | ||
+ | width: 10em; | ||
+ | text-align: center; | ||
+ | height: 2em; | ||
+ | color: #e74c3c; | ||
+ | background: #fff; | ||
+ | font-style: normal; | ||
+ | text-transform: uppercase; | ||
+ | opacity: 0.8; | ||
+ | } | ||
+ | |||
+ | .scroll::after { | ||
+ | display: block; | ||
+ | content: '\2193'; | ||
+ | color: #fff; | ||
+ | font-size: 3em; | ||
+ | line-height: 1; | ||
+ | } | ||
+ | |||
+ | /* Header styles and animations */ | ||
+ | |||
+ | .ha-header { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | padding: 0; | ||
+ | z-index: 50; | ||
+ | font-family: 'Lato', Arial, sans-serif; | ||
+ | -webkit-transform: translateY(0%); | ||
+ | -moz-transform: translateY(0%); | ||
+ | transform: translateY(0%); | ||
+ | -webkit-transition: all 0.5s; | ||
+ | -moz-transition: all 0.5s; | ||
+ | transition: all 0.5s; | ||
+ | } | ||
+ | |||
+ | .ha-header-perspective { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | -webkit-perspective: 1100px; | ||
+ | -moz-perspective: 1100px; | ||
+ | perspective: 1100px; | ||
+ | -webkit-perspective-origin: 50% 0; | ||
+ | -moz-perspective-origin: 50% 0; | ||
+ | perspective-origin: 50% 0; | ||
+ | } | ||
+ | |||
+ | .ha-header-perspective > div { | ||
+ | background: #fff; | ||
+ | text-align: left; | ||
+ | padding: 0 7%; | ||
+ | height: 50%; | ||
+ | width: 100%; | ||
+ | margin: 0 auto; | ||
+ | position: relative; | ||
+ | text-align: justify; | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | -moz-backface-visibility: hidden; | ||
+ | backface-visibility: hidden; | ||
+ | -webkit-transition: all 0.5s; | ||
+ | -moz-transition: all 0.5s; | ||
+ | transition: all 0.5s; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .ha-header-front { | ||
+ | z-index: 2; | ||
+ | -webkit-transform-origin: 50% 100%; | ||
+ | -moz-transform-origin: 50% 100%; | ||
+ | transform-origin: 50% 100%; | ||
+ | } | ||
+ | |||
+ | .ha-header-perspective .ha-header-bottom { | ||
+ | background: #ddd; | ||
+ | -webkit-transform-origin: 50% 0%; | ||
+ | -moz-transform-origin: 50% 0%; | ||
+ | transform-origin: 50% 0%; | ||
+ | z-index: 1; | ||
+ | -webkit-transform: rotateX(-90deg); | ||
+ | -moz-transform: rotateX(-90deg); | ||
+ | transform: rotateX(-90deg); | ||
+ | -webkit-transition: top 0.5s; | ||
+ | -moz-transition: top 0.5s; | ||
+ | transition: top 0.5s; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | /* Justify inline-block elements (h1 on left side, nav on right) */ | ||
+ | .ha-header-perspective > div::after { | ||
+ | content: ''; | ||
+ | display: inline-block; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /* Text styling */ | ||
+ | .ha-header h1, | ||
+ | .ha-header h1::before, | ||
+ | .ha-header h1 span, | ||
+ | .ha-header nav, | ||
+ | .ha-header nav::before { | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .ha-header h1 { | ||
+ | font-weight: 300; | ||
+ | margin: 0; | ||
+ | padding: 0 1em 0 0; | ||
+ | color: #2d383f; | ||
+ | cursor: default; | ||
+ | height: 100%; | ||
+ | z-index: 1; | ||
+ | -webkit-transition: all 0.5s; | ||
+ | -moz-transition: all 0.5s; | ||
+ | transition: all 0.5s; | ||
+ | } | ||
+ | |||
+ | .ha-header h1::before, | ||
+ | .ha-header nav::before { | ||
+ | content: ''; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .ha-header h1::after { | ||
+ | content: ''; | ||
+ | width: 100px; | ||
+ | height: 96px; | ||
+ | background: #fff; | ||
+ | position: absolute; | ||
+ | z-index: 100; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | cursor: pointer; | ||
+ | box-shadow: inset 0 8px #2d383f, inset 0 16px #fff, inset 0 24px #2d383f, inset 0 32px #fff, inset 0 40px #2d383f, inset 0 48px #fff, inset 0 56px #2d383f; | ||
+ | opacity: 0; | ||
+ | border: 20px solid #fff; | ||
+ | -webkit-transition: opacity 0.5s; | ||
+ | -moz-transition: opacity 0.5s; | ||
+ | transition: opacity 0.5s; | ||
+ | } | ||
+ | |||
+ | .ha-header nav { | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .ha-header nav a { | ||
+ | display: inline-block; | ||
+ | text-transform: uppercase; | ||
+ | letter-spacing: 1px; | ||
+ | font-weight: 700; | ||
+ | padding: 0.2em 0.4em; | ||
+ | margin: 0 0.4em 0; | ||
+ | font-size: 0.8em; | ||
+ | cursor: pointer; | ||
+ | color: #e74c3c; | ||
+ | outline: none; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .ha-header nav a:hover { | ||
+ | color: #bc3c2f; | ||
+ | } | ||
+ | |||
+ | .ha-header nav a:last-child { | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | |||
+ | .ha-header .ha-header-front nav a:first-child, | ||
+ | .ha-header .ha-header-front nav a:last-child { | ||
+ | border: 2px solid #e74c3c; | ||
+ | } | ||
+ | |||
+ | .ha-header .ha-header-front nav a:first-child:hover, | ||
+ | .ha-header .ha-header-front nav a:last-child:hover { | ||
+ | border: 2px solid #bc3c2f; | ||
+ | } | ||
+ | |||
+ | /* Individual states */ | ||
+ | .ha-header-rotate { | ||
+ | height: 15%; | ||
+ | } | ||
+ | |||
+ | .ha-header-rotate .ha-header-front { | ||
+ | -webkit-transform: translateY(-100%) rotateX(90deg); | ||
+ | -moz-transform: translateY(-100%) rotateX(90deg); | ||
+ | transform: translateY(-100%) rotateX(90deg); | ||
+ | } | ||
+ | |||
+ | .ha-header-rotate .ha-header-bottom { | ||
+ | top: 50%; | ||
+ | -webkit-transition: -webkit-transform 0.5s; | ||
+ | -moz-transition: -moz-transform 0.5s; | ||
+ | transition: transform 0.5s; | ||
+ | -webkit-transform: rotateX(0deg) translateY(-100%); | ||
+ | -moz-transform: rotateX(0deg) translateY(-100%); | ||
+ | transform: rotateX(0deg) translateY(-100%); | ||
+ | } | ||
+ | |||
+ | .ha-header-rotateBack { | ||
+ | height: 23%; | ||
+ | } | ||
+ | |||
+ | .ha-header-rotateBack .ha-header-front { | ||
+ | -webkit-transform: translateY(0%) rotateX(0deg); | ||
+ | -moz-transform: translateY(0%) rotateX(0deg); | ||
+ | transform: translateY(0%) rotateX(0deg); | ||
+ | } | ||
+ | |||
+ | .ha-header-rotateBack .ha-header-bottom { | ||
+ | top: 50%; | ||
+ | -webkit-transition: -webkit-transform 0.5s; | ||
+ | -moz-transition: -moz-transform 0.5s; | ||
+ | transition: transform 0.5s; | ||
+ | -webkit-transform: rotateX(-90deg); | ||
+ | -moz-transform: rotateX(-90deg); | ||
+ | transform: rotateX(-90deg); | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <!-- <script src="js/modernizr.custom.js"></script> --> | ||
+ | <script> | ||
+ | /* Modernizr 2.6.2 (Custom Build) | MIT & BSD | ||
+ | * Build: http://modernizr.com/download/#-csstransforms3d-shiv-cssclasses-teststyles-testprop-testallprops-prefixes-domprefixes-load | ||
+ | */ | ||
+ | ;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a){var e=a[d];if(!C(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+o.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["­",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},x={}.hasOwnProperty,y;!B(x,"undefined")&&!B(x.call,"undefined")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e}),q.csstransforms3d=function(){var a=!!F("perspective");return a&&"webkitPerspective"in g.style&&w("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a};for(var G in q)y(q,G)&&(v=G.toLowerCase(),e[v]=q[G](),t.push((e[v]?"":"no-")+v));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)y(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},z(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+t.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))}; | ||
+ | </script> | ||
+ | |||
+ | <!--[if IE]> | ||
+ | <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> | ||
+ | <![endif]--> | ||
+ | </head> | ||
+ | <body> | ||
+ | <main> | ||
+ | <div id="st-container" class="st-container"> | ||
+ | <div class="st-pusher"> | ||
+ | |||
+ | <!--Sidebar button--> | ||
+ | <div id="st-trigger-effects"> | ||
+ | <button data-effect="st-effect-1" class="button button--rayen button--border button--round-m" data-text="More"> | ||
+ | <span><img src="img/scroll-down-arrow.png"></span> | ||
+ | </button> | ||
+ | </div> | ||
+ | <!--End of Sidebar button--> | ||
+ | |||
+ | <!--Header--> | ||
+ | <header id="ha-header" class="ha-header ha-header-large"> | ||
+ | <div class="ha-header-perspective"> | ||
+ | <div class="ha-header-front" style="height: 120px"> | ||
+ | <h1><span>IGem Default Header</span></h1> | ||
+ | <nav> | ||
+ | <a href="http://tympanus.net/Development/AnimatedBooks/">Login</a> | ||
+ | <a>Something</a> | ||
+ | <a>Anything</a> | ||
+ | <a href="http://tympanus.net/codrops/?p=15935">Back to the article</a> | ||
+ | </nav> | ||
+ | </div> | ||
+ | <div class="ha-header-bottom"> | ||
+ | <h1 style="margin-left: 40%;">IGem Team NUS</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | </header> | ||
+ | <!--End of Header--> | ||
+ | |||
+ | <!--Side Bar--> | ||
+ | <nav class="st-menu st-effect-1 list-group panel" id="menu-1" style="overflow: auto;"> | ||
+ | <h2 class="icon icon-lab">Sidebar</h2> | ||
+ | <ul> | ||
+ | <li><a class="icon icon-data" onclick="growDiv('1')" id="menu-item-1" href="#">Data Management</a> | ||
+ | <div class="grow" id="grow-1"> | ||
+ | <div class='measuringWrapper'> | ||
+ | <a href="#" class="list-group-item">Subitem 1</a> | ||
+ | <a href="#" class="list-group-item">Subitem 2</a> | ||
+ | <a href="#" class="list-group-item">Subitem 3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a class="icon icon-location" onclick="growDiv('2')" id="menu-item-2" href="#">Location</a> | ||
+ | <div class="grow" id="grow-2"> | ||
+ | <div class='measuringWrapper'> | ||
+ | <a href="#" class="list-group-item">Subitem 1</a> | ||
+ | <a href="#" class="list-group-item">Subitem 2</a> | ||
+ | <a href="#" class="list-group-item">Subitem 3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a class="icon icon-study" onclick="growDiv('3')" id="menu-item-3" href="#">Study</a> | ||
+ | <div class="grow" id="grow-3"> | ||
+ | <div class='measuringWrapper'> | ||
+ | <a href="#" class="list-group-item">Subitem 1</a> | ||
+ | <a href="#" class="list-group-item">Subitem 2</a> | ||
+ | <a href="#" class="list-group-item">Subitem 3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a class="icon icon-photo" onclick="growDiv('4')" id="menu-item-4" href="#">Collections</a> | ||
+ | <div class="grow" id="grow-4"> | ||
+ | <div class='measuringWrapper'> | ||
+ | <a href="#" class="list-group-item">Subitem 1</a> | ||
+ | <a href="#" class="list-group-item">Subitem 2</a> | ||
+ | <a href="#" class="list-group-item">Subitem 3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a class="icon icon-wallet" onclick="growDiv('5')" id="menu-item-5" href="#">Credits</a> | ||
+ | <div class="grow" id="grow-5"> | ||
+ | <div class='measuringWrapper'> | ||
+ | <a href="#" class="list-group-item">Subitem 1</a> | ||
+ | <a href="#" class="list-group-item">Subitem 2</a> | ||
+ | <a href="#" class="list-group-item">Subitem 3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <!--End of Side Bar--> | ||
+ | |||
+ | <!--Sub header--> | ||
+ | <p class="message">Please view this wiki site on a larger screen.</p> | ||
+ | |||
+ | <section class="content"> | ||
+ | <div class="content__inner"> | ||
+ | <h2 class="content__title">Project Intro</h2> | ||
+ | <h3 class="content__subtitle">Sub-title</h3> | ||
+ | <p class="margin-paragraph"><strong>margin-paragraph</strong></p> | ||
+ | <p class="margin-paragraph"><strong>margin-paragraph</strong></p> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!--End of Sub header--> | ||
+ | |||
+ | |||
+ | <!-- End of Map --> | ||
+ | <section class="interactive-points interactive-points--alter" id="interactive-2" tabindex="0"> | ||
+ | <img class="static" src="img/map.png" alt="Map of London" /> | ||
+ | <div class="backgrounds"> | ||
+ | <div class="background__element" style="background-image: url(img/1.jpg)"></div> | ||
+ | <div class="background__element" style="background-image: url(img/2.jpg)"></div> | ||
+ | <div class="background__element" style="background-image: url(img/3.jpg)"></div> | ||
+ | <div class="background__element" style="background-image: url(img/4.jpg)"></div> | ||
+ | <div class="background__element" style="background-image: url(img/5.jpg)"></div> | ||
+ | <div class="background__element" style="background-image: url(img/6.jpg)"></div> | ||
+ | </div> | ||
+ | <svg class="points" viewBox="0 0 1885 1080" width="100%" height="100%"> | ||
+ | <path class="point" d="M409.2,195.4L409.2,195.4c-7.1-7.1-18.6-7.1-25.7,0l0,0c-6.4,6.4-7.1,18.4-1.7,25.7l14.5,21l14.5-21C416.3,213.8,415.6,201.8,409.2,195.4z"/> | ||
+ | <path class="point" d="M1069.3,589.7L1069.3,589.7c-7.1-7.1-18.6-7.1-25.7,0l0,0c-6.4,6.4-7.1,18.4-1.7,25.7l14.5,21l14.5-21C1076.4,608.2,1075.7,596.1,1069.3,589.7z"/> | ||
+ | <path class="point" d="M1533.8,114.2L1533.8,114.2c-7.1-7.1-18.6-7.1-25.7,0l0,0c-6.4,6.4-7.1,18.4-1.7,25.7l14.5,21l14.5-21C1541,132.6,1540.2,120.6,1533.8,114.2z"/> | ||
+ | <path class="point" d="M878.9,247.4L878.9,247.4c-7.1-7.1-18.6-7.1-25.7,0l0,0c-6.4,6.4-7.1,18.4-1.7,25.7l14.5,21l14.5-21C886,265.8,885.3,253.8,878.9,247.4z"/> | ||
+ | <path class="point" d="M615.2,658.3L615.2,658.3c-7.1-7.1-18.6-7.1-25.7,0l0,0c-6.4,6.4-7.1,18.4-1.7,25.7l14.5,21l14.5-21C622.3,676.8,621.6,664.7,615.2,658.3z"/> | ||
+ | <path class="point" d="M183.5,524L183.5,524c-7.1-7.1-18.6-7.1-25.7,0l0,0c-6.4,6.4-7.1,18.4-1.7,25.7l14.5,21l14.5-21C190.6,542.5,189.9,530.4,183.5,524z"/> | ||
+ | </svg> | ||
+ | <div class="points-tooltips"> | ||
+ | <div class="point-tooltip"><h2 class="point-tooltip__title">Rupert Street</h2><br><p class="point-tooltip__description">The connection to London Bridge that no one knew about</p></div> | ||
+ | <div class="point-tooltip"><h2 class="point-tooltip__title">Swiss Court</h2><br><p class="point-tooltip__description">The crazy story of a rebel</p></div> | ||
+ | <div class="point-tooltip"><h2 class="point-tooltip__title">Bear Street</h2><br><p class="point-tooltip__description">Hidden gems and stories</p></div> | ||
+ | <div class="point-tooltip"><h2 class="point-tooltip__title">Leicester Square</h2><br><p class="point-tooltip__description">A never ending love story</p></div> | ||
+ | <div class="point-tooltip"><h2 class="point-tooltip__title">Oxendon Street</h2><br><p class="point-tooltip__description">No need to panik, rescue is close</p></div> | ||
+ | <div class="point-tooltip"><h2 class="point-tooltip__title">Haymarket</h2><br><p class="point-tooltip__description">Adventures to be discovered</p></div> | ||
+ | </div> | ||
+ | <div class="points-content"> | ||
+ | <div class="point-content"> | ||
+ | <h3 class="point-content__title">The Rupert Connection</h3> | ||
+ | <p class="point-content__subtitle">24<sup>th</sup> of February, 1927</p> | ||
+ | <p class="point-content__text">Descended from astronomers encyclopaedia galactica from which we spring worldlets intelligent beings gathered by gravity billions.</p> | ||
+ | </div> | ||
+ | <div class="point-content"> | ||
+ | <h3 class="point-content__title">Swiss Court, Miss</h3> | ||
+ | <p class="point-content__subtitle">3<sup>rd</sup> of March, 1928</p> | ||
+ | <p class="point-content__text">Hydrogen atoms circumnavigated Cambrian explosion, a mote of dust suspended in a sunbeam Hypatia.</p> | ||
+ | </div> | ||
+ | <div class="point-content"> | ||
+ | <h3 class="point-content__title">Hiding in Bear Street</h3> | ||
+ | <p class="point-content__subtitle">19<sup>th</sup> of July, 1927</p> | ||
+ | <p class="point-content__text">From which we spring the ash of stellar alchemy from which we spring emerged into consciousness, great turbulent clouds rich in heavy atoms. </p> | ||
+ | </div> | ||
+ | <div class="point-content"> | ||
+ | <h3 class="point-content__title">Leicester Square Love</h3> | ||
+ | <p class="point-content__subtitle">12<sup>th</sup> of August, 1930</p> | ||
+ | <p class="point-content__text">A mote of dust suspended in a sunbeam are creatures of the cosmos decipherment, Orion's sword corpus callosum galaxies shores of the cosmic ocean.</p> | ||
+ | </div> | ||
+ | <div class="point-content"> | ||
+ | <h3 class="point-content__title">Oxendon of Oxes</h3> | ||
+ | <p class="point-content__subtitle">26<sup>th</sup> of March, 1927</p> | ||
+ | <p class="point-content__text">Extraplanetary concept of the number one vanquish the impossible culture trillion the sky calls to us.</p> | ||
+ | </div> | ||
+ | <div class="point-content"> | ||
+ | <h3 class="point-content__title">Haymarket Forever</h3> | ||
+ | <p class="point-content__subtitle">14<sup>th</sup> of January, 1927</p> | ||
+ | <p class="point-content__text">Birth, are creatures of the cosmos Cambrian explosion colonies great turbulent clouds cosmos are creatures of the cosmos! Great turbulent clouds.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- End of Map --> | ||
+ | |||
+ | |||
+ | <section class="ha-waypoint" data-animate-down="ha-header-rotate" data-animate-up="ha-header-rotateBack"> | ||
+ | <p>At the present time, eminent breeders try by methodical selection, with a distinct object in view, to make a new strain or sub-breed, superior to anything of the kind in the country. But, for our purpose, a form of selection, which may be called unconscious, and which results from every one trying to possess and breed from the best individual animals, is more important. Thus, a man who intends keeping pointers naturally tries to get as good dogs as he can, and afterwards breeds from his own best dogs, but he has no wish or expectation of permanently altering the breed. Nevertheless we may infer that this process, continued during centuries, would improve and modify any breed, in the same way as Bakewell, Collins, etc., by this very same process, only carried on more methodically, did greatly modify, even during their lifetimes, the forms and qualities of their cattle. Slow and insensible changes of this kind could never be recognised unless actual measurements or careful drawings of the breeds in question have been made long ago, which may serve for comparison. In some cases, however, unchanged, or but little changed, individuals of the same breed exist in less civilised districts, where the breed has been less improved. There is reason to believe that King Charles' spaniel has been unconsciously modified to a large extent since the time of that monarch. Some highly competent authorities are convinced that the setter is directly derived from the spaniel, and has probably been slowly altered from it. It is known that the English pointer has been greatly changed within the last century, and in this case the change has, it is believed, been chiefly effected by crosses with the foxhound; but what concerns us is, that the change has been effected unconsciously and gradually, and yet so effectually that, though the old Spanish pointer certainly came from Spain, Mr. Borrow has not seen, as I am informed by him, any native dog in Spain like our pointer.</p> | ||
+ | <p>By a similar process of selection, and by careful training, English race-horses have come to surpass in fleetness and size the parent Arabs, so that the latter, by the regulations for the Goodwood Races, are favoured in the weights which they carry. Lord Spencer and others have shown how the cattle of England have increased in weight and in early maturity, compared with the stock formerly kept in this country. By comparing the accounts given in various old treatises of the former and present state of carrier and tumbler pigeons in Britain, India, and Persia, we can trace the stages through which they have insensibly passed, and come to differ so greatly from the rock-pigeon.</p> | ||
+ | <p>Youatt gives an excellent illustration of the effects of a course of selection which may be considered as unconscious, in so far that the breeders could never have expected, or even wished, to produce the result which ensued—namely, the production of the distinct strains. The two flocks of Leicester sheep kept by Mr. Buckley and Mr. Burgess, as Mr. Youatt remarks, "Have been purely bred from the original stock of Mr. Bakewell for upwards of fifty years. There is not a suspicion existing in the mind of any one at all acquainted with the subject that the owner of either of them has deviated in any one instance from the pure blood of Mr. Bakewell's flock, and yet the difference between the sheep possessed by these two gentlemen is so great that they have the appearance of being quite different varieties."</p> | ||
+ | <p>If there exist savages so barbarous as never to think of the inherited character of the offspring of their domestic animals, yet any one animal particularly useful to them, for any special purpose, would be carefully preserved during famines and other accidents, to which savages are so liable, and such choice animals would thus generally leave more offspring than the inferior ones; so that in this case there would be a kind of unconscious selection going on. We see the value set on animals even by the barbarians of Tierra del Fuego, by their killing and devouring their old women, in times of dearth, as of less value than their dogs.</p> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <section class="content content--related"> | ||
+ | <p><strong>Content Section here</strong></p> | ||
+ | </section> | ||
+ | </div><!-- /st-pusher --> | ||
+ | </div><!-- /st-container --> | ||
+ | </main> | ||
+ | <!-- <script src="js/lunar.js"></script> --> | ||
+ | <script> | ||
+ | (function (root, factory) { | ||
+ | if (typeof define === 'function' && define.amd) { | ||
+ | define(factory); | ||
+ | } else if (typeof exports === 'object') { | ||
+ | module.exports = factory; | ||
+ | } else { | ||
+ | root.lunar = factory(); | ||
+ | } | ||
+ | })(this, function () { | ||
+ | |||
+ | 'use strict'; | ||
+ | |||
+ | var lunar = {}; | ||
+ | |||
+ | lunar.hasClass = function (elem, name) { | ||
+ | return new RegExp('(\\s|^)' + name + '(\\s|$)').test(elem.getAttribute('class')); | ||
+ | }; | ||
+ | |||
+ | lunar.addClass = function (elem, name) { | ||
+ | !lunar.hasClass(elem, name) && elem.setAttribute('class', (!!elem.getAttribute('class') ? elem.getAttribute('class') + ' ' : '') + name); | ||
+ | }; | ||
+ | |||
+ | lunar.removeClass = function (elem, name) { | ||
+ | var remove = elem.getAttribute('class').replace(new RegExp('(\\s|^)' + name + '(\\s|$)', 'g'), '$2'); | ||
+ | lunar.hasClass(elem, name) && elem.setAttribute('class', remove); | ||
+ | }; | ||
+ | |||
+ | lunar.toggleClass = function (elem, name) { | ||
+ | lunar[lunar.hasClass(elem, name) ? 'removeClass' : 'addClass'](elem, name); | ||
+ | }; | ||
+ | |||
+ | return lunar; | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <!-- <script src="js/imagesloaded.pkgd.min.js"></script> --> | ||
+ | <script> | ||
+ | /*! | ||
+ | * imagesLoaded PACKAGED v4.1.0 | ||
+ | * JavaScript is all like "You images are done yet or what?" | ||
+ | * MIT License | ||
+ | */ | ||
+ | |||
+ | !function(t,e){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",e):"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}(this,function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var i=this._events=this._events||{},n=i[t]=i[t]||[];return-1==n.indexOf(e)&&n.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var i=this._onceEvents=this._onceEvents||{},n=i[t]=i[t]||[];return n[e]=!0,this}},e.off=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var n=i.indexOf(e);return-1!=n&&i.splice(n,1),this}},e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var n=0,o=i[n];e=e||[];for(var r=this._onceEvents&&this._onceEvents[t];o;){var s=r&&r[o];s&&(this.off(t,o),delete r[o]),o.apply(this,e),n+=s?0:1,o=i[n]}return this}},t}),function(t,e){"use strict";"function"==typeof define&&define.amd?define(["ev-emitter/ev-emitter"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter")):t.imagesLoaded=e(t,t.EvEmitter)}(window,function(t,e){function i(t,e){for(var i in e)t[i]=e[i];return t}function n(t){var e=[];if(Array.isArray(t))e=t;else if("number"==typeof t.length)for(var i=0;i<t.length;i++)e.push(t[i]);else e.push(t);return e}function o(t,e,r){return this instanceof o?("string"==typeof t&&(t=document.querySelectorAll(t)),this.elements=n(t),this.options=i({},this.options),"function"==typeof e?r=e:i(this.options,e),r&&this.on("always",r),this.getImages(),h&&(this.jqDeferred=new h.Deferred),void setTimeout(function(){this.check()}.bind(this))):new o(t,e,r)}function r(t){this.img=t}function s(t,e){this.url=t,this.element=e,this.img=new Image}var h=t.jQuery,a=t.console;o.prototype=Object.create(e.prototype),o.prototype.options={},o.prototype.getImages=function(){this.images=[],this.elements.forEach(this.addElementImages,this)},o.prototype.addElementImages=function(t){"IMG"==t.nodeName&&this.addImage(t),this.options.background===!0&&this.addElementBackgroundImages(t);var e=t.nodeType;if(e&&d[e]){for(var i=t.querySelectorAll("img"),n=0;n<i.length;n++){var o=i[n];this.addImage(o)}if("string"==typeof this.options.background){var r=t.querySelectorAll(this.options.background);for(n=0;n<r.length;n++){var s=r[n];this.addElementBackgroundImages(s)}}}};var d={1:!0,9:!0,11:!0};return o.prototype.addElementBackgroundImages=function(t){var e=getComputedStyle(t);if(e)for(var i=/url\((['"])?(.*?)\1\)/gi,n=i.exec(e.backgroundImage);null!==n;){var o=n&&n[2];o&&this.addBackground(o,t),n=i.exec(e.backgroundImage)}},o.prototype.addImage=function(t){var e=new r(t);this.images.push(e)},o.prototype.addBackground=function(t,e){var i=new s(t,e);this.images.push(i)},o.prototype.check=function(){function t(t,i,n){setTimeout(function(){e.progress(t,i,n)})}var e=this;return this.progressedCount=0,this.hasAnyBroken=!1,this.images.length?void this.images.forEach(function(e){e.once("progress",t),e.check()}):void this.complete()},o.prototype.progress=function(t,e,i){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!t.isLoaded,this.emitEvent("progress",[this,t,e]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,t),this.progressedCount==this.images.length&&this.complete(),this.options.debug&&a&&a.log("progress: "+i,t,e)},o.prototype.complete=function(){var t=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(t,[this]),this.emitEvent("always",[this]),this.jqDeferred){var e=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[e](this)}},r.prototype=Object.create(e.prototype),r.prototype.check=function(){var t=this.getIsImageComplete();return t?void this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),void(this.proxyImage.src=this.img.src))},r.prototype.getIsImageComplete=function(){return this.img.complete&&void 0!==this.img.naturalWidth},r.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.img,e])},r.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},r.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},r.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},r.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},s.prototype=Object.create(r.prototype),s.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url;var t=this.getIsImageComplete();t&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},s.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},s.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.element,e])},o.makeJQueryPlugin=function(e){e=e||t.jQuery,e&&(h=e,h.fn.imagesLoaded=function(t,e){var i=new o(this,t,e);return i.jqDeferred.promise(h(this))})},o.makeJQueryPlugin(),o}); | ||
+ | </script> | ||
+ | |||
+ | <!-- <script src="js/main.js"></script> --> | ||
+ | <script> | ||
+ | /** | ||
+ | * main.js | ||
+ | * http://www.codrops.com | ||
+ | * | ||
+ | * Licensed under the MIT license. | ||
+ | * http://www.opensource.org/licenses/mit-license.php | ||
+ | * | ||
+ | * Copyright 2016, Codrops | ||
+ | * http://www.codrops.com | ||
+ | */ | ||
+ | ;(function(window) { | ||
+ | |||
+ | 'use strict'; | ||
+ | |||
+ | // Helper vars and functions. | ||
+ | function extend(a, b) { | ||
+ | for( var key in b ) { | ||
+ | if( b.hasOwnProperty( key ) ) { | ||
+ | a[key] = b[key]; | ||
+ | } | ||
+ | } | ||
+ | return a; | ||
+ | } | ||
+ | /** | ||
+ | * Throttle fn: From https://sberry.me/articles/javascript-event-throttling-and-debouncing | ||
+ | */ | ||
+ | function throttle(fn, delay) { | ||
+ | var allowSample = true; | ||
+ | |||
+ | return function(e) { | ||
+ | if (allowSample) { | ||
+ | allowSample = false; | ||
+ | setTimeout(function() { allowSample = true; }, delay); | ||
+ | fn(e); | ||
+ | } | ||
+ | }; | ||
+ | } | ||
+ | /** | ||
+ | * Mouse position: From http://www.quirksmode.org/js/events_properties.html#position. | ||
+ | */ | ||
+ | function getMousePos(e) { | ||
+ | var posx = 0, posy = 0; | ||
+ | if (!e) var e = window.event; | ||
+ | if (e.pageX || e.pageY) { | ||
+ | posx = e.pageX; | ||
+ | posy = e.pageY; | ||
+ | } | ||
+ | else if (e.clientX || e.clientY) { | ||
+ | posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; | ||
+ | posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop; | ||
+ | } | ||
+ | return { x : posx, y : posy }; | ||
+ | } | ||
+ | /** | ||
+ | * Distance between two points P1 (x1,y1) and P2 (x2,y2). | ||
+ | */ | ||
+ | function distancePoints(x1, y1, x2, y2) { | ||
+ | return Math.sqrt((x1-x2)*(x1-x2) + (y1-y2)*(y1-y2)); | ||
+ | } | ||
+ | /** | ||
+ | * Equation of a line. | ||
+ | */ | ||
+ | function lineEq(y2, y1, x2, x1, currentVal) { | ||
+ | // y = mx + b | ||
+ | var m = (y2 - y1) / (x2 - x1), | ||
+ | b = y1 - m * x1; | ||
+ | |||
+ | return m * currentVal + b; | ||
+ | } | ||
+ | |||
+ | var docScrolls = {left : document.body.scrollLeft + document.documentElement.scrollLeft, top : document.body.scrollTop + document.documentElement.scrollTop}; | ||
+ | |||
+ | /** | ||
+ | * Point obj. | ||
+ | */ | ||
+ | function Point(el, bgEl, wrapper, options) { | ||
+ | this.el = el; | ||
+ | this.wrapper = wrapper; | ||
+ | // Options/Settings. | ||
+ | this.options = extend( {}, this.options ); | ||
+ | extend( this.options, options ); | ||
+ | // A Point obj has a background element (img, video, ..) and a point/position (x,y) in the canvas. | ||
+ | this.bgEl = bgEl; | ||
+ | // The position of the point. | ||
+ | this.position = this._updatePosition(); | ||
+ | // When the mouse is dmax away from the point, its image gets opacity = 0. | ||
+ | this.dmax = this.options.viewportFactor != -1 && this.options.viewportFactor > 0 ? this.wrapper.offsetWidth/this.options.viewportFactor : this.options.maxDistance; | ||
+ | if( this.dmax < this.options.activeOn ) { | ||
+ | this.options.activeOn = this.dmax-5; // todo | ||
+ | } | ||
+ | // Init/Bind events. | ||
+ | this._initEvents(); | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Point options/settings. | ||
+ | */ | ||
+ | Point.prototype.options = { | ||
+ | // Maximum opacity that the bgEl can have. | ||
+ | maxOpacity : 1, | ||
+ | // When the mouse is [activeOn]px away from the point, its image gets opacity = this.options.maxOpacity. | ||
+ | activeOn : 20, | ||
+ | // The distance from the mouse pointer to a Point where the opacity of the background element is 0. | ||
+ | maxDistance : 100, | ||
+ | // If viewportFactor is different than -1, then the maxDistance will be overwritten by [window´s width / viewportFactor] | ||
+ | viewportFactor : -1, | ||
+ | onActive : function() { return false; }, | ||
+ | onInactive : function() { return false; }, | ||
+ | onClick : function() { return false; } | ||
+ | }; | ||
+ | |||
+ | /** | ||
+ | * Initialize/Bind events. | ||
+ | */ | ||
+ | Point.prototype._initEvents = function() { | ||
+ | var self = this; | ||
+ | |||
+ | // Mousemove event. | ||
+ | this._throttleMousemove = throttle(function(ev) { | ||
+ | requestAnimationFrame(function() { | ||
+ | // Mouse position relative to the mapEl. | ||
+ | var mousepos = getMousePos(ev); | ||
+ | // Calculate the opacity value. | ||
+ | if( self.bgEl ) { | ||
+ | // Distance from the position of the point to the mouse position. | ||
+ | var distance = distancePoints(mousepos.x - docScrolls.left, mousepos.y - docScrolls.top, self.position.x - docScrolls.left, self.position.y - docScrolls.top), | ||
+ | // Convert this distance to a opacity value. (distance = 0 -> opacity = 1). | ||
+ | opacity = self._distanceToOpacity(distance); | ||
+ | |||
+ | self.bgEl.style.opacity = opacity; | ||
+ | |||
+ | // Callback | ||
+ | if( !self.isActive && opacity === self.options.maxOpacity ) { | ||
+ | self.options.onActive(); | ||
+ | self.isActive = true; | ||
+ | } | ||
+ | |||
+ | if( opacity !== self.options.maxOpacity && self.isActive ) { | ||
+ | self.options.onInactive(); | ||
+ | self.isActive = false; | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | }, 20); | ||
+ | this.wrapper.addEventListener('mousemove', this._throttleMousemove); | ||
+ | |||
+ | // Clicking a point. | ||
+ | this._click = function(ev) { | ||
+ | // Callback. | ||
+ | self.options.onClick(); | ||
+ | }; | ||
+ | this.el.addEventListener('click', this._click); | ||
+ | |||
+ | // Window resize. | ||
+ | this._throttleResize = throttle(function() { | ||
+ | // Update Point´s position. | ||
+ | self.position = self._updatePosition(); | ||
+ | // Update dmax | ||
+ | if( self.options.viewportFactor != -1 && self.options.viewportFactor > 0 ) { | ||
+ | self.dmax = self.wrapper.offsetWidth/self.options.viewportFactor; | ||
+ | } | ||
+ | }, 100); | ||
+ | window.addEventListener('resize', this._throttleResize); | ||
+ | |||
+ | // Set the opacity of the bgEl to 0 when leaving the wrapper area.. | ||
+ | this.wrapper.addEventListener('mouseleave', function() { | ||
+ | if( !self.isActive ) { | ||
+ | self.bgEl.style.opacity = 0; | ||
+ | } | ||
+ | }); | ||
+ | }; | ||
+ | |||
+ | /** | ||
+ | * Update Point´s position. | ||
+ | */ | ||
+ | Point.prototype._updatePosition = function() { | ||
+ | var rect = this.el.getBoundingClientRect(), bbox = this.el.getBBox(); | ||
+ | // Also update origins.. | ||
+ | this.el.style.transformOrigin = this.el.style.WebkitTransformOrigin = (bbox.x + rect.width/2) + 'px ' + (bbox.y + rect.height) + 'px'; | ||
+ | return {x : rect.left + rect.width/2 + docScrolls.left, y : rect.top + rect.height/2 + docScrolls.top}; | ||
+ | }; | ||
+ | |||
+ | /** | ||
+ | * Maps the distance to opacity. | ||
+ | */ | ||
+ | Point.prototype._distanceToOpacity = function(d) { | ||
+ | return Math.min(Math.max(lineEq(this.options.maxOpacity, 0, this.options.activeOn, this.dmax, d), 0), this.options.maxOpacity); | ||
+ | }; | ||
+ | |||
+ | /** | ||
+ | * Hides the Point. | ||
+ | */ | ||
+ | Point.prototype.hide = function() { | ||
+ | lunar.addClass(this.el, 'point--hide'); | ||
+ | }; | ||
+ | |||
+ | /** | ||
+ | * | ||
+ | */ | ||
+ | Point.prototype.show = function() { | ||
+ | lunar.removeClass(this.el, 'point--hide') | ||
+ | }; | ||
+ | |||
+ | /** | ||
+ | * | ||
+ | */ | ||
+ | Point.prototype.pause = function() { | ||
+ | this.wrapper.removeEventListener('mousemove', this._throttleMousemove); | ||
+ | }; | ||
+ | |||
+ | /** | ||
+ | * | ||
+ | */ | ||
+ | Point.prototype.resume = function() { | ||
+ | this.wrapper.addEventListener('mousemove', this._throttleMousemove); | ||
+ | }; | ||
+ | |||
+ | /** | ||
+ | * PointsMap obj. | ||
+ | */ | ||
+ | function PointsMap(el, options) { | ||
+ | this.el = el; | ||
+ | // Options/Settings. | ||
+ | this.options = extend( {}, this.options ); | ||
+ | extend( this.options, options ); | ||
+ | |||
+ | // Backgrounds container. | ||
+ | this.bgsWrapper = this.el.querySelector('.backgrounds'); | ||
+ | if( !this.bgsWrapper ) { return; } | ||
+ | |||
+ | // Background elements. | ||
+ | this.bgElems = [].slice.call(this.bgsWrapper.querySelectorAll('.background__element')); | ||
+ | // Total background elements. | ||
+ | this.bgElemsTotal = this.bgElems.length; | ||
+ | if( this.bgElemsTotal <= 1 ) { return; } | ||
+ | |||
+ | // Points container. | ||
+ | this.pointsWrapper = this.el.querySelector('.points'); | ||
+ | if( !this.pointsWrapper || getComputedStyle(this.pointsWrapper, null).display === 'none' ) { return; } | ||
+ | |||
+ | // Points tooltips | ||
+ | this.tooltips = [].slice.call(this.el.querySelector('.points-tooltips').children); | ||
+ | |||
+ | // Points´s content | ||
+ | this.pointsContentWrapper = this.el.querySelector('.points-content'); | ||
+ | this.contents = [].slice.call(this.pointsContentWrapper.children); | ||
+ | |||
+ | // Init.. | ||
+ | this._init(); | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * PointsMap options/settings. | ||
+ | */ | ||
+ | PointsMap.prototype.options = { | ||
+ | // Maximum opacity that the background element of a Point can have when the point is active (mouse gets closer to it). | ||
+ | maxOpacityOnActive : 0.3, | ||
+ | // The distance from the mouse pointer to a Point where the opacity of the background element is 0. | ||
+ | maxDistance : 100, | ||
+ | // If viewportFactor is different than -1, then the maxDistance will be overwritten by [point´s parent width / viewportFactor] | ||
+ | viewportFactor : 9, | ||
+ | // When the mouse is [activeOn]px away from one point, its image gets opacity = point.options.maxOpacity. | ||
+ | activeOn : 30 | ||
+ | }; | ||
+ | |||
+ | /** | ||
+ | * Init. | ||
+ | */ | ||
+ | PointsMap.prototype._init = function() { | ||
+ | var self = this, | ||
+ | onLoaded = function() { | ||
+ | // Create the Points. | ||
+ | self._createPoints(); | ||
+ | }; | ||
+ | |||
+ | // Preload all images. | ||
+ | imagesLoaded(this.bgsWrapper, { background: true }, onLoaded); | ||
+ | |||
+ | // Init/Bind events. | ||
+ | this._initEvents(); | ||
+ | }; | ||
+ | |||
+ | /** | ||
+ | * Init/Bind events. | ||
+ | */ | ||
+ | PointsMap.prototype._initEvents = function() { | ||
+ | var self = this; | ||
+ | |||
+ | // Window resize. | ||
+ | this._throttleResize = throttle(function() { | ||
+ | // Update Document scroll values. | ||
+ | docScrolls = {left : document.body.scrollLeft + document.documentElement.scrollLeft, top : document.body.scrollTop + document.documentElement.scrollTop}; | ||
+ | }, 100); | ||
+ | window.addEventListener('resize', this._throttleResize); | ||
+ | |||
+ | // Close content. | ||
+ | this._closeContent = function() { | ||
+ | var currentPoint = self.points[self.currentPoint]; | ||
+ | currentPoint.isActive = false; | ||
+ | // Hide Point´s bgEl. | ||
+ | currentPoint.bgEl.style.opacity = 0; | ||
+ | // Hide content. | ||
+ | self.pointsContentWrapper.classList.remove('points-content--open'); | ||
+ | self.contents[self.currentPoint].classList.remove('point-content--current'); | ||
+ | // Start mousemove event on Points. | ||
+ | self._pointsAction('resume'); | ||
+ | // Show all points. | ||
+ | self._pointsAction('show'); | ||
+ | }; | ||
+ | this.pointsContentWrapper.addEventListener('click', this._closeContent); | ||
+ | |||
+ | // Keyboard navigation events. | ||
+ | this.el.addEventListener('keydown', function(ev) { | ||
+ | var keyCode = ev.keyCode || ev.which; | ||
+ | if( keyCode === 27 ) { | ||
+ | self._closeContent(); | ||
+ | } | ||
+ | }); | ||
+ | }; | ||
+ | |||
+ | /** | ||
+ | * Create the Points. | ||
+ | */ | ||
+ | PointsMap.prototype._createPoints = function() { | ||
+ | this.points = []; | ||
+ | |||
+ | var self = this; | ||
+ | [].slice.call(this.pointsWrapper.querySelectorAll('.point')).forEach(function(point, pos) { | ||
+ | var p = new Point(point, self.bgElems[pos], self.el, { | ||
+ | maxOpacity : self.options.maxOpacityOnActive, | ||
+ | activeOn : self.options.activeOn, | ||
+ | maxDistance : self.options.maxDistance, | ||
+ | viewportFactor : self.options.viewportFactor, | ||
+ | onActive : function() { | ||
+ | // Add class active (scales up the pin and changes the fill color). | ||
+ | lunar.addClass(self.points[pos].el, 'point--active'); | ||
+ | // Hide all other points. | ||
+ | self._pointsAction('hide', pos); | ||
+ | // Show tooltip. | ||
+ | var tooltip = self.tooltips[pos]; | ||
+ | tooltip.classList.add('point-tooltip--current'); | ||
+ | // Position tooltip. | ||
+ | var rect = self.points[pos].el.getBoundingClientRect(), | ||
+ | bounds = self.el.getBoundingClientRect(); | ||
+ | |||
+ | tooltip.style.left = rect.left - bounds.left + rect.width/2 + 'px'; | ||
+ | tooltip.style.top = rect.top - bounds.top + rect.height + 'px'; | ||
+ | }, | ||
+ | onInactive : function() { | ||
+ | lunar.removeClass(self.points[pos].el, 'point--active'); | ||
+ | // Show all points. | ||
+ | self._pointsAction('show', pos); | ||
+ | // Hide tooltip. | ||
+ | self.tooltips[pos].classList.remove('point-tooltip--current'); | ||
+ | }, | ||
+ | onClick : function() { | ||
+ | self.currentPoint = pos; | ||
+ | lunar.removeClass(self.points[pos].el, 'point--active'); | ||
+ | // Hide the current point (and all other points). | ||
+ | self._pointsAction('hide'); | ||
+ | // Hide tooltip. | ||
+ | self.tooltips[pos].classList.remove('point-tooltip--current'); | ||
+ | // Stop mousemove event on Points. | ||
+ | self._pointsAction('pause'); | ||
+ | // Show Point´s bgEl. | ||
+ | self.points[pos].bgEl.style.opacity = 1; | ||
+ | // Show content. | ||
+ | self.pointsContentWrapper.classList.add('points-content--open'); | ||
+ | self.contents[pos].classList.add('point-content--current'); | ||
+ | } | ||
+ | }); | ||
+ | self.points.push(p); | ||
+ | }); | ||
+ | }; | ||
+ | |||
+ | /** | ||
+ | * Calls a Point´s fn. Excludes the point with index = excludedPoint. | ||
+ | */ | ||
+ | PointsMap.prototype._pointsAction = function(action, excludedPoint) { | ||
+ | for(var i = 0, len = this.points.length; i < len; ++i) { | ||
+ | if( i !== excludedPoint ) { | ||
+ | this.points[i][action](); | ||
+ | } | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | window.PointsMap = PointsMap; | ||
+ | document.documentElement.className = 'js'; | ||
+ | |||
+ | })(window); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | (function() { | ||
+ | new PointsMap(document.querySelector('#interactive-2'), { | ||
+ | // Maximum opacity that the background element of a Point can have when the point is active (mouse gets closer to it). | ||
+ | maxOpacityOnActive : 1, | ||
+ | // When the mouse is [activeOn]px away from one point, its image gets opacity = point.options.maxOpacity. | ||
+ | activeOn : 90 | ||
+ | }); | ||
+ | })(); | ||
+ | </script> | ||
+ | <!-- <script src="js/classie.js"></script> --> | ||
+ | <script> | ||
+ | /*! | ||
+ | * classie - class helper functions | ||
+ | * from bonzo https://github.com/ded/bonzo | ||
+ | * | ||
+ | * classie.has( elem, 'my-class' ) -> true/false | ||
+ | * classie.add( elem, 'my-new-class' ) | ||
+ | * classie.remove( elem, 'my-unwanted-class' ) | ||
+ | * classie.toggle( elem, 'my-class' ) | ||
+ | */ | ||
+ | |||
+ | /*jshint browser: true, strict: true, undef: true */ | ||
+ | /*global define: false */ | ||
+ | |||
+ | ( function( window ) { | ||
+ | |||
+ | 'use strict'; | ||
+ | |||
+ | // class helper functions from bonzo https://github.com/ded/bonzo | ||
+ | |||
+ | function classReg( className ) { | ||
+ | return new RegExp("(^|\\s+)" + className + "(\\s+|$)"); | ||
+ | } | ||
+ | |||
+ | // classList support for class management | ||
+ | // altho to be fair, the api sucks because it won't accept multiple classes at once | ||
+ | var hasClass, addClass, removeClass; | ||
+ | |||
+ | if ( 'classList' in document.documentElement ) { | ||
+ | hasClass = function( elem, c ) { | ||
+ | return elem.classList.contains( c ); | ||
+ | }; | ||
+ | addClass = function( elem, c ) { | ||
+ | elem.classList.add( c ); | ||
+ | }; | ||
+ | removeClass = function( elem, c ) { | ||
+ | elem.classList.remove( c ); | ||
+ | }; | ||
+ | } | ||
+ | else { | ||
+ | hasClass = function( elem, c ) { | ||
+ | return classReg( c ).test( elem.className ); | ||
+ | }; | ||
+ | addClass = function( elem, c ) { | ||
+ | if ( !hasClass( elem, c ) ) { | ||
+ | elem.className = elem.className + ' ' + c; | ||
+ | } | ||
+ | }; | ||
+ | removeClass = function( elem, c ) { | ||
+ | elem.className = elem.className.replace( classReg( c ), ' ' ); | ||
+ | }; | ||
+ | } | ||
+ | |||
+ | function toggleClass( elem, c ) { | ||
+ | var fn = hasClass( elem, c ) ? removeClass : addClass; | ||
+ | fn( elem, c ); | ||
+ | } | ||
+ | |||
+ | var classie = { | ||
+ | // full names | ||
+ | hasClass: hasClass, | ||
+ | addClass: addClass, | ||
+ | removeClass: removeClass, | ||
+ | toggleClass: toggleClass, | ||
+ | // short names | ||
+ | has: hasClass, | ||
+ | add: addClass, | ||
+ | remove: removeClass, | ||
+ | toggle: toggleClass | ||
+ | }; | ||
+ | |||
+ | // transport | ||
+ | if ( typeof define === 'function' && define.amd ) { | ||
+ | // AMD | ||
+ | define( classie ); | ||
+ | } else { | ||
+ | // browser global | ||
+ | window.classie = classie; | ||
+ | } | ||
+ | |||
+ | })( window ); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <!-- <script src="js/sidebarEffects.js"></script> --> | ||
+ | <script> | ||
+ | /** | ||
+ | * sidebarEffects.js v1.0.0 | ||
+ | * http://www.codrops.com | ||
+ | * | ||
+ | * Licensed under the MIT license. | ||
+ | * http://www.opensource.org/licenses/mit-license.php | ||
+ | * | ||
+ | * Copyright 2013, Codrops | ||
+ | * http://www.codrops.com | ||
+ | */ | ||
+ | var SidebarMenuEffects = (function() { | ||
+ | |||
+ | function hasParentClass( e, classname ) { | ||
+ | if(e === document) return false; | ||
+ | if( classie.has( e, classname ) ) { | ||
+ | return true; | ||
+ | } | ||
+ | return e.parentNode && hasParentClass( e.parentNode, classname ); | ||
+ | } | ||
+ | |||
+ | // http://coveroverflow.com/a/11381730/989439 | ||
+ | function mobilecheck() { | ||
+ | var check = false; | ||
+ | (function(a){if(/(android|ipad|playbook|silk|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true})(navigator.userAgent||navigator.vendor||window.opera); | ||
+ | return check; | ||
+ | } | ||
+ | |||
+ | function init() { | ||
+ | |||
+ | var container = document.getElementById( 'st-container' ), | ||
+ | buttons = Array.prototype.slice.call( document.querySelectorAll( '#st-trigger-effects > button' ) ), | ||
+ | // event type (if mobile use touch events) | ||
+ | eventtype = mobilecheck() ? 'touchstart' : 'click', | ||
+ | resetMenu = function() { | ||
+ | classie.remove( container, 'st-menu-open' ); | ||
+ | }, | ||
+ | bodyClickFn = function(evt) { | ||
+ | if( !hasParentClass( evt.target, 'st-menu' ) ) { | ||
+ | resetMenu(); | ||
+ | document.removeEventListener( eventtype, bodyClickFn ); | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | buttons.forEach( function( el, i ) { | ||
+ | var effect = el.getAttribute( 'data-effect' ); | ||
+ | |||
+ | el.addEventListener( eventtype, function( ev ) { | ||
+ | ev.stopPropagation(); | ||
+ | ev.preventDefault(); | ||
+ | container.className = 'st-container'; // clear | ||
+ | classie.add( container, effect ); | ||
+ | setTimeout( function() { | ||
+ | classie.add( container, 'st-menu-open' ); | ||
+ | }, 25 ); | ||
+ | document.addEventListener( eventtype, bodyClickFn ); | ||
+ | }); | ||
+ | } ); | ||
+ | |||
+ | } | ||
+ | |||
+ | init(); | ||
+ | |||
+ | })(); | ||
+ | </script> | ||
+ | |||
+ | <!-- <script src="js/jquery.min.js"></script> --> | ||
+ | <script> | ||
+ | /*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license | ||
+ | //@ sourceMappingURL=jquery.min.map | ||
+ | */ | ||
+ | (function(e,t){var n,r,i=typeof t,o=e.location,a=e.document,s=a.documentElement,l=e.jQuery,u=e.$,c={},p=[],f="1.10.2",d=p.concat,h=p.push,g=p.slice,m=p.indexOf,y=c.toString,v=c.hasOwnProperty,b=f.trim,x=function(e,t){return new x.fn.init(e,t,r)},w=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,T=/\S+/g,C=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,N=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,k=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,E=/^[\],:{}\s]*$/,S=/(?:^|:|,)(?:\s*\[)+/g,A=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,j=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,D=/^-ms-/,L=/-([\da-z])/gi,H=function(e,t){return t.toUpperCase()},q=function(e){(a.addEventListener||"load"===e.type||"complete"===a.readyState)&&(_(),x.ready())},_=function(){a.addEventListener?(a.removeEventListener("DOMContentLoaded",q,!1),e.removeEventListener("load",q,!1)):(a.detachEvent("onreadystatechange",q),e.detachEvent("onload",q))};x.fn=x.prototype={jquery:f,constructor:x,init:function(e,n,r){var i,o;if(!e)return this;if("string"==typeof e){if(i="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:N.exec(e),!i||!i[1]&&n)return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e);if(i[1]){if(n=n instanceof x?n[0]:n,x.merge(this,x.parseHTML(i[1],n&&n.nodeType?n.ownerDocument||n:a,!0)),k.test(i[1])&&x.isPlainObject(n))for(i in n)x.isFunction(this[i])?this[i](n[i]):this.attr(i,n[i]);return this}if(o=a.getElementById(i[2]),o&&o.parentNode){if(o.id!==i[2])return r.find(e);this.length=1,this[0]=o}return this.context=a,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):x.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),x.makeArray(e,this))},selector:"",length:0,toArray:function(){return g.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=x.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return x.each(this,e,t)},ready:function(e){return x.ready.promise().done(e),this},slice:function(){return this.pushStack(g.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(x.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:h,sort:[].sort,splice:[].splice},x.fn.init.prototype=x.fn,x.extend=x.fn.extend=function(){var e,n,r,i,o,a,s=arguments[0]||{},l=1,u=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[1]||{},l=2),"object"==typeof s||x.isFunction(s)||(s={}),u===l&&(s=this,--l);u>l;l++)if(null!=(o=arguments[l]))for(i in o)e=s[i],r=o[i],s!==r&&(c&&r&&(x.isPlainObject(r)||(n=x.isArray(r)))?(n?(n=!1,a=e&&x.isArray(e)?e:[]):a=e&&x.isPlainObject(e)?e:{},s[i]=x.extend(c,a,r)):r!==t&&(s[i]=r));return s},x.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===x&&(e.$=u),t&&e.jQuery===x&&(e.jQuery=l),x},isReady:!1,readyWait:1,holdReady:function(e){e?x.readyWait++:x.ready(!0)},ready:function(e){if(e===!0?!--x.readyWait:!x.isReady){if(!a.body)return setTimeout(x.ready);x.isReady=!0,e!==!0&&--x.readyWait>0||(n.resolveWith(a,[x]),x.fn.trigger&&x(a).trigger("ready").off("ready"))}},isFunction:function(e){return"function"===x.type(e)},isArray:Array.isArray||function(e){return"array"===x.type(e)},isWindow:function(e){return null!=e&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?c[y.call(e)]||"object":typeof e},isPlainObject:function(e){var n;if(!e||"object"!==x.type(e)||e.nodeType||x.isWindow(e))return!1;try{if(e.constructor&&!v.call(e,"constructor")&&!v.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(r){return!1}if(x.support.ownLast)for(n in e)return v.call(e,n);for(n in e);return n===t||v.call(e,n)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||a;var r=k.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=x.buildFragment([e],t,i),i&&x(i).remove(),x.merge([],r.childNodes))},parseJSON:function(n){return e.JSON&&e.JSON.parse?e.JSON.parse(n):null===n?n:"string"==typeof n&&(n=x.trim(n),n&&E.test(n.replace(A,"@").replace(j,"]").replace(S,"")))?Function("return "+n)():(x.error("Invalid JSON: "+n),t)},parseXML:function(n){var r,i;if(!n||"string"!=typeof n)return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(o){r=t}return r&&r.documentElement&&!r.getElementsByTagName("parsererror").length||x.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&x.trim(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(D,"ms-").replace(L,H)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,a=M(e);if(n){if(a){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(a){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:b&&!b.call("\ufeff\u00a0")?function(e){return null==e?"":b.call(e)}:function(e){return null==e?"":(e+"").replace(C,"")},makeArray:function(e,t){var n=t||[];return null!=e&&(M(Object(e))?x.merge(n,"string"==typeof e?[e]:e):h.call(n,e)),n},inArray:function(e,t,n){var r;if(t){if(m)return m.call(t,e,n);for(r=t.length,n=n?0>n?Math.max(0,r+n):n:0;r>n;n++)if(n in t&&t[n]===e)return n}return-1},merge:function(e,n){var r=n.length,i=e.length,o=0;if("number"==typeof r)for(;r>o;o++)e[i++]=n[o];else while(n[o]!==t)e[i++]=n[o++];return e.length=i,e},grep:function(e,t,n){var r,i=[],o=0,a=e.length;for(n=!!n;a>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,a=M(e),s=[];if(a)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(s[s.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(s[s.length]=r);return d.apply([],s)},guid:1,proxy:function(e,n){var r,i,o;return"string"==typeof n&&(o=e[n],n=e,e=o),x.isFunction(e)?(r=g.call(arguments,2),i=function(){return e.apply(n||this,r.concat(g.call(arguments)))},i.guid=e.guid=e.guid||x.guid++,i):t},access:function(e,n,r,i,o,a,s){var l=0,u=e.length,c=null==r;if("object"===x.type(r)){o=!0;for(l in r)x.access(e,n,l,r[l],!0,a,s)}else if(i!==t&&(o=!0,x.isFunction(i)||(s=!0),c&&(s?(n.call(e,i),n=null):(c=n,n=function(e,t,n){return c.call(x(e),n)})),n))for(;u>l;l++)n(e[l],r,s?i:i.call(e[l],l,n(e[l],r)));return o?e:c?n.call(e):u?n(e[0],r):a},now:function(){return(new Date).getTime()},swap:function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=a[o];return i}}),x.ready.promise=function(t){if(!n)if(n=x.Deferred(),"complete"===a.readyState)setTimeout(x.ready);else if(a.addEventListener)a.addEventListener("DOMContentLoaded",q,!1),e.addEventListener("load",q,!1);else{a.attachEvent("onreadystatechange",q),e.attachEvent("onload",q);var r=!1;try{r=null==e.frameElement&&a.documentElement}catch(i){}r&&r.doScroll&&function o(){if(!x.isReady){try{r.doScroll("left")}catch(e){return setTimeout(o,50)}_(),x.ready()}}()}return n.promise(t)},x.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){c["[object "+t+"]"]=t.toLowerCase()});function M(e){var t=e.length,n=x.type(e);return x.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}r=x(a),function(e,t){var n,r,i,o,a,s,l,u,c,p,f,d,h,g,m,y,v,b="sizzle"+-new Date,w=e.document,T=0,C=0,N=st(),k=st(),E=st(),S=!1,A=function(e,t){return e===t?(S=!0,0):0},j=typeof t,D=1<<31,L={}.hasOwnProperty,H=[],q=H.pop,_=H.push,M=H.push,O=H.slice,F=H.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},B="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",P="[\\x20\\t\\r\\n\\f]",R="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",W=R.replace("w","w#"),$="\\["+P+"*("+R+")"+P+"*(?:([*^$|!~]?=)"+P+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+W+")|)|)"+P+"*\\]",I=":("+R+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+$.replace(3,8)+")*)|.*)\\)|)",z=RegExp("^"+P+"+|((?:^|[^\\\\])(?:\\\\.)*)"+P+"+$","g"),X=RegExp("^"+P+"*,"+P+"*"),U=RegExp("^"+P+"*([>+~]|"+P+")"+P+"*"),V=RegExp(P+"*[+~]"),Y=RegExp("="+P+"*([^\\]'\"]*)"+P+"*\\]","g"),J=RegExp(I),G=RegExp("^"+W+"$"),Q={ID:RegExp("^#("+R+")"),CLASS:RegExp("^\\.("+R+")"),TAG:RegExp("^("+R.replace("w","w*")+")"),ATTR:RegExp("^"+$),PSEUDO:RegExp("^"+I),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+P+"*(even|odd|(([+-]|)(\\d*)n|)"+P+"*(?:([+-]|)"+P+"*(\\d+)|))"+P+"*\\)|)","i"),bool:RegExp("^(?:"+B+")$","i"),needsContext:RegExp("^"+P+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+P+"*((?:-\\d)?\\d*)"+P+"*\\)|)(?=[^-]|$)","i")},K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,et=/^(?:input|select|textarea|button)$/i,tt=/^h\d$/i,nt=/'|\\/g,rt=RegExp("\\\\([\\da-f]{1,6}"+P+"?|("+P+")|.)","ig"),it=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{M.apply(H=O.call(w.childNodes),w.childNodes),H[w.childNodes.length].nodeType}catch(ot){M={apply:H.length?function(e,t){_.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function at(e,t,n,i){var o,a,s,l,u,c,d,m,y,x;if((t?t.ownerDocument||t:w)!==f&&p(t),t=t||f,n=n||[],!e||"string"!=typeof e)return n;if(1!==(l=t.nodeType)&&9!==l)return[];if(h&&!i){if(o=Z.exec(e))if(s=o[1]){if(9===l){if(a=t.getElementById(s),!a||!a.parentNode)return n;if(a.id===s)return n.push(a),n}else if(t.ownerDocument&&(a=t.ownerDocument.getElementById(s))&&v(t,a)&&a.id===s)return n.push(a),n}else{if(o[2])return M.apply(n,t.getElementsByTagName(e)),n;if((s=o[3])&&r.getElementsByClassName&&t.getElementsByClassName)return M.apply(n,t.getElementsByClassName(s)),n}if(r.qsa&&(!g||!g.test(e))){if(m=d=b,y=t,x=9===l&&e,1===l&&"object"!==t.nodeName.toLowerCase()){c=mt(e),(d=t.getAttribute("id"))?m=d.replace(nt,"\\$&"):t.setAttribute("id",m),m="[id='"+m+"'] ",u=c.length;while(u--)c[u]=m+yt(c[u]);y=V.test(e)&&t.parentNode||t,x=c.join(",")}if(x)try{return M.apply(n,y.querySelectorAll(x)),n}catch(T){}finally{d||t.removeAttribute("id")}}}return kt(e.replace(z,"$1"),t,n,i)}function st(){var e=[];function t(n,r){return e.push(n+=" ")>o.cacheLength&&delete t[e.shift()],t[n]=r}return t}function lt(e){return e[b]=!0,e}function ut(e){var t=f.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function ct(e,t){var n=e.split("|"),r=e.length;while(r--)o.attrHandle[n[r]]=t}function pt(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||D)-(~e.sourceIndex||D);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function ft(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function dt(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function ht(e){return lt(function(t){return t=+t,lt(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}s=at.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},r=at.support={},p=at.setDocument=function(e){var n=e?e.ownerDocument||e:w,i=n.defaultView;return n!==f&&9===n.nodeType&&n.documentElement?(f=n,d=n.documentElement,h=!s(n),i&&i.attachEvent&&i!==i.top&&i.attachEvent("onbeforeunload",function(){p()}),r.attributes=ut(function(e){return e.className="i",!e.getAttribute("className")}),r.getElementsByTagName=ut(function(e){return e.appendChild(n.createComment("")),!e.getElementsByTagName("*").length}),r.getElementsByClassName=ut(function(e){return e.innerHTML="<div class='a'></div><div class='a i'></div>",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),r.getById=ut(function(e){return d.appendChild(e).id=b,!n.getElementsByName||!n.getElementsByName(b).length}),r.getById?(o.find.ID=function(e,t){if(typeof t.getElementById!==j&&h){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},o.filter.ID=function(e){var t=e.replace(rt,it);return function(e){return e.getAttribute("id")===t}}):(delete o.find.ID,o.filter.ID=function(e){var t=e.replace(rt,it);return function(e){var n=typeof e.getAttributeNode!==j&&e.getAttributeNode("id");return n&&n.value===t}}),o.find.TAG=r.getElementsByTagName?function(e,n){return typeof n.getElementsByTagName!==j?n.getElementsByTagName(e):t}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},o.find.CLASS=r.getElementsByClassName&&function(e,n){return typeof n.getElementsByClassName!==j&&h?n.getElementsByClassName(e):t},m=[],g=[],(r.qsa=K.test(n.querySelectorAll))&&(ut(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||g.push("\\["+P+"*(?:value|"+B+")"),e.querySelectorAll(":checked").length||g.push(":checked")}),ut(function(e){var t=n.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&g.push("[*^$]="+P+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||g.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),g.push(",.*:")})),(r.matchesSelector=K.test(y=d.webkitMatchesSelector||d.mozMatchesSelector||d.oMatchesSelector||d.msMatchesSelector))&&ut(function(e){r.disconnectedMatch=y.call(e,"div"),y.call(e,"[s!='']:x"),m.push("!=",I)}),g=g.length&&RegExp(g.join("|")),m=m.length&&RegExp(m.join("|")),v=K.test(d.contains)||d.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},A=d.compareDocumentPosition?function(e,t){if(e===t)return S=!0,0;var i=t.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(t);return i?1&i||!r.sortDetached&&t.compareDocumentPosition(e)===i?e===n||v(w,e)?-1:t===n||v(w,t)?1:c?F.call(c,e)-F.call(c,t):0:4&i?-1:1:e.compareDocumentPosition?-1:1}:function(e,t){var r,i=0,o=e.parentNode,a=t.parentNode,s=[e],l=[t];if(e===t)return S=!0,0;if(!o||!a)return e===n?-1:t===n?1:o?-1:a?1:c?F.call(c,e)-F.call(c,t):0;if(o===a)return pt(e,t);r=e;while(r=r.parentNode)s.unshift(r);r=t;while(r=r.parentNode)l.unshift(r);while(s[i]===l[i])i++;return i?pt(s[i],l[i]):s[i]===w?-1:l[i]===w?1:0},n):f},at.matches=function(e,t){return at(e,null,null,t)},at.matchesSelector=function(e,t){if((e.ownerDocument||e)!==f&&p(e),t=t.replace(Y,"='$1']"),!(!r.matchesSelector||!h||m&&m.test(t)||g&&g.test(t)))try{var n=y.call(e,t);if(n||r.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(i){}return at(t,f,null,[e]).length>0},at.contains=function(e,t){return(e.ownerDocument||e)!==f&&p(e),v(e,t)},at.attr=function(e,n){(e.ownerDocument||e)!==f&&p(e);var i=o.attrHandle[n.toLowerCase()],a=i&&L.call(o.attrHandle,n.toLowerCase())?i(e,n,!h):t;return a===t?r.attributes||!h?e.getAttribute(n):(a=e.getAttributeNode(n))&&a.specified?a.value:null:a},at.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},at.uniqueSort=function(e){var t,n=[],i=0,o=0;if(S=!r.detectDuplicates,c=!r.sortStable&&e.slice(0),e.sort(A),S){while(t=e[o++])t===e[o]&&(i=n.push(o));while(i--)e.splice(n[i],1)}return e},a=at.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=a(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=a(t);return n},o=at.selectors={cacheLength:50,createPseudo:lt,match:Q,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(rt,it),e[3]=(e[4]||e[5]||"").replace(rt,it),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||at.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&at.error(e[0]),e},PSEUDO:function(e){var n,r=!e[5]&&e[2];return Q.CHILD.test(e[0])?null:(e[3]&&e[4]!==t?e[2]=e[4]:r&&J.test(r)&&(n=mt(r,!0))&&(n=r.indexOf(")",r.length-n)-r.length)&&(e[0]=e[0].slice(0,n),e[2]=r.slice(0,n)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(rt,it).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=N[e+" "];return t||(t=RegExp("(^|"+P+")"+e+"("+P+"|$)"))&&N(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==j&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=at.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,l){var u,c,p,f,d,h,g=o!==a?"nextSibling":"previousSibling",m=t.parentNode,y=s&&t.nodeName.toLowerCase(),v=!l&&!s;if(m){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?m.firstChild:m.lastChild],a&&v){c=m[b]||(m[b]={}),u=c[e]||[],d=u[0]===T&&u[1],f=u[0]===T&&u[2],p=d&&m.childNodes[d];while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[T,d,f];break}}else if(v&&(u=(t[b]||(t[b]={}))[e])&&u[0]===T)f=u[1];else while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(v&&((p[b]||(p[b]={}))[e]=[T,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=o.pseudos[e]||o.setFilters[e.toLowerCase()]||at.error("unsupported pseudo: "+e);return r[b]?r(t):r.length>1?(n=[e,e,"",t],o.setFilters.hasOwnProperty(e.toLowerCase())?lt(function(e,n){var i,o=r(e,t),a=o.length;while(a--)i=F.call(e,o[a]),e[i]=!(n[i]=o[a])}):function(e){return r(e,0,n)}):r}},pseudos:{not:lt(function(e){var t=[],n=[],r=l(e.replace(z,"$1"));return r[b]?lt(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:lt(function(e){return function(t){return at(e,t).length>0}}),contains:lt(function(e){return function(t){return(t.textContent||t.innerText||a(t)).indexOf(e)>-1}}),lang:lt(function(e){return G.test(e||"")||at.error("unsupported lang: "+e),e=e.replace(rt,it).toLowerCase(),function(t){var n;do if(n=h?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===d},focus:function(e){return e===f.activeElement&&(!f.hasFocus||f.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!o.pseudos.empty(e)},header:function(e){return tt.test(e.nodeName)},input:function(e){return et.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:ht(function(){return[0]}),last:ht(function(e,t){return[t-1]}),eq:ht(function(e,t,n){return[0>n?n+t:n]}),even:ht(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:ht(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:ht(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:ht(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}},o.pseudos.nth=o.pseudos.eq;for(n in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})o.pseudos[n]=ft(n);for(n in{submit:!0,reset:!0})o.pseudos[n]=dt(n);function gt(){}gt.prototype=o.filters=o.pseudos,o.setFilters=new gt;function mt(e,t){var n,r,i,a,s,l,u,c=k[e+" "];if(c)return t?0:c.slice(0);s=e,l=[],u=o.preFilter;while(s){(!n||(r=X.exec(s)))&&(r&&(s=s.slice(r[0].length)||s),l.push(i=[])),n=!1,(r=U.exec(s))&&(n=r.shift(),i.push({value:n,type:r[0].replace(z," ")}),s=s.slice(n.length));for(a in o.filter)!(r=Q[a].exec(s))||u[a]&&!(r=u[a](r))||(n=r.shift(),i.push({value:n,type:a,matches:r}),s=s.slice(n.length));if(!n)break}return t?s.length:s?at.error(e):k(e,l).slice(0)}function yt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function vt(e,t,n){var r=t.dir,o=n&&"parentNode"===r,a=C++;return t.first?function(t,n,i){while(t=t[r])if(1===t.nodeType||o)return e(t,n,i)}:function(t,n,s){var l,u,c,p=T+" "+a;if(s){while(t=t[r])if((1===t.nodeType||o)&&e(t,n,s))return!0}else while(t=t[r])if(1===t.nodeType||o)if(c=t[b]||(t[b]={}),(u=c[r])&&u[0]===p){if((l=u[1])===!0||l===i)return l===!0}else if(u=c[r]=[p],u[1]=e(t,n,s)||i,u[1]===!0)return!0}}function bt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function xt(e,t,n,r,i){var o,a=[],s=0,l=e.length,u=null!=t;for(;l>s;s++)(o=e[s])&&(!n||n(o,r,i))&&(a.push(o),u&&t.push(s));return a}function wt(e,t,n,r,i,o){return r&&!r[b]&&(r=wt(r)),i&&!i[b]&&(i=wt(i,o)),lt(function(o,a,s,l){var u,c,p,f=[],d=[],h=a.length,g=o||Nt(t||"*",s.nodeType?[s]:s,[]),m=!e||!o&&t?g:xt(g,f,e,s,l),y=n?i||(o?e:h||r)?[]:a:m;if(n&&n(m,y,s,l),r){u=xt(y,d),r(u,[],s,l),c=u.length;while(c--)(p=u[c])&&(y[d[c]]=!(m[d[c]]=p))}if(o){if(i||e){if(i){u=[],c=y.length;while(c--)(p=y[c])&&u.push(m[c]=p);i(null,y=[],u,l)}c=y.length;while(c--)(p=y[c])&&(u=i?F.call(o,p):f[c])>-1&&(o[u]=!(a[u]=p))}}else y=xt(y===a?y.splice(h,y.length):y),i?i(null,a,y,l):M.apply(a,y)})}function Tt(e){var t,n,r,i=e.length,a=o.relative[e[0].type],s=a||o.relative[" "],l=a?1:0,c=vt(function(e){return e===t},s,!0),p=vt(function(e){return F.call(t,e)>-1},s,!0),f=[function(e,n,r){return!a&&(r||n!==u)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;i>l;l++)if(n=o.relative[e[l].type])f=[vt(bt(f),n)];else{if(n=o.filter[e[l].type].apply(null,e[l].matches),n[b]){for(r=++l;i>r;r++)if(o.relative[e[r].type])break;return wt(l>1&&bt(f),l>1&&yt(e.slice(0,l-1).concat({value:" "===e[l-2].type?"*":""})).replace(z,"$1"),n,r>l&&Tt(e.slice(l,r)),i>r&&Tt(e=e.slice(r)),i>r&&yt(e))}f.push(n)}return bt(f)}function Ct(e,t){var n=0,r=t.length>0,a=e.length>0,s=function(s,l,c,p,d){var h,g,m,y=[],v=0,b="0",x=s&&[],w=null!=d,C=u,N=s||a&&o.find.TAG("*",d&&l.parentNode||l),k=T+=null==C?1:Math.random()||.1;for(w&&(u=l!==f&&l,i=n);null!=(h=N[b]);b++){if(a&&h){g=0;while(m=e[g++])if(m(h,l,c)){p.push(h);break}w&&(T=k,i=++n)}r&&((h=!m&&h)&&v--,s&&x.push(h))}if(v+=b,r&&b!==v){g=0;while(m=t[g++])m(x,y,l,c);if(s){if(v>0)while(b--)x[b]||y[b]||(y[b]=q.call(p));y=xt(y)}M.apply(p,y),w&&!s&&y.length>0&&v+t.length>1&&at.uniqueSort(p)}return w&&(T=k,u=C),x};return r?lt(s):s}l=at.compile=function(e,t){var n,r=[],i=[],o=E[e+" "];if(!o){t||(t=mt(e)),n=t.length;while(n--)o=Tt(t[n]),o[b]?r.push(o):i.push(o);o=E(e,Ct(i,r))}return o};function Nt(e,t,n){var r=0,i=t.length;for(;i>r;r++)at(e,t[r],n);return n}function kt(e,t,n,i){var a,s,u,c,p,f=mt(e);if(!i&&1===f.length){if(s=f[0]=f[0].slice(0),s.length>2&&"ID"===(u=s[0]).type&&r.getById&&9===t.nodeType&&h&&o.relative[s[1].type]){if(t=(o.find.ID(u.matches[0].replace(rt,it),t)||[])[0],!t)return n;e=e.slice(s.shift().value.length)}a=Q.needsContext.test(e)?0:s.length;while(a--){if(u=s[a],o.relative[c=u.type])break;if((p=o.find[c])&&(i=p(u.matches[0].replace(rt,it),V.test(s[0].type)&&t.parentNode||t))){if(s.splice(a,1),e=i.length&&yt(s),!e)return M.apply(n,i),n;break}}}return l(e,f)(i,t,!h,n,V.test(e)),n}r.sortStable=b.split("").sort(A).join("")===b,r.detectDuplicates=S,p(),r.sortDetached=ut(function(e){return 1&e.compareDocumentPosition(f.createElement("div"))}),ut(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||ct("type|href|height|width",function(e,n,r){return r?t:e.getAttribute(n,"type"===n.toLowerCase()?1:2)}),r.attributes&&ut(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||ct("value",function(e,n,r){return r||"input"!==e.nodeName.toLowerCase()?t:e.defaultValue}),ut(function(e){return null==e.getAttribute("disabled")})||ct(B,function(e,n,r){var i;return r?t:(i=e.getAttributeNode(n))&&i.specified?i.value:e[n]===!0?n.toLowerCase():null}),x.find=at,x.expr=at.selectors,x.expr[":"]=x.expr.pseudos,x.unique=at.uniqueSort,x.text=at.getText,x.isXMLDoc=at.isXML,x.contains=at.contains}(e);var O={};function F(e){var t=O[e]={};return x.each(e.match(T)||[],function(e,n){t[n]=!0}),t}x.Callbacks=function(e){e="string"==typeof e?O[e]||F(e):x.extend({},e);var n,r,i,o,a,s,l=[],u=!e.once&&[],c=function(t){for(r=e.memory&&t,i=!0,a=s||0,s=0,o=l.length,n=!0;l&&o>a;a++)if(l[a].apply(t[0],t[1])===!1&&e.stopOnFalse){r=!1;break}n=!1,l&&(u?u.length&&c(u.shift()):r?l=[]:p.disable())},p={add:function(){if(l){var t=l.length;(function i(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&p.has(n)||l.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=l.length:r&&(s=t,c(r))}return this},remove:function(){return l&&x.each(arguments,function(e,t){var r;while((r=x.inArray(t,l,r))>-1)l.splice(r,1),n&&(o>=r&&o--,a>=r&&a--)}),this},has:function(e){return e?x.inArray(e,l)>-1:!(!l||!l.length)},empty:function(){return l=[],o=0,this},disable:function(){return l=u=r=t,this},disabled:function(){return!l},lock:function(){return u=t,r||p.disable(),this},locked:function(){return!u},fireWith:function(e,t){return!l||i&&!u||(t=t||[],t=[e,t.slice?t.slice():t],n?u.push(t):c(t)),this},fire:function(){return p.fireWith(this,arguments),this},fired:function(){return!!i}};return p},x.extend({Deferred:function(e){var t=[["resolve","done",x.Callbacks("once memory"),"resolved"],["reject","fail",x.Callbacks("once memory"),"rejected"],["notify","progress",x.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var a=o[0],s=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=s&&s.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[a+"With"](this===r?n.promise():this,s?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?x.extend(e,r):r}},i={};return r.pipe=r.then,x.each(t,function(e,o){var a=o[2],s=o[3];r[o[1]]=a.add,s&&a.add(function(){n=s},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=a.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=g.call(arguments),r=n.length,i=1!==r||e&&x.isFunction(e.promise)?r:0,o=1===i?e:x.Deferred(),a=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?g.call(arguments):r,n===s?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},s,l,u;if(r>1)for(s=Array(r),l=Array(r),u=Array(r);r>t;t++)n[t]&&x.isFunction(n[t].promise)?n[t].promise().done(a(t,u,n)).fail(o.reject).progress(a(t,l,s)):--i;return i||o.resolveWith(u,n),o.promise()}}),x.support=function(t){var n,r,o,s,l,u,c,p,f,d=a.createElement("div");if(d.setAttribute("className","t"),d.innerHTML=" <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",n=d.getElementsByTagName("*")||[],r=d.getElementsByTagName("a")[0],!r||!r.style||!n.length)return t;s=a.createElement("select"),u=s.appendChild(a.createElement("option")),o=d.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t.getSetAttribute="t"!==d.className,t.leadingWhitespace=3===d.firstChild.nodeType,t.tbody=!d.getElementsByTagName("tbody").length,t.htmlSerialize=!!d.getElementsByTagName("link").length,t.style=/top/.test(r.getAttribute("style")),t.hrefNormalized="/a"===r.getAttribute("href"),t.opacity=/^0.5/.test(r.style.opacity),t.cssFloat=!!r.style.cssFloat,t.checkOn=!!o.value,t.optSelected=u.selected,t.enctype=!!a.createElement("form").enctype,t.html5Clone="<:nav></:nav>"!==a.createElement("nav").cloneNode(!0).outerHTML,t.inlineBlockNeedsLayout=!1,t.shrinkWrapBlocks=!1,t.pixelPosition=!1,t.deleteExpando=!0,t.noCloneEvent=!0,t.reliableMarginRight=!0,t.boxSizingReliable=!0,o.checked=!0,t.noCloneChecked=o.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!u.disabled;try{delete d.test}catch(h){t.deleteExpando=!1}o=a.createElement("input"),o.setAttribute("value",""),t.input=""===o.getAttribute("value"),o.value="t",o.setAttribute("type","radio"),t.radioValue="t"===o.value,o.setAttribute("checked","t"),o.setAttribute("name","t"),l=a.createDocumentFragment(),l.appendChild(o),t.appendChecked=o.checked,t.checkClone=l.cloneNode(!0).cloneNode(!0).lastChild.checked,d.attachEvent&&(d.attachEvent("onclick",function(){t.noCloneEvent=!1}),d.cloneNode(!0).click());for(f in{submit:!0,change:!0,focusin:!0})d.setAttribute(c="on"+f,"t"),t[f+"Bubbles"]=c in e||d.attributes[c].expando===!1;d.style.backgroundClip="content-box",d.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===d.style.backgroundClip;for(f in x(t))break;return t.ownLast="0"!==f,x(function(){var n,r,o,s="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",l=a.getElementsByTagName("body")[0];l&&(n=a.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",l.appendChild(n).appendChild(d),d.innerHTML="<table><tr><td></td><td>t</td></tr></table>",o=d.getElementsByTagName("td"),o[0].style.cssText="padding:0;margin:0;border:0;display:none",p=0===o[0].offsetHeight,o[0].style.display="",o[1].style.display="none",t.reliableHiddenOffsets=p&&0===o[0].offsetHeight,d.innerHTML="",d.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",x.swap(l,null!=l.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===d.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(d,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(d,null)||{width:"4px"}).width,r=d.appendChild(a.createElement("div")),r.style.cssText=d.style.cssText=s,r.style.marginRight=r.style.width="0",d.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),typeof d.style.zoom!==i&&(d.innerHTML="",d.style.cssText=s+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=3===d.offsetWidth,d.style.display="block",d.innerHTML="<div></div>",d.firstChild.style.width="5px",t.shrinkWrapBlocks=3!==d.offsetWidth,t.inlineBlockNeedsLayout&&(l.style.zoom=1)),l.removeChild(n),n=d=o=r=null)}),n=s=l=u=r=o=null,t | ||
+ | }({});var B=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,P=/([A-Z])/g;function R(e,n,r,i){if(x.acceptData(e)){var o,a,s=x.expando,l=e.nodeType,u=l?x.cache:e,c=l?e[s]:e[s]&&s;if(c&&u[c]&&(i||u[c].data)||r!==t||"string"!=typeof n)return c||(c=l?e[s]=p.pop()||x.guid++:s),u[c]||(u[c]=l?{}:{toJSON:x.noop}),("object"==typeof n||"function"==typeof n)&&(i?u[c]=x.extend(u[c],n):u[c].data=x.extend(u[c].data,n)),a=u[c],i||(a.data||(a.data={}),a=a.data),r!==t&&(a[x.camelCase(n)]=r),"string"==typeof n?(o=a[n],null==o&&(o=a[x.camelCase(n)])):o=a,o}}function W(e,t,n){if(x.acceptData(e)){var r,i,o=e.nodeType,a=o?x.cache:e,s=o?e[x.expando]:x.expando;if(a[s]){if(t&&(r=n?a[s]:a[s].data)){x.isArray(t)?t=t.concat(x.map(t,x.camelCase)):t in r?t=[t]:(t=x.camelCase(t),t=t in r?[t]:t.split(" ")),i=t.length;while(i--)delete r[t[i]];if(n?!I(r):!x.isEmptyObject(r))return}(n||(delete a[s].data,I(a[s])))&&(o?x.cleanData([e],!0):x.support.deleteExpando||a!=a.window?delete a[s]:a[s]=null)}}}x.extend({cache:{},noData:{applet:!0,embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(e){return e=e.nodeType?x.cache[e[x.expando]]:e[x.expando],!!e&&!I(e)},data:function(e,t,n){return R(e,t,n)},removeData:function(e,t){return W(e,t)},_data:function(e,t,n){return R(e,t,n,!0)},_removeData:function(e,t){return W(e,t,!0)},acceptData:function(e){if(e.nodeType&&1!==e.nodeType&&9!==e.nodeType)return!1;var t=e.nodeName&&x.noData[e.nodeName.toLowerCase()];return!t||t!==!0&&e.getAttribute("classid")===t}}),x.fn.extend({data:function(e,n){var r,i,o=null,a=0,s=this[0];if(e===t){if(this.length&&(o=x.data(s),1===s.nodeType&&!x._data(s,"parsedAttrs"))){for(r=s.attributes;r.length>a;a++)i=r[a].name,0===i.indexOf("data-")&&(i=x.camelCase(i.slice(5)),$(s,i,o[i]));x._data(s,"parsedAttrs",!0)}return o}return"object"==typeof e?this.each(function(){x.data(this,e)}):arguments.length>1?this.each(function(){x.data(this,e,n)}):s?$(s,e,x.data(s,e)):null},removeData:function(e){return this.each(function(){x.removeData(this,e)})}});function $(e,n,r){if(r===t&&1===e.nodeType){var i="data-"+n.replace(P,"-$1").toLowerCase();if(r=e.getAttribute(i),"string"==typeof r){try{r="true"===r?!0:"false"===r?!1:"null"===r?null:+r+""===r?+r:B.test(r)?x.parseJSON(r):r}catch(o){}x.data(e,n,r)}else r=t}return r}function I(e){var t;for(t in e)if(("data"!==t||!x.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}x.extend({queue:function(e,n,r){var i;return e?(n=(n||"fx")+"queue",i=x._data(e,n),r&&(!i||x.isArray(r)?i=x._data(e,n,x.makeArray(r)):i.push(r)),i||[]):t},dequeue:function(e,t){t=t||"fx";var n=x.queue(e,t),r=n.length,i=n.shift(),o=x._queueHooks(e,t),a=function(){x.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return x._data(e,n)||x._data(e,n,{empty:x.Callbacks("once memory").add(function(){x._removeData(e,t+"queue"),x._removeData(e,n)})})}}),x.fn.extend({queue:function(e,n){var r=2;return"string"!=typeof e&&(n=e,e="fx",r--),r>arguments.length?x.queue(this[0],e):n===t?this:this.each(function(){var t=x.queue(this,e,n);x._queueHooks(this,e),"fx"===e&&"inprogress"!==t[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,n){var r,i=1,o=x.Deferred(),a=this,s=this.length,l=function(){--i||o.resolveWith(a,[a])};"string"!=typeof e&&(n=e,e=t),e=e||"fx";while(s--)r=x._data(a[s],e+"queueHooks"),r&&r.empty&&(i++,r.empty.add(l));return l(),o.promise(n)}});var z,X,U=/[\t\r\n\f]/g,V=/\r/g,Y=/^(?:input|select|textarea|button|object)$/i,J=/^(?:a|area)$/i,G=/^(?:checked|selected)$/i,Q=x.support.getSetAttribute,K=x.support.input;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return e=x.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,o,a=0,s=this.length,l="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(l)for(t=(e||"").match(T)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(U," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,a=0,s=this.length,l=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(l)for(t=(e||"").match(T)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(U," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,r=0,o=x(this),a=e.match(T)||[];while(t=a[r++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===i||"boolean"===n)&&(this.className&&x._data(this,"__className__",this.className),this.className=this.className||e===!1?"":x._data(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(U," ").indexOf(t)>=0)return!0;return!1},val:function(e){var n,r,i,o=this[0];{if(arguments.length)return i=x.isFunction(e),this.each(function(n){var o;1===this.nodeType&&(o=i?e.call(this,n,x(this).val()):e,null==o?o="":"number"==typeof o?o+="":x.isArray(o)&&(o=x.map(o,function(e){return null==e?"":e+""})),r=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],r&&"set"in r&&r.set(this,o,"value")!==t||(this.value=o))});if(o)return r=x.valHooks[o.type]||x.valHooks[o.nodeName.toLowerCase()],r&&"get"in r&&(n=r.get(o,"value"))!==t?n:(n=o.value,"string"==typeof n?n.replace(V,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=x.find.attr(e,"value");return null!=t?t:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,a=o?null:[],s=o?i+1:r.length,l=0>i?s:o?i:0;for(;s>l;l++)if(n=r[l],!(!n.selected&&l!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;a.push(t)}return a},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),a=i.length;while(a--)r=i[a],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,n,r){var o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===i?x.prop(e,n,r):(1===s&&x.isXMLDoc(e)||(n=n.toLowerCase(),o=x.attrHooks[n]||(x.expr.match.bool.test(n)?X:z)),r===t?o&&"get"in o&&null!==(a=o.get(e,n))?a:(a=x.find.attr(e,n),null==a?t:a):null!==r?o&&"set"in o&&(a=o.set(e,r,n))!==t?a:(e.setAttribute(n,r+""),r):(x.removeAttr(e,n),t))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(T);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)?K&&Q||!G.test(n)?e[r]=!1:e[x.camelCase("default-"+n)]=e[r]=!1:x.attr(e,n,""),e.removeAttribute(Q?n:r)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,n,r){var i,o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return a=1!==s||!x.isXMLDoc(e),a&&(n=x.propFix[n]||n,o=x.propHooks[n]),r!==t?o&&"set"in o&&(i=o.set(e,r,n))!==t?i:e[n]=r:o&&"get"in o&&null!==(i=o.get(e,n))?i:e[n]},propHooks:{tabIndex:{get:function(e){var t=x.find.attr(e,"tabindex");return t?parseInt(t,10):Y.test(e.nodeName)||J.test(e.nodeName)&&e.href?0:-1}}}}),X={set:function(e,t,n){return t===!1?x.removeAttr(e,n):K&&Q||!G.test(n)?e.setAttribute(!Q&&x.propFix[n]||n,n):e[x.camelCase("default-"+n)]=e[n]=!0,n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,n){var r=x.expr.attrHandle[n]||x.find.attr;x.expr.attrHandle[n]=K&&Q||!G.test(n)?function(e,n,i){var o=x.expr.attrHandle[n],a=i?t:(x.expr.attrHandle[n]=t)!=r(e,n,i)?n.toLowerCase():null;return x.expr.attrHandle[n]=o,a}:function(e,n,r){return r?t:e[x.camelCase("default-"+n)]?n.toLowerCase():null}}),K&&Q||(x.attrHooks.value={set:function(e,n,r){return x.nodeName(e,"input")?(e.defaultValue=n,t):z&&z.set(e,n,r)}}),Q||(z={set:function(e,n,r){var i=e.getAttributeNode(r);return i||e.setAttributeNode(i=e.ownerDocument.createAttribute(r)),i.value=n+="","value"===r||n===e.getAttribute(r)?n:t}},x.expr.attrHandle.id=x.expr.attrHandle.name=x.expr.attrHandle.coords=function(e,n,r){var i;return r?t:(i=e.getAttributeNode(n))&&""!==i.value?i.value:null},x.valHooks.button={get:function(e,n){var r=e.getAttributeNode(n);return r&&r.specified?r.value:t},set:z.set},x.attrHooks.contenteditable={set:function(e,t,n){z.set(e,""===t?!1:t,n)}},x.each(["width","height"],function(e,n){x.attrHooks[n]={set:function(e,r){return""===r?(e.setAttribute(n,"auto"),r):t}}})),x.support.hrefNormalized||x.each(["href","src"],function(e,t){x.propHooks[t]={get:function(e){return e.getAttribute(t,4)}}}),x.support.style||(x.attrHooks.style={get:function(e){return e.style.cssText||t},set:function(e,t){return e.style.cssText=t+""}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex),null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.support.enctype||(x.propFix.enctype="encoding"),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,n){return x.isArray(n)?e.checked=x.inArray(x(e).val(),n)>=0:t}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var Z=/^(?:input|select|textarea)$/i,et=/^key/,tt=/^(?:mouse|contextmenu)|click/,nt=/^(?:focusinfocus|focusoutblur)$/,rt=/^([^.]*)(?:\.(.+)|)$/;function it(){return!0}function ot(){return!1}function at(){try{return a.activeElement}catch(e){}}x.event={global:{},add:function(e,n,r,o,a){var s,l,u,c,p,f,d,h,g,m,y,v=x._data(e);if(v){r.handler&&(c=r,r=c.handler,a=c.selector),r.guid||(r.guid=x.guid++),(l=v.events)||(l=v.events={}),(f=v.handle)||(f=v.handle=function(e){return typeof x===i||e&&x.event.triggered===e.type?t:x.event.dispatch.apply(f.elem,arguments)},f.elem=e),n=(n||"").match(T)||[""],u=n.length;while(u--)s=rt.exec(n[u])||[],g=y=s[1],m=(s[2]||"").split(".").sort(),g&&(p=x.event.special[g]||{},g=(a?p.delegateType:p.bindType)||g,p=x.event.special[g]||{},d=x.extend({type:g,origType:y,data:o,handler:r,guid:r.guid,selector:a,needsContext:a&&x.expr.match.needsContext.test(a),namespace:m.join(".")},c),(h=l[g])||(h=l[g]=[],h.delegateCount=0,p.setup&&p.setup.call(e,o,m,f)!==!1||(e.addEventListener?e.addEventListener(g,f,!1):e.attachEvent&&e.attachEvent("on"+g,f))),p.add&&(p.add.call(e,d),d.handler.guid||(d.handler.guid=r.guid)),a?h.splice(h.delegateCount++,0,d):h.push(d),x.event.global[g]=!0);e=null}},remove:function(e,t,n,r,i){var o,a,s,l,u,c,p,f,d,h,g,m=x.hasData(e)&&x._data(e);if(m&&(c=m.events)){t=(t||"").match(T)||[""],u=t.length;while(u--)if(s=rt.exec(t[u])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){p=x.event.special[d]||{},d=(r?p.delegateType:p.bindType)||d,f=c[d]||[],s=s[2]&&RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),l=o=f.length;while(o--)a=f[o],!i&&g!==a.origType||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector)||(f.splice(o,1),a.selector&&f.delegateCount--,p.remove&&p.remove.call(e,a));l&&!f.length&&(p.teardown&&p.teardown.call(e,h,m.handle)!==!1||x.removeEvent(e,d,m.handle),delete c[d])}else for(d in c)x.event.remove(e,d+t[u],n,r,!0);x.isEmptyObject(c)&&(delete m.handle,x._removeData(e,"events"))}},trigger:function(n,r,i,o){var s,l,u,c,p,f,d,h=[i||a],g=v.call(n,"type")?n.type:n,m=v.call(n,"namespace")?n.namespace.split("."):[];if(u=f=i=i||a,3!==i.nodeType&&8!==i.nodeType&&!nt.test(g+x.event.triggered)&&(g.indexOf(".")>=0&&(m=g.split("."),g=m.shift(),m.sort()),l=0>g.indexOf(":")&&"on"+g,n=n[x.expando]?n:new x.Event(g,"object"==typeof n&&n),n.isTrigger=o?2:3,n.namespace=m.join("."),n.namespace_re=n.namespace?RegExp("(^|\\.)"+m.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,n.result=t,n.target||(n.target=i),r=null==r?[n]:x.makeArray(r,[n]),p=x.event.special[g]||{},o||!p.trigger||p.trigger.apply(i,r)!==!1)){if(!o&&!p.noBubble&&!x.isWindow(i)){for(c=p.delegateType||g,nt.test(c+g)||(u=u.parentNode);u;u=u.parentNode)h.push(u),f=u;f===(i.ownerDocument||a)&&h.push(f.defaultView||f.parentWindow||e)}d=0;while((u=h[d++])&&!n.isPropagationStopped())n.type=d>1?c:p.bindType||g,s=(x._data(u,"events")||{})[n.type]&&x._data(u,"handle"),s&&s.apply(u,r),s=l&&u[l],s&&x.acceptData(u)&&s.apply&&s.apply(u,r)===!1&&n.preventDefault();if(n.type=g,!o&&!n.isDefaultPrevented()&&(!p._default||p._default.apply(h.pop(),r)===!1)&&x.acceptData(i)&&l&&i[g]&&!x.isWindow(i)){f=i[l],f&&(i[l]=null),x.event.triggered=g;try{i[g]()}catch(y){}x.event.triggered=t,f&&(i[l]=f)}return n.result}},dispatch:function(e){e=x.event.fix(e);var n,r,i,o,a,s=[],l=g.call(arguments),u=(x._data(this,"events")||{})[e.type]||[],c=x.event.special[e.type]||{};if(l[0]=e,e.delegateTarget=this,!c.preDispatch||c.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),n=0;while((o=s[n++])&&!e.isPropagationStopped()){e.currentTarget=o.elem,a=0;while((i=o.handlers[a++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(i.namespace))&&(e.handleObj=i,e.data=i.data,r=((x.event.special[i.origType]||{}).handle||i.handler).apply(o.elem,l),r!==t&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,e),e.result}},handlers:function(e,n){var r,i,o,a,s=[],l=n.delegateCount,u=e.target;if(l&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!=this;u=u.parentNode||this)if(1===u.nodeType&&(u.disabled!==!0||"click"!==e.type)){for(o=[],a=0;l>a;a++)i=n[a],r=i.selector+" ",o[r]===t&&(o[r]=i.needsContext?x(r,this).index(u)>=0:x.find(r,this,null,[u]).length),o[r]&&o.push(i);o.length&&s.push({elem:u,handlers:o})}return n.length>l&&s.push({elem:this,handlers:n.slice(l)}),s},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,o=e,s=this.fixHooks[i];s||(this.fixHooks[i]=s=tt.test(i)?this.mouseHooks:et.test(i)?this.keyHooks:{}),r=s.props?this.props.concat(s.props):this.props,e=new x.Event(o),t=r.length;while(t--)n=r[t],e[n]=o[n];return e.target||(e.target=o.srcElement||a),3===e.target.nodeType&&(e.target=e.target.parentNode),e.metaKey=!!e.metaKey,s.filter?s.filter(e,o):e},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,n){var r,i,o,s=n.button,l=n.fromElement;return null==e.pageX&&null!=n.clientX&&(i=e.target.ownerDocument||a,o=i.documentElement,r=i.body,e.pageX=n.clientX+(o&&o.scrollLeft||r&&r.scrollLeft||0)-(o&&o.clientLeft||r&&r.clientLeft||0),e.pageY=n.clientY+(o&&o.scrollTop||r&&r.scrollTop||0)-(o&&o.clientTop||r&&r.clientTop||0)),!e.relatedTarget&&l&&(e.relatedTarget=l===e.target?n.toElement:l),e.which||s===t||(e.which=1&s?1:2&s?3:4&s?2:0),e}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!==at()&&this.focus)try{return this.focus(),!1}catch(e){}},delegateType:"focusin"},blur:{trigger:function(){return this===at()&&this.blur?(this.blur(),!1):t},delegateType:"focusout"},click:{trigger:function(){return x.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):t},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==t&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=a.removeEventListener?function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)}:function(e,t,n){var r="on"+t;e.detachEvent&&(typeof e[r]===i&&(e[r]=null),e.detachEvent(r,n))},x.Event=function(e,n){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.returnValue===!1||e.getPreventDefault&&e.getPreventDefault()?it:ot):this.type=e,n&&x.extend(this,n),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,t):new x.Event(e,n)},x.Event.prototype={isDefaultPrevented:ot,isPropagationStopped:ot,isImmediatePropagationStopped:ot,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=it,e&&(e.preventDefault?e.preventDefault():e.returnValue=!1)},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=it,e&&(e.stopPropagation&&e.stopPropagation(),e.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=it,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.submitBubbles||(x.event.special.submit={setup:function(){return x.nodeName(this,"form")?!1:(x.event.add(this,"click._submit keypress._submit",function(e){var n=e.target,r=x.nodeName(n,"input")||x.nodeName(n,"button")?n.form:t;r&&!x._data(r,"submitBubbles")&&(x.event.add(r,"submit._submit",function(e){e._submit_bubble=!0}),x._data(r,"submitBubbles",!0))}),t)},postDispatch:function(e){e._submit_bubble&&(delete e._submit_bubble,this.parentNode&&!e.isTrigger&&x.event.simulate("submit",this.parentNode,e,!0))},teardown:function(){return x.nodeName(this,"form")?!1:(x.event.remove(this,"._submit"),t)}}),x.support.changeBubbles||(x.event.special.change={setup:function(){return Z.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(x.event.add(this,"propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._just_changed=!0)}),x.event.add(this,"click._change",function(e){this._just_changed&&!e.isTrigger&&(this._just_changed=!1),x.event.simulate("change",this,e,!0)})),!1):(x.event.add(this,"beforeactivate._change",function(e){var t=e.target;Z.test(t.nodeName)&&!x._data(t,"changeBubbles")&&(x.event.add(t,"change._change",function(e){!this.parentNode||e.isSimulated||e.isTrigger||x.event.simulate("change",this.parentNode,e,!0)}),x._data(t,"changeBubbles",!0))}),t)},handle:function(e){var n=e.target;return this!==n||e.isSimulated||e.isTrigger||"radio"!==n.type&&"checkbox"!==n.type?e.handleObj.handler.apply(this,arguments):t},teardown:function(){return x.event.remove(this,"._change"),!Z.test(this.nodeName)}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&a.addEventListener(e,r,!0)},teardown:function(){0===--n&&a.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,n,r,i,o){var a,s;if("object"==typeof e){"string"!=typeof n&&(r=r||n,n=t);for(a in e)this.on(a,n,r,e[a],o);return this}if(null==r&&null==i?(i=n,r=n=t):null==i&&("string"==typeof n?(i=r,r=t):(i=r,r=n,n=t)),i===!1)i=ot;else if(!i)return this;return 1===o&&(s=i,i=function(e){return x().off(e),s.apply(this,arguments)},i.guid=s.guid||(s.guid=x.guid++)),this.each(function(){x.event.add(this,e,i,r,n)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,n,r){var i,o;if(e&&e.preventDefault&&e.handleObj)return i=e.handleObj,x(e.delegateTarget).off(i.namespace?i.origType+"."+i.namespace:i.origType,i.selector,i.handler),this;if("object"==typeof e){for(o in e)this.off(o,n,e[o]);return this}return(n===!1||"function"==typeof n)&&(r=n,n=t),r===!1&&(r=ot),this.each(function(){x.event.remove(this,e,r,n)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,n){var r=this[0];return r?x.event.trigger(e,n,r,!0):t}});var st=/^.[^:#\[\.,]*$/,lt=/^(?:parents|prev(?:Until|All))/,ut=x.expr.match.needsContext,ct={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t,n=x(e,this),r=n.length;return this.filter(function(){for(t=0;r>t;t++)if(x.contains(this,n[t]))return!0})},not:function(e){return this.pushStack(ft(this,e||[],!0))},filter:function(e){return this.pushStack(ft(this,e||[],!1))},is:function(e){return!!ft(this,"string"==typeof e&&ut.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],a=ut.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(a?a.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?x.inArray(this[0],x(e)):x.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function pt(e,t){do e=e[t];while(e&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return pt(e,"nextSibling")},prev:function(e){return pt(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return x.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(ct[e]||(i=x.unique(i)),lt.test(e)&&(i=i.reverse())),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,n,r){var i=[],o=e[n];while(o&&9!==o.nodeType&&(r===t||1!==o.nodeType||!x(o).is(r)))1===o.nodeType&&i.push(o),o=o[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function ft(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(st.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return x.inArray(e,t)>=0!==n})}function dt(e){var t=ht.split("|"),n=e.createDocumentFragment();if(n.createElement)while(t.length)n.createElement(t.pop());return n}var ht="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",gt=/ jQuery\d+="(?:null|\d+)"/g,mt=RegExp("<(?:"+ht+")[\\s/>]","i"),yt=/^\s+/,vt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bt=/<([\w:]+)/,xt=/<tbody/i,wt=/<|&#?\w+;/,Tt=/<(?:script|style|link)/i,Ct=/^(?:checkbox|radio)$/i,Nt=/checked\s*(?:[^=]|=\s*.checked.)/i,kt=/^$|\/(?:java|ecma)script/i,Et=/^true\/(.*)/,St=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,At={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:x.support.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},jt=dt(a),Dt=jt.appendChild(a.createElement("div"));At.optgroup=At.option,At.tbody=At.tfoot=At.colgroup=At.caption=At.thead,At.th=At.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===t?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||a).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Lt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Lt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(Ft(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&_t(Ft(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++){1===e.nodeType&&x.cleanData(Ft(e,!1));while(e.firstChild)e.removeChild(e.firstChild);e.options&&x.nodeName(e,"select")&&(e.options.length=0)}return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return 1===n.nodeType?n.innerHTML.replace(gt,""):t;if(!("string"!=typeof e||Tt.test(e)||!x.support.htmlSerialize&&mt.test(e)||!x.support.leadingWhitespace&&yt.test(e)||At[(bt.exec(e)||["",""])[1].toLowerCase()])){e=e.replace(vt,"<$1></$2>");try{for(;i>r;r++)n=this[r]||{},1===n.nodeType&&(x.cleanData(Ft(n,!1)),n.innerHTML=e);n=0}catch(o){}}n&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=d.apply([],e);var r,i,o,a,s,l,u=0,c=this.length,p=this,f=c-1,h=e[0],g=x.isFunction(h);if(g||!(1>=c||"string"!=typeof h||x.support.checkClone)&&Nt.test(h))return this.each(function(r){var i=p.eq(r);g&&(e[0]=h.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(l=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),r=l.firstChild,1===l.childNodes.length&&(l=r),r)){for(a=x.map(Ft(l,"script"),Ht),o=a.length;c>u;u++)i=l,u!==f&&(i=x.clone(i,!0,!0),o&&x.merge(a,Ft(i,"script"))),t.call(this[u],i,u);if(o)for(s=a[a.length-1].ownerDocument,x.map(a,qt),u=0;o>u;u++)i=a[u],kt.test(i.type||"")&&!x._data(i,"globalEval")&&x.contains(s,i)&&(i.src?x._evalUrl(i.src):x.globalEval((i.text||i.textContent||i.innerHTML||"").replace(St,"")));l=r=null}return this}});function Lt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function Ht(e){return e.type=(null!==x.find.attr(e,"type"))+"/"+e.type,e}function qt(e){var t=Et.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function _t(e,t){var n,r=0;for(;null!=(n=e[r]);r++)x._data(n,"globalEval",!t||x._data(t[r],"globalEval"))}function Mt(e,t){if(1===t.nodeType&&x.hasData(e)){var n,r,i,o=x._data(e),a=x._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;i>r;r++)x.event.add(t,n,s[n][r])}a.data&&(a.data=x.extend({},a.data))}}function Ot(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!x.support.noCloneEvent&&t[x.expando]){i=x._data(t);for(r in i.events)x.removeEvent(t,r,i.handle);t.removeAttribute(x.expando)}"script"===n&&t.text!==e.text?(Ht(t).text=e.text,qt(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),x.support.html5Clone&&e.innerHTML&&!x.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Ct.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}}x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=0,i=[],o=x(e),a=o.length-1;for(;a>=r;r++)n=r===a?this:this.clone(!0),x(o[r])[t](n),h.apply(i,n.get());return this.pushStack(i)}});function Ft(e,n){var r,o,a=0,s=typeof e.getElementsByTagName!==i?e.getElementsByTagName(n||"*"):typeof e.querySelectorAll!==i?e.querySelectorAll(n||"*"):t;if(!s)for(s=[],r=e.childNodes||e;null!=(o=r[a]);a++)!n||x.nodeName(o,n)?s.push(o):x.merge(s,Ft(o,n));return n===t||n&&x.nodeName(e,n)?x.merge([e],s):s}function Bt(e){Ct.test(e.type)&&(e.defaultChecked=e.checked)}x.extend({clone:function(e,t,n){var r,i,o,a,s,l=x.contains(e.ownerDocument,e);if(x.support.html5Clone||x.isXMLDoc(e)||!mt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(Dt.innerHTML=e.outerHTML,Dt.removeChild(o=Dt.firstChild)),!(x.support.noCloneEvent&&x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(r=Ft(o),s=Ft(e),a=0;null!=(i=s[a]);++a)r[a]&&Ot(i,r[a]);if(t)if(n)for(s=s||Ft(e),r=r||Ft(o),a=0;null!=(i=s[a]);a++)Mt(i,r[a]);else Mt(e,o);return r=Ft(o,"script"),r.length>0&&_t(r,!l&&Ft(e,"script")),r=s=i=null,o},buildFragment:function(e,t,n,r){var i,o,a,s,l,u,c,p=e.length,f=dt(t),d=[],h=0;for(;p>h;h++)if(o=e[h],o||0===o)if("object"===x.type(o))x.merge(d,o.nodeType?[o]:o);else if(wt.test(o)){s=s||f.appendChild(t.createElement("div")),l=(bt.exec(o)||["",""])[1].toLowerCase(),c=At[l]||At._default,s.innerHTML=c[1]+o.replace(vt,"<$1></$2>")+c[2],i=c[0];while(i--)s=s.lastChild;if(!x.support.leadingWhitespace&&yt.test(o)&&d.push(t.createTextNode(yt.exec(o)[0])),!x.support.tbody){o="table"!==l||xt.test(o)?"<table>"!==c[1]||xt.test(o)?0:s:s.firstChild,i=o&&o.childNodes.length;while(i--)x.nodeName(u=o.childNodes[i],"tbody")&&!u.childNodes.length&&o.removeChild(u)}x.merge(d,s.childNodes),s.textContent="";while(s.firstChild)s.removeChild(s.firstChild);s=f.lastChild}else d.push(t.createTextNode(o));s&&f.removeChild(s),x.support.appendChecked||x.grep(Ft(d,"input"),Bt),h=0;while(o=d[h++])if((!r||-1===x.inArray(o,r))&&(a=x.contains(o.ownerDocument,o),s=Ft(f.appendChild(o),"script"),a&&_t(s),n)){i=0;while(o=s[i++])kt.test(o.type||"")&&n.push(o)}return s=null,f},cleanData:function(e,t){var n,r,o,a,s=0,l=x.expando,u=x.cache,c=x.support.deleteExpando,f=x.event.special;for(;null!=(n=e[s]);s++)if((t||x.acceptData(n))&&(o=n[l],a=o&&u[o])){if(a.events)for(r in a.events)f[r]?x.event.remove(n,r):x.removeEvent(n,r,a.handle); | ||
+ | u[o]&&(delete u[o],c?delete n[l]:typeof n.removeAttribute!==i?n.removeAttribute(l):n[l]=null,p.push(o))}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}}),x.fn.extend({wrapAll:function(e){if(x.isFunction(e))return this.each(function(t){x(this).wrapAll(e.call(this,t))});if(this[0]){var t=x(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&1===e.firstChild.nodeType)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var Pt,Rt,Wt,$t=/alpha\([^)]*\)/i,It=/opacity\s*=\s*([^)]*)/,zt=/^(top|right|bottom|left)$/,Xt=/^(none|table(?!-c[ea]).+)/,Ut=/^margin/,Vt=RegExp("^("+w+")(.*)$","i"),Yt=RegExp("^("+w+")(?!px)[a-z%]+$","i"),Jt=RegExp("^([+-])=("+w+")","i"),Gt={BODY:"block"},Qt={position:"absolute",visibility:"hidden",display:"block"},Kt={letterSpacing:0,fontWeight:400},Zt=["Top","Right","Bottom","Left"],en=["Webkit","O","Moz","ms"];function tn(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=en.length;while(i--)if(t=en[i]+n,t in e)return t;return r}function nn(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function rn(e,t){var n,r,i,o=[],a=0,s=e.length;for(;s>a;a++)r=e[a],r.style&&(o[a]=x._data(r,"olddisplay"),n=r.style.display,t?(o[a]||"none"!==n||(r.style.display=""),""===r.style.display&&nn(r)&&(o[a]=x._data(r,"olddisplay",ln(r.nodeName)))):o[a]||(i=nn(r),(n&&"none"!==n||!i)&&x._data(r,"olddisplay",i?n:x.css(r,"display"))));for(a=0;s>a;a++)r=e[a],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[a]||"":"none"));return e}x.fn.extend({css:function(e,n){return x.access(this,function(e,n,r){var i,o,a={},s=0;if(x.isArray(n)){for(o=Rt(e),i=n.length;i>s;s++)a[n[s]]=x.css(e,n[s],!1,o);return a}return r!==t?x.style(e,n,r):x.css(e,n)},e,n,arguments.length>1)},show:function(){return rn(this,!0)},hide:function(){return rn(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){nn(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Wt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":x.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var o,a,s,l=x.camelCase(n),u=e.style;if(n=x.cssProps[l]||(x.cssProps[l]=tn(u,l)),s=x.cssHooks[n]||x.cssHooks[l],r===t)return s&&"get"in s&&(o=s.get(e,!1,i))!==t?o:u[n];if(a=typeof r,"string"===a&&(o=Jt.exec(r))&&(r=(o[1]+1)*o[2]+parseFloat(x.css(e,n)),a="number"),!(null==r||"number"===a&&isNaN(r)||("number"!==a||x.cssNumber[l]||(r+="px"),x.support.clearCloneStyle||""!==r||0!==n.indexOf("background")||(u[n]="inherit"),s&&"set"in s&&(r=s.set(e,r,i))===t)))try{u[n]=r}catch(c){}}},css:function(e,n,r,i){var o,a,s,l=x.camelCase(n);return n=x.cssProps[l]||(x.cssProps[l]=tn(e.style,l)),s=x.cssHooks[n]||x.cssHooks[l],s&&"get"in s&&(a=s.get(e,!0,r)),a===t&&(a=Wt(e,n,i)),"normal"===a&&n in Kt&&(a=Kt[n]),""===r||r?(o=parseFloat(a),r===!0||x.isNumeric(o)?o||0:a):a}}),e.getComputedStyle?(Rt=function(t){return e.getComputedStyle(t,null)},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),l=s?s.getPropertyValue(n)||s[n]:t,u=e.style;return s&&(""!==l||x.contains(e.ownerDocument,e)||(l=x.style(e,n)),Yt.test(l)&&Ut.test(n)&&(i=u.width,o=u.minWidth,a=u.maxWidth,u.minWidth=u.maxWidth=u.width=l,l=s.width,u.width=i,u.minWidth=o,u.maxWidth=a)),l}):a.documentElement.currentStyle&&(Rt=function(e){return e.currentStyle},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),l=s?s[n]:t,u=e.style;return null==l&&u&&u[n]&&(l=u[n]),Yt.test(l)&&!zt.test(n)&&(i=u.left,o=e.runtimeStyle,a=o&&o.left,a&&(o.left=e.currentStyle.left),u.left="fontSize"===n?"1em":l,l=u.pixelLeft+"px",u.left=i,a&&(o.left=a)),""===l?"auto":l});function on(e,t,n){var r=Vt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function an(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,a=0;for(;4>o;o+=2)"margin"===n&&(a+=x.css(e,n+Zt[o],!0,i)),r?("content"===n&&(a-=x.css(e,"padding"+Zt[o],!0,i)),"margin"!==n&&(a-=x.css(e,"border"+Zt[o]+"Width",!0,i))):(a+=x.css(e,"padding"+Zt[o],!0,i),"padding"!==n&&(a+=x.css(e,"border"+Zt[o]+"Width",!0,i)));return a}function sn(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=Rt(e),a=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=Wt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Yt.test(i))return i;r=a&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+an(e,t,n||(a?"border":"content"),r,o)+"px"}function ln(e){var t=a,n=Gt[e];return n||(n=un(e,t),"none"!==n&&n||(Pt=(Pt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(Pt[0].contentWindow||Pt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=un(e,t),Pt.detach()),Gt[e]=n),n}function un(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,n){x.cssHooks[n]={get:function(e,r,i){return r?0===e.offsetWidth&&Xt.test(x.css(e,"display"))?x.swap(e,Qt,function(){return sn(e,n,i)}):sn(e,n,i):t},set:function(e,t,r){var i=r&&Rt(e);return on(e,t,r?an(e,n,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x.support.opacity||(x.cssHooks.opacity={get:function(e,t){return It.test((t&&e.currentStyle?e.currentStyle.filter:e.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":t?"1":""},set:function(e,t){var n=e.style,r=e.currentStyle,i=x.isNumeric(t)?"alpha(opacity="+100*t+")":"",o=r&&r.filter||n.filter||"";n.zoom=1,(t>=1||""===t)&&""===x.trim(o.replace($t,""))&&n.removeAttribute&&(n.removeAttribute("filter"),""===t||r&&!r.filter)||(n.filter=$t.test(o)?o.replace($t,i):o+" "+i)}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,n){return n?x.swap(e,{display:"inline-block"},Wt,[e,"marginRight"]):t}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,n){x.cssHooks[n]={get:function(e,r){return r?(r=Wt(e,n),Yt.test(r)?x(e).position()[n]+"px":r):t}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight||!x.support.reliableHiddenOffsets&&"none"===(e.style&&e.style.display||x.css(e,"display"))},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+Zt[r]+t]=o[r]||o[r-2]||o[0];return i}},Ut.test(e)||(x.cssHooks[e+t].set=on)});var cn=/%20/g,pn=/\[\]$/,fn=/\r?\n/g,dn=/^(?:submit|button|image|reset|file)$/i,hn=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&hn.test(this.nodeName)&&!dn.test(e)&&(this.checked||!Ct.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(fn,"\r\n")}}):{name:t.name,value:n.replace(fn,"\r\n")}}).get()}}),x.param=function(e,n){var r,i=[],o=function(e,t){t=x.isFunction(t)?t():null==t?"":t,i[i.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(n===t&&(n=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){o(this.name,this.value)});else for(r in e)gn(r,e[r],n,o);return i.join("&").replace(cn,"+")};function gn(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||pn.test(e)?r(e,i):gn(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)gn(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}});var mn,yn,vn=x.now(),bn=/\?/,xn=/#.*$/,wn=/([?&])_=[^&]*/,Tn=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Cn=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Nn=/^(?:GET|HEAD)$/,kn=/^\/\//,En=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,Sn=x.fn.load,An={},jn={},Dn="*/".concat("*");try{yn=o.href}catch(Ln){yn=a.createElement("a"),yn.href="",yn=yn.href}mn=En.exec(yn.toLowerCase())||[];function Hn(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(T)||[];if(x.isFunction(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function qn(e,n,r,i){var o={},a=e===jn;function s(l){var u;return o[l]=!0,x.each(e[l]||[],function(e,l){var c=l(n,r,i);return"string"!=typeof c||a||o[c]?a?!(u=c):t:(n.dataTypes.unshift(c),s(c),!1)}),u}return s(n.dataTypes[0])||!o["*"]&&s("*")}function _n(e,n){var r,i,o=x.ajaxSettings.flatOptions||{};for(i in n)n[i]!==t&&((o[i]?e:r||(r={}))[i]=n[i]);return r&&x.extend(!0,e,r),e}x.fn.load=function(e,n,r){if("string"!=typeof e&&Sn)return Sn.apply(this,arguments);var i,o,a,s=this,l=e.indexOf(" ");return l>=0&&(i=e.slice(l,e.length),e=e.slice(0,l)),x.isFunction(n)?(r=n,n=t):n&&"object"==typeof n&&(a="POST"),s.length>0&&x.ajax({url:e,type:a,dataType:"html",data:n}).done(function(e){o=arguments,s.html(i?x("<div>").append(x.parseHTML(e)).find(i):e)}).complete(r&&function(e,t){s.each(r,o||[e.responseText,t,e])}),this},x.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){x.fn[t]=function(e){return this.on(t,e)}}),x.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:yn,type:"GET",isLocal:Cn.test(mn[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Dn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":x.parseJSON,"text xml":x.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?_n(_n(e,x.ajaxSettings),t):_n(x.ajaxSettings,e)},ajaxPrefilter:Hn(An),ajaxTransport:Hn(jn),ajax:function(e,n){"object"==typeof e&&(n=e,e=t),n=n||{};var r,i,o,a,s,l,u,c,p=x.ajaxSetup({},n),f=p.context||p,d=p.context&&(f.nodeType||f.jquery)?x(f):x.event,h=x.Deferred(),g=x.Callbacks("once memory"),m=p.statusCode||{},y={},v={},b=0,w="canceled",C={readyState:0,getResponseHeader:function(e){var t;if(2===b){if(!c){c={};while(t=Tn.exec(a))c[t[1].toLowerCase()]=t[2]}t=c[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===b?a:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return b||(e=v[n]=v[n]||e,y[e]=t),this},overrideMimeType:function(e){return b||(p.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>b)for(t in e)m[t]=[m[t],e[t]];else C.always(e[C.status]);return this},abort:function(e){var t=e||w;return u&&u.abort(t),k(0,t),this}};if(h.promise(C).complete=g.add,C.success=C.done,C.error=C.fail,p.url=((e||p.url||yn)+"").replace(xn,"").replace(kn,mn[1]+"//"),p.type=n.method||n.type||p.method||p.type,p.dataTypes=x.trim(p.dataType||"*").toLowerCase().match(T)||[""],null==p.crossDomain&&(r=En.exec(p.url.toLowerCase()),p.crossDomain=!(!r||r[1]===mn[1]&&r[2]===mn[2]&&(r[3]||("http:"===r[1]?"80":"443"))===(mn[3]||("http:"===mn[1]?"80":"443")))),p.data&&p.processData&&"string"!=typeof p.data&&(p.data=x.param(p.data,p.traditional)),qn(An,p,n,C),2===b)return C;l=p.global,l&&0===x.active++&&x.event.trigger("ajaxStart"),p.type=p.type.toUpperCase(),p.hasContent=!Nn.test(p.type),o=p.url,p.hasContent||(p.data&&(o=p.url+=(bn.test(o)?"&":"?")+p.data,delete p.data),p.cache===!1&&(p.url=wn.test(o)?o.replace(wn,"$1_="+vn++):o+(bn.test(o)?"&":"?")+"_="+vn++)),p.ifModified&&(x.lastModified[o]&&C.setRequestHeader("If-Modified-Since",x.lastModified[o]),x.etag[o]&&C.setRequestHeader("If-None-Match",x.etag[o])),(p.data&&p.hasContent&&p.contentType!==!1||n.contentType)&&C.setRequestHeader("Content-Type",p.contentType),C.setRequestHeader("Accept",p.dataTypes[0]&&p.accepts[p.dataTypes[0]]?p.accepts[p.dataTypes[0]]+("*"!==p.dataTypes[0]?", "+Dn+"; q=0.01":""):p.accepts["*"]);for(i in p.headers)C.setRequestHeader(i,p.headers[i]);if(p.beforeSend&&(p.beforeSend.call(f,C,p)===!1||2===b))return C.abort();w="abort";for(i in{success:1,error:1,complete:1})C[i](p[i]);if(u=qn(jn,p,n,C)){C.readyState=1,l&&d.trigger("ajaxSend",[C,p]),p.async&&p.timeout>0&&(s=setTimeout(function(){C.abort("timeout")},p.timeout));try{b=1,u.send(y,k)}catch(N){if(!(2>b))throw N;k(-1,N)}}else k(-1,"No Transport");function k(e,n,r,i){var c,y,v,w,T,N=n;2!==b&&(b=2,s&&clearTimeout(s),u=t,a=i||"",C.readyState=e>0?4:0,c=e>=200&&300>e||304===e,r&&(w=Mn(p,C,r)),w=On(p,w,C,c),c?(p.ifModified&&(T=C.getResponseHeader("Last-Modified"),T&&(x.lastModified[o]=T),T=C.getResponseHeader("etag"),T&&(x.etag[o]=T)),204===e||"HEAD"===p.type?N="nocontent":304===e?N="notmodified":(N=w.state,y=w.data,v=w.error,c=!v)):(v=N,(e||!N)&&(N="error",0>e&&(e=0))),C.status=e,C.statusText=(n||N)+"",c?h.resolveWith(f,[y,N,C]):h.rejectWith(f,[C,N,v]),C.statusCode(m),m=t,l&&d.trigger(c?"ajaxSuccess":"ajaxError",[C,p,c?y:v]),g.fireWith(f,[C,N]),l&&(d.trigger("ajaxComplete",[C,p]),--x.active||x.event.trigger("ajaxStop")))}return C},getJSON:function(e,t,n){return x.get(e,t,n,"json")},getScript:function(e,n){return x.get(e,t,n,"script")}}),x.each(["get","post"],function(e,n){x[n]=function(e,r,i,o){return x.isFunction(r)&&(o=o||i,i=r,r=t),x.ajax({url:e,type:n,dataType:o,data:r,success:i})}});function Mn(e,n,r){var i,o,a,s,l=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),o===t&&(o=e.mimeType||n.getResponseHeader("Content-Type"));if(o)for(s in l)if(l[s]&&l[s].test(o)){u.unshift(s);break}if(u[0]in r)a=u[0];else{for(s in r){if(!u[0]||e.converters[s+" "+u[0]]){a=s;break}i||(i=s)}a=a||i}return a?(a!==u[0]&&u.unshift(a),r[a]):t}function On(e,t,n,r){var i,o,a,s,l,u={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)u[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!l&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),l=o,o=c.shift())if("*"===o)o=l;else if("*"!==l&&l!==o){if(a=u[l+" "+o]||u["* "+o],!a)for(i in u)if(s=i.split(" "),s[1]===o&&(a=u[l+" "+s[0]]||u["* "+s[0]])){a===!0?a=u[i]:u[i]!==!0&&(o=s[0],c.unshift(s[1]));break}if(a!==!0)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(p){return{state:"parsererror",error:a?p:"No conversion from "+l+" to "+o}}}return{state:"success",data:t}}x.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return x.globalEval(e),e}}}),x.ajaxPrefilter("script",function(e){e.cache===t&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),x.ajaxTransport("script",function(e){if(e.crossDomain){var n,r=a.head||x("head")[0]||a.documentElement;return{send:function(t,i){n=a.createElement("script"),n.async=!0,e.scriptCharset&&(n.charset=e.scriptCharset),n.src=e.url,n.onload=n.onreadystatechange=function(e,t){(t||!n.readyState||/loaded|complete/.test(n.readyState))&&(n.onload=n.onreadystatechange=null,n.parentNode&&n.parentNode.removeChild(n),n=null,t||i(200,"success"))},r.insertBefore(n,r.firstChild)},abort:function(){n&&n.onload(t,!0)}}}});var Fn=[],Bn=/(=)\?(?=&|$)|\?\?/;x.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Fn.pop()||x.expando+"_"+vn++;return this[e]=!0,e}}),x.ajaxPrefilter("json jsonp",function(n,r,i){var o,a,s,l=n.jsonp!==!1&&(Bn.test(n.url)?"url":"string"==typeof n.data&&!(n.contentType||"").indexOf("application/x-www-form-urlencoded")&&Bn.test(n.data)&&"data");return l||"jsonp"===n.dataTypes[0]?(o=n.jsonpCallback=x.isFunction(n.jsonpCallback)?n.jsonpCallback():n.jsonpCallback,l?n[l]=n[l].replace(Bn,"$1"+o):n.jsonp!==!1&&(n.url+=(bn.test(n.url)?"&":"?")+n.jsonp+"="+o),n.converters["script json"]=function(){return s||x.error(o+" was not called"),s[0]},n.dataTypes[0]="json",a=e[o],e[o]=function(){s=arguments},i.always(function(){e[o]=a,n[o]&&(n.jsonpCallback=r.jsonpCallback,Fn.push(o)),s&&x.isFunction(a)&&a(s[0]),s=a=t}),"script"):t});var Pn,Rn,Wn=0,$n=e.ActiveXObject&&function(){var e;for(e in Pn)Pn[e](t,!0)};function In(){try{return new e.XMLHttpRequest}catch(t){}}function zn(){try{return new e.ActiveXObject("Microsoft.XMLHTTP")}catch(t){}}x.ajaxSettings.xhr=e.ActiveXObject?function(){return!this.isLocal&&In()||zn()}:In,Rn=x.ajaxSettings.xhr(),x.support.cors=!!Rn&&"withCredentials"in Rn,Rn=x.support.ajax=!!Rn,Rn&&x.ajaxTransport(function(n){if(!n.crossDomain||x.support.cors){var r;return{send:function(i,o){var a,s,l=n.xhr();if(n.username?l.open(n.type,n.url,n.async,n.username,n.password):l.open(n.type,n.url,n.async),n.xhrFields)for(s in n.xhrFields)l[s]=n.xhrFields[s];n.mimeType&&l.overrideMimeType&&l.overrideMimeType(n.mimeType),n.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");try{for(s in i)l.setRequestHeader(s,i[s])}catch(u){}l.send(n.hasContent&&n.data||null),r=function(e,i){var s,u,c,p;try{if(r&&(i||4===l.readyState))if(r=t,a&&(l.onreadystatechange=x.noop,$n&&delete Pn[a]),i)4!==l.readyState&&l.abort();else{p={},s=l.status,u=l.getAllResponseHeaders(),"string"==typeof l.responseText&&(p.text=l.responseText);try{c=l.statusText}catch(f){c=""}s||!n.isLocal||n.crossDomain?1223===s&&(s=204):s=p.text?200:404}}catch(d){i||o(-1,d)}p&&o(s,c,p,u)},n.async?4===l.readyState?setTimeout(r):(a=++Wn,$n&&(Pn||(Pn={},x(e).unload($n)),Pn[a]=r),l.onreadystatechange=r):r()},abort:function(){r&&r(t,!0)}}}});var Xn,Un,Vn=/^(?:toggle|show|hide)$/,Yn=RegExp("^(?:([+-])=|)("+w+")([a-z%]*)$","i"),Jn=/queueHooks$/,Gn=[nr],Qn={"*":[function(e,t){var n=this.createTween(e,t),r=n.cur(),i=Yn.exec(t),o=i&&i[3]||(x.cssNumber[e]?"":"px"),a=(x.cssNumber[e]||"px"!==o&&+r)&&Yn.exec(x.css(n.elem,e)),s=1,l=20;if(a&&a[3]!==o){o=o||a[3],i=i||[],a=+r||1;do s=s||".5",a/=s,x.style(n.elem,e,a+o);while(s!==(s=n.cur()/r)&&1!==s&&--l)}return i&&(a=n.start=+a||+r||0,n.unit=o,n.end=i[1]?a+(i[1]+1)*i[2]:+i[2]),n}]};function Kn(){return setTimeout(function(){Xn=t}),Xn=x.now()}function Zn(e,t,n){var r,i=(Qn[t]||[]).concat(Qn["*"]),o=0,a=i.length;for(;a>o;o++)if(r=i[o].call(n,t,e))return r}function er(e,t,n){var r,i,o=0,a=Gn.length,s=x.Deferred().always(function(){delete l.elem}),l=function(){if(i)return!1;var t=Xn||Kn(),n=Math.max(0,u.startTime+u.duration-t),r=n/u.duration||0,o=1-r,a=0,l=u.tweens.length;for(;l>a;a++)u.tweens[a].run(o);return s.notifyWith(e,[u,o,n]),1>o&&l?n:(s.resolveWith(e,[u]),!1)},u=s.promise({elem:e,props:x.extend({},t),opts:x.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:Xn||Kn(),duration:n.duration,tweens:[],createTween:function(t,n){var r=x.Tween(e,u.opts,t,n,u.opts.specialEasing[t]||u.opts.easing);return u.tweens.push(r),r},stop:function(t){var n=0,r=t?u.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)u.tweens[n].run(1);return t?s.resolveWith(e,[u,t]):s.rejectWith(e,[u,t]),this}}),c=u.props;for(tr(c,u.opts.specialEasing);a>o;o++)if(r=Gn[o].call(u,e,c,u.opts))return r;return x.map(c,Zn,u),x.isFunction(u.opts.start)&&u.opts.start.call(e,u),x.fx.timer(x.extend(l,{elem:e,anim:u,queue:u.opts.queue})),u.progress(u.opts.progress).done(u.opts.done,u.opts.complete).fail(u.opts.fail).always(u.opts.always)}function tr(e,t){var n,r,i,o,a;for(n in e)if(r=x.camelCase(n),i=t[r],o=e[n],x.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),a=x.cssHooks[r],a&&"expand"in a){o=a.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}x.Animation=x.extend(er,{tweener:function(e,t){x.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Qn[n]=Qn[n]||[],Qn[n].unshift(t)},prefilter:function(e,t){t?Gn.unshift(e):Gn.push(e)}});function nr(e,t,n){var r,i,o,a,s,l,u=this,c={},p=e.style,f=e.nodeType&&nn(e),d=x._data(e,"fxshow");n.queue||(s=x._queueHooks(e,"fx"),null==s.unqueued&&(s.unqueued=0,l=s.empty.fire,s.empty.fire=function(){s.unqueued||l()}),s.unqueued++,u.always(function(){u.always(function(){s.unqueued--,x.queue(e,"fx").length||s.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],"inline"===x.css(e,"display")&&"none"===x.css(e,"float")&&(x.support.inlineBlockNeedsLayout&&"inline"!==ln(e.nodeName)?p.zoom=1:p.display="inline-block")),n.overflow&&(p.overflow="hidden",x.support.shrinkWrapBlocks||u.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],Vn.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(f?"hide":"show"))continue;c[r]=d&&d[r]||x.style(e,r)}if(!x.isEmptyObject(c)){d?"hidden"in d&&(f=d.hidden):d=x._data(e,"fxshow",{}),o&&(d.hidden=!f),f?x(e).show():u.done(function(){x(e).hide()}),u.done(function(){var t;x._removeData(e,"fxshow");for(t in c)x.style(e,t,c[t])});for(r in c)a=Zn(f?d[r]:0,r,u),r in d||(d[r]=a.start,f&&(a.end=a.start,a.start="width"===r||"height"===r?1:0))}}function rr(e,t,n,r,i){return new rr.prototype.init(e,t,n,r,i)}x.Tween=rr,rr.prototype={constructor:rr,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(x.cssNumber[n]?"":"px")},cur:function(){var e=rr.propHooks[this.prop];return e&&e.get?e.get(this):rr.propHooks._default.get(this)},run:function(e){var t,n=rr.propHooks[this.prop];return this.pos=t=this.options.duration?x.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):rr.propHooks._default.set(this),this}},rr.prototype.init.prototype=rr.prototype,rr.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=x.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){x.fx.step[e.prop]?x.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[x.cssProps[e.prop]]||x.cssHooks[e.prop])?x.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},rr.propHooks.scrollTop=rr.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},x.each(["toggle","show","hide"],function(e,t){var n=x.fn[t];x.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(ir(t,!0),e,r,i)}}),x.fn.extend({fadeTo:function(e,t,n,r){return this.filter(nn).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=x.isEmptyObject(e),o=x.speed(t,n,r),a=function(){var t=er(this,x.extend({},e),o);(i||x._data(this,"finish"))&&t.stop(!0)};return a.finish=a,i||o.queue===!1?this.each(a):this.queue(o.queue,a)},stop:function(e,n,r){var i=function(e){var t=e.stop;delete e.stop,t(r)};return"string"!=typeof e&&(r=n,n=e,e=t),n&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,n=null!=e&&e+"queueHooks",o=x.timers,a=x._data(this);if(n)a[n]&&a[n].stop&&i(a[n]);else for(n in a)a[n]&&a[n].stop&&Jn.test(n)&&i(a[n]);for(n=o.length;n--;)o[n].elem!==this||null!=e&&o[n].queue!==e||(o[n].anim.stop(r),t=!1,o.splice(n,1));(t||!r)&&x.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=x._data(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=x.timers,a=r?r.length:0;for(n.finish=!0,x.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;a>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function ir(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=Zt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}x.each({slideDown:ir("show"),slideUp:ir("hide"),slideToggle:ir("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){x.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),x.speed=function(e,t,n){var r=e&&"object"==typeof e?x.extend({},e):{complete:n||!n&&t||x.isFunction(e)&&e,duration:e,easing:n&&t||t&&!x.isFunction(t)&&t};return r.duration=x.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in x.fx.speeds?x.fx.speeds[r.duration]:x.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){x.isFunction(r.old)&&r.old.call(this),r.queue&&x.dequeue(this,r.queue)},r},x.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},x.timers=[],x.fx=rr.prototype.init,x.fx.tick=function(){var e,n=x.timers,r=0;for(Xn=x.now();n.length>r;r++)e=n[r],e()||n[r]!==e||n.splice(r--,1);n.length||x.fx.stop(),Xn=t},x.fx.timer=function(e){e()&&x.timers.push(e)&&x.fx.start()},x.fx.interval=13,x.fx.start=function(){Un||(Un=setInterval(x.fx.tick,x.fx.interval))},x.fx.stop=function(){clearInterval(Un),Un=null},x.fx.speeds={slow:600,fast:200,_default:400},x.fx.step={},x.expr&&x.expr.filters&&(x.expr.filters.animated=function(e){return x.grep(x.timers,function(t){return e===t.elem}).length}),x.fn.offset=function(e){if(arguments.length)return e===t?this:this.each(function(t){x.offset.setOffset(this,e,t)});var n,r,o={top:0,left:0},a=this[0],s=a&&a.ownerDocument;if(s)return n=s.documentElement,x.contains(n,a)?(typeof a.getBoundingClientRect!==i&&(o=a.getBoundingClientRect()),r=or(s),{top:o.top+(r.pageYOffset||n.scrollTop)-(n.clientTop||0),left:o.left+(r.pageXOffset||n.scrollLeft)-(n.clientLeft||0)}):o},x.offset={setOffset:function(e,t,n){var r=x.css(e,"position");"static"===r&&(e.style.position="relative");var i=x(e),o=i.offset(),a=x.css(e,"top"),s=x.css(e,"left"),l=("absolute"===r||"fixed"===r)&&x.inArray("auto",[a,s])>-1,u={},c={},p,f;l?(c=i.position(),p=c.top,f=c.left):(p=parseFloat(a)||0,f=parseFloat(s)||0),x.isFunction(t)&&(t=t.call(e,n,o)),null!=t.top&&(u.top=t.top-o.top+p),null!=t.left&&(u.left=t.left-o.left+f),"using"in t?t.using.call(e,u):i.css(u)}},x.fn.extend({position:function(){if(this[0]){var e,t,n={top:0,left:0},r=this[0];return"fixed"===x.css(r,"position")?t=r.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),x.nodeName(e[0],"html")||(n=e.offset()),n.top+=x.css(e[0],"borderTopWidth",!0),n.left+=x.css(e[0],"borderLeftWidth",!0)),{top:t.top-n.top-x.css(r,"marginTop",!0),left:t.left-n.left-x.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||s;while(e&&!x.nodeName(e,"html")&&"static"===x.css(e,"position"))e=e.offsetParent;return e||s})}}),x.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,n){var r=/Y/.test(n);x.fn[e]=function(i){return x.access(this,function(e,i,o){var a=or(e);return o===t?a?n in a?a[n]:a.document.documentElement[i]:e[i]:(a?a.scrollTo(r?x(a).scrollLeft():o,r?o:x(a).scrollTop()):e[i]=o,t)},e,i,arguments.length,null)}});function or(e){return x.isWindow(e)?e:9===e.nodeType?e.defaultView||e.parentWindow:!1}x.each({Height:"height",Width:"width"},function(e,n){x.each({padding:"inner"+e,content:n,"":"outer"+e},function(r,i){x.fn[i]=function(i,o){var a=arguments.length&&(r||"boolean"!=typeof i),s=r||(i===!0||o===!0?"margin":"border");return x.access(this,function(n,r,i){var o;return x.isWindow(n)?n.document.documentElement["client"+e]:9===n.nodeType?(o=n.documentElement,Math.max(n.body["scroll"+e],o["scroll"+e],n.body["offset"+e],o["offset"+e],o["client"+e])):i===t?x.css(n,r,s):x.style(n,r,i,s)},n,a?i:t,a,null)}})}),x.fn.size=function(){return this.length},x.fn.andSelf=x.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=x:(e.jQuery=e.$=x,"function"==typeof define&&define.amd&&define("jquery",[],function(){return x}))})(window); | ||
+ | </script> | ||
+ | |||
+ | <!-- <script src="js/waypoints.min.js"></script> --> | ||
+ | <script> | ||
+ | // Generated by CoffeeScript 1.6.2 | ||
+ | /* | ||
+ | jQuery Waypoints - v2.0.2 | ||
+ | Copyright (c) 2011-2013 Caleb Troughton | ||
+ | Dual licensed under the MIT license and GPL license. | ||
+ | https://github.com/imakewebthings/jquery-waypoints/blob/master/licenses.txt | ||
+ | */ | ||
+ | (function(){var t=[].indexOf||function(t){for(var e=0,n=this.length;e<n;e++){if(e in this&&this[e]===t)return e}return-1},e=[].slice;(function(t,e){if(typeof define==="function"&&define.amd){return define("waypoints",["jquery"],function(n){return e(n,t)})}else{return e(t.jQuery,t)}})(this,function(n,r){var i,o,l,s,f,u,a,c,h,d,p,y,v,w,g,m;i=n(r);c=t.call(r,"ontouchstart")>=0;s={horizontal:{},vertical:{}};f=1;a={};u="waypoints-context-id";p="resize.waypoints";y="scroll.waypoints";v=1;w="waypoints-waypoint-ids";g="waypoint";m="waypoints";o=function(){function t(t){var e=this;this.$element=t;this.element=t[0];this.didResize=false;this.didScroll=false;this.id="context"+f++;this.oldScroll={x:t.scrollLeft(),y:t.scrollTop()};this.waypoints={horizontal:{},vertical:{}};t.data(u,this.id);a[this.id]=this;t.bind(y,function(){var t;if(!(e.didScroll||c)){e.didScroll=true;t=function(){e.doScroll();return e.didScroll=false};return r.setTimeout(t,n[m].settings.scrollThrottle)}});t.bind(p,function(){var t;if(!e.didResize){e.didResize=true;t=function(){n[m]("refresh");return e.didResize=false};return r.setTimeout(t,n[m].settings.resizeThrottle)}})}t.prototype.doScroll=function(){var t,e=this;t={horizontal:{newScroll:this.$element.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.$element.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};if(c&&(!t.vertical.oldScroll||!t.vertical.newScroll)){n[m]("refresh")}n.each(t,function(t,r){var i,o,l;l=[];o=r.newScroll>r.oldScroll;i=o?r.forward:r.backward;n.each(e.waypoints[t],function(t,e){var n,i;if(r.oldScroll<(n=e.offset)&&n<=r.newScroll){return l.push(e)}else if(r.newScroll<(i=e.offset)&&i<=r.oldScroll){return l.push(e)}});l.sort(function(t,e){return t.offset-e.offset});if(!o){l.reverse()}return n.each(l,function(t,e){if(e.options.continuous||t===l.length-1){return e.trigger([i])}})});return this.oldScroll={x:t.horizontal.newScroll,y:t.vertical.newScroll}};t.prototype.refresh=function(){var t,e,r,i=this;r=n.isWindow(this.element);e=this.$element.offset();this.doScroll();t={horizontal:{contextOffset:r?0:e.left,contextScroll:r?0:this.oldScroll.x,contextDimension:this.$element.width(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:r?0:e.top,contextScroll:r?0:this.oldScroll.y,contextDimension:r?n[m]("viewportHeight"):this.$element.height(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};return n.each(t,function(t,e){return n.each(i.waypoints[t],function(t,r){var i,o,l,s,f;i=r.options.offset;l=r.offset;o=n.isWindow(r.element)?0:r.$element.offset()[e.offsetProp];if(n.isFunction(i)){i=i.apply(r.element)}else if(typeof i==="string"){i=parseFloat(i);if(r.options.offset.indexOf("%")>-1){i=Math.ceil(e.contextDimension*i/100)}}r.offset=o-e.contextOffset+e.contextScroll-i;if(r.options.onlyOnScroll&&l!=null||!r.enabled){return}if(l!==null&&l<(s=e.oldScroll)&&s<=r.offset){return r.trigger([e.backward])}else if(l!==null&&l>(f=e.oldScroll)&&f>=r.offset){return r.trigger([e.forward])}else if(l===null&&e.oldScroll>=r.offset){return r.trigger([e.forward])}})})};t.prototype.checkEmpty=function(){if(n.isEmptyObject(this.waypoints.horizontal)&&n.isEmptyObject(this.waypoints.vertical)){this.$element.unbind([p,y].join(" "));return delete a[this.id]}};return t}();l=function(){function t(t,e,r){var i,o;r=n.extend({},n.fn[g].defaults,r);if(r.offset==="bottom-in-view"){r.offset=function(){var t;t=n[m]("viewportHeight");if(!n.isWindow(e.element)){t=e.$element.height()}return t-n(this).outerHeight()}}this.$element=t;this.element=t[0];this.axis=r.horizontal?"horizontal":"vertical";this.callback=r.handler;this.context=e;this.enabled=r.enabled;this.id="waypoints"+v++;this.offset=null;this.options=r;e.waypoints[this.axis][this.id]=this;s[this.axis][this.id]=this;i=(o=t.data(w))!=null?o:[];i.push(this.id);t.data(w,i)}t.prototype.trigger=function(t){if(!this.enabled){return}if(this.callback!=null){this.callback.apply(this.element,t)}if(this.options.triggerOnce){return this.destroy()}};t.prototype.disable=function(){return this.enabled=false};t.prototype.enable=function(){this.context.refresh();return this.enabled=true};t.prototype.destroy=function(){delete s[this.axis][this.id];delete this.context.waypoints[this.axis][this.id];return this.context.checkEmpty()};t.getWaypointsByElement=function(t){var e,r;r=n(t).data(w);if(!r){return[]}e=n.extend({},s.horizontal,s.vertical);return n.map(r,function(t){return e[t]})};return t}();d={init:function(t,e){var r;if(e==null){e={}}if((r=e.handler)==null){e.handler=t}this.each(function(){var t,r,i,s;t=n(this);i=(s=e.context)!=null?s:n.fn[g].defaults.context;if(!n.isWindow(i)){i=t.closest(i)}i=n(i);r=a[i.data(u)];if(!r){r=new o(i)}return new l(t,r,e)});n[m]("refresh");return this},disable:function(){return d._invoke(this,"disable")},enable:function(){return d._invoke(this,"enable")},destroy:function(){return d._invoke(this,"destroy")},prev:function(t,e){return d._traverse.call(this,t,e,function(t,e,n){if(e>0){return t.push(n[e-1])}})},next:function(t,e){return d._traverse.call(this,t,e,function(t,e,n){if(e<n.length-1){return t.push(n[e+1])}})},_traverse:function(t,e,i){var o,l;if(t==null){t="vertical"}if(e==null){e=r}l=h.aggregate(e);o=[];this.each(function(){var e;e=n.inArray(this,l[t]);return i(o,e,l[t])});return this.pushStack(o)},_invoke:function(t,e){t.each(function(){var t;t=l.getWaypointsByElement(this);return n.each(t,function(t,n){n[e]();return true})});return this}};n.fn[g]=function(){var t,r;r=arguments[0],t=2<=arguments.length?e.call(arguments,1):[];if(d[r]){return d[r].apply(this,t)}else if(n.isFunction(r)){return d.init.apply(this,arguments)}else if(n.isPlainObject(r)){return d.init.apply(this,[null,r])}else if(!r){return n.error("jQuery Waypoints needs a callback function or handler option.")}else{return n.error("The "+r+" method does not exist in jQuery Waypoints.")}};n.fn[g].defaults={context:r,continuous:true,enabled:true,horizontal:false,offset:0,triggerOnce:false};h={refresh:function(){return n.each(a,function(t,e){return e.refresh()})},viewportHeight:function(){var t;return(t=r.innerHeight)!=null?t:i.height()},aggregate:function(t){var e,r,i;e=s;if(t){e=(i=a[n(t).data(u)])!=null?i.waypoints:void 0}if(!e){return[]}r={horizontal:[],vertical:[]};n.each(r,function(t,i){n.each(e[t],function(t,e){return i.push(e)});i.sort(function(t,e){return t.offset-e.offset});r[t]=n.map(i,function(t){return t.element});return r[t]=n.unique(r[t])});return r},above:function(t){if(t==null){t=r}return h._filter(t,"vertical",function(t,e){return e.offset<=t.oldScroll.y})},below:function(t){if(t==null){t=r}return h._filter(t,"vertical",function(t,e){return e.offset>t.oldScroll.y})},left:function(t){if(t==null){t=r}return h._filter(t,"horizontal",function(t,e){return e.offset<=t.oldScroll.x})},right:function(t){if(t==null){t=r}return h._filter(t,"horizontal",function(t,e){return e.offset>t.oldScroll.x})},enable:function(){return h._invoke("enable")},disable:function(){return h._invoke("disable")},destroy:function(){return h._invoke("destroy")},extendFn:function(t,e){return d[t]=e},_invoke:function(t){var e;e=n.extend({},s.vertical,s.horizontal);return n.each(e,function(e,n){n[t]();return true})},_filter:function(t,e,r){var i,o;i=a[n(t).data(u)];if(!i){return[]}o=[];n.each(i.waypoints[e],function(t,e){if(r(i,e)){return o.push(e)}});o.sort(function(t,e){return t.offset-e.offset});return n.map(o,function(t){return t.element})}};n[m]=function(){var t,n;n=arguments[0],t=2<=arguments.length?e.call(arguments,1):[];if(h[n]){return h[n].apply(null,t)}else{return h.aggregate.call(null,n)}};n[m].settings={resizeThrottle:100,scrollThrottle:30};return i.load(function(){return n[m]("refresh")})})}).call(this); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | function growDiv(param) { | ||
+ | var id = param; | ||
+ | var growDiv = document.getElementById('grow-'+id); | ||
+ | if (growDiv.clientHeight) { | ||
+ | growDiv.style.height = 0; | ||
+ | } else { | ||
+ | var wrapper = document.querySelector('.measuringWrapper'); | ||
+ | growDiv.style.height = wrapper.clientHeight + "px"; | ||
+ | } | ||
+ | |||
+ | if(document.getElementById("menu-item-"+id).className.indexOf("focus") >= 0){ | ||
+ | document.getElementById("menu-item-"+id).className = document.getElementById("menu-item-"+id).className.replace("focus", ""); | ||
+ | }else{ | ||
+ | document.getElementById("menu-item-"+id).className += " focus"; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | var $head = $( '#ha-header' ); | ||
+ | $( '.ha-waypoint' ).each( function(i) { | ||
+ | var $el = $( this ), | ||
+ | animClassDown = $el.data( 'animateDown' ), | ||
+ | animClassUp = $el.data( 'animateUp' ); | ||
+ | |||
+ | $el.waypoint( function( direction ) { | ||
+ | if( direction === 'down' && animClassDown ) { | ||
+ | $head.attr('class', 'ha-header ' + animClassDown); | ||
+ | } | ||
+ | else if( direction === 'up' && animClassUp ){ | ||
+ | $head.attr('class', 'ha-header ' + animClassUp); | ||
+ | } | ||
+ | }, { offset: '100%' } ); | ||
+ | } ); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 08:17, 18 September 2016
<!DOCTYPE html>
IGem Default Header
IGem Team NUS
Project Intro
Sub-title
margin-paragraph
margin-paragraph
![Map of London](img/map.png)
Rupert Street
The connection to London Bridge that no one knew about
Swiss Court
The crazy story of a rebel
Bear Street
Hidden gems and stories
Leicester Square
A never ending love story
Oxendon Street
No need to panik, rescue is close
Haymarket
Adventures to be discovered
The Rupert Connection
24th of February, 1927
Descended from astronomers encyclopaedia galactica from which we spring worldlets intelligent beings gathered by gravity billions.
Swiss Court, Miss
3rd of March, 1928
Hydrogen atoms circumnavigated Cambrian explosion, a mote of dust suspended in a sunbeam Hypatia.
Hiding in Bear Street
19th of July, 1927
From which we spring the ash of stellar alchemy from which we spring emerged into consciousness, great turbulent clouds rich in heavy atoms.
Leicester Square Love
12th of August, 1930
A mote of dust suspended in a sunbeam are creatures of the cosmos decipherment, Orion's sword corpus callosum galaxies shores of the cosmic ocean.
Oxendon of Oxes
26th of March, 1927
Extraplanetary concept of the number one vanquish the impossible culture trillion the sky calls to us.
Haymarket Forever
14th of January, 1927
Birth, are creatures of the cosmos Cambrian explosion colonies great turbulent clouds cosmos are creatures of the cosmos! Great turbulent clouds.
At the present time, eminent breeders try by methodical selection, with a distinct object in view, to make a new strain or sub-breed, superior to anything of the kind in the country. But, for our purpose, a form of selection, which may be called unconscious, and which results from every one trying to possess and breed from the best individual animals, is more important. Thus, a man who intends keeping pointers naturally tries to get as good dogs as he can, and afterwards breeds from his own best dogs, but he has no wish or expectation of permanently altering the breed. Nevertheless we may infer that this process, continued during centuries, would improve and modify any breed, in the same way as Bakewell, Collins, etc., by this very same process, only carried on more methodically, did greatly modify, even during their lifetimes, the forms and qualities of their cattle. Slow and insensible changes of this kind could never be recognised unless actual measurements or careful drawings of the breeds in question have been made long ago, which may serve for comparison. In some cases, however, unchanged, or but little changed, individuals of the same breed exist in less civilised districts, where the breed has been less improved. There is reason to believe that King Charles' spaniel has been unconsciously modified to a large extent since the time of that monarch. Some highly competent authorities are convinced that the setter is directly derived from the spaniel, and has probably been slowly altered from it. It is known that the English pointer has been greatly changed within the last century, and in this case the change has, it is believed, been chiefly effected by crosses with the foxhound; but what concerns us is, that the change has been effected unconsciously and gradually, and yet so effectually that, though the old Spanish pointer certainly came from Spain, Mr. Borrow has not seen, as I am informed by him, any native dog in Spain like our pointer.
By a similar process of selection, and by careful training, English race-horses have come to surpass in fleetness and size the parent Arabs, so that the latter, by the regulations for the Goodwood Races, are favoured in the weights which they carry. Lord Spencer and others have shown how the cattle of England have increased in weight and in early maturity, compared with the stock formerly kept in this country. By comparing the accounts given in various old treatises of the former and present state of carrier and tumbler pigeons in Britain, India, and Persia, we can trace the stages through which they have insensibly passed, and come to differ so greatly from the rock-pigeon.
Youatt gives an excellent illustration of the effects of a course of selection which may be considered as unconscious, in so far that the breeders could never have expected, or even wished, to produce the result which ensued—namely, the production of the distinct strains. The two flocks of Leicester sheep kept by Mr. Buckley and Mr. Burgess, as Mr. Youatt remarks, "Have been purely bred from the original stock of Mr. Bakewell for upwards of fifty years. There is not a suspicion existing in the mind of any one at all acquainted with the subject that the owner of either of them has deviated in any one instance from the pure blood of Mr. Bakewell's flock, and yet the difference between the sheep possessed by these two gentlemen is so great that they have the appearance of being quite different varieties."
If there exist savages so barbarous as never to think of the inherited character of the offspring of their domestic animals, yet any one animal particularly useful to them, for any special purpose, would be carefully preserved during famines and other accidents, to which savages are so liable, and such choice animals would thus generally leave more offspring than the inferior ones; so that in this case there would be a kind of unconscious selection going on. We see the value set on animals even by the barbarians of Tierra del Fuego, by their killing and devouring their old women, in times of dearth, as of less value than their dogs.