Pink to purple
No files matched your search
@@ -192,7 +192,7 @@ select { width: 100%; }
|
||||
[class*="small-block-grid-"] > li { clear: none !important; } }
|
||||
p.lead { font-size: 1.21875em; line-height: 1.6; }
|
||||
|
||||
.subheader { line-height: 1.4; color: #ff99be; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; }
|
||||
.subheader { line-height: 1.4; color: #d999ff; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; }
|
||||
|
||||
/* Typography resets */
|
||||
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; }
|
||||
@@ -207,8 +207,8 @@ p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.6;
|
||||
p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; }
|
||||
|
||||
/* Default header styles */
|
||||
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #ff005c; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; }
|
||||
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #ff99be; line-height: 0; }
|
||||
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #a000ff; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; }
|
||||
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #d999ff; line-height: 0; }
|
||||
|
||||
h1 { font-size: 2.125em; }
|
||||
|
||||
@@ -258,11 +258,11 @@ abbr { text-transform: none; }
|
||||
|
||||
/* Blockquotes */
|
||||
blockquote { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #dddddd; }
|
||||
blockquote cite { display: block; font-size: 0.8125em; color: #ff669d; }
|
||||
blockquote cite { display: block; font-size: 0.8125em; color: #c666ff; }
|
||||
blockquote cite:before { content: "\2014 \0020"; }
|
||||
blockquote cite a, blockquote cite a:visited { color: #ff669d; }
|
||||
blockquote cite a, blockquote cite a:visited { color: #c666ff; }
|
||||
|
||||
blockquote, blockquote p { line-height: 1.6; color: #ff99be; }
|
||||
blockquote, blockquote p { line-height: 1.6; color: #d999ff; }
|
||||
|
||||
/* Microformats */
|
||||
.vcard { display: inline-block; margin: 0 0 1.25em 0; border: 1px solid #dddddd; padding: 0.625em 0.75em; }
|
||||
@@ -300,8 +300,8 @@ blockquote, blockquote p { line-height: 1.6; color: #ff99be; }
|
||||
button, .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #007aff; border-color: #0062cc; color: white; }
|
||||
button:hover, button:focus, .button:hover, .button:focus { background-color: #0062cc; }
|
||||
button:hover, button:focus, .button:hover, .button:focus { color: white; }
|
||||
button.secondary, body button.button, .button.secondary, body .button { background-color: #ff005c; border-color: #cc004a; color: white; }
|
||||
button.secondary:hover, body button.button:hover, button.secondary:focus, body button.button:focus, .button.secondary:hover, body .button:hover, .button.secondary:focus, body .button:focus { background-color: #cc004a; }
|
||||
button.secondary, body button.button, .button.secondary, body .button { background-color: #a000ff; border-color: #8000cc; color: white; }
|
||||
button.secondary:hover, body button.button:hover, button.secondary:focus, body button.button:focus, .button.secondary:hover, body .button:hover, .button.secondary:focus, body .button:focus { background-color: #8000cc; }
|
||||
button.secondary:hover, body button.button:hover, button.secondary:focus, body button.button:focus, .button.secondary:hover, body .button:hover, .button.secondary:focus, body .button:focus { color: white; }
|
||||
button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; }
|
||||
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #457a1a; }
|
||||
@@ -319,10 +319,10 @@ button.disabled, button[disabled], .button.disabled, .button[disabled] { backgro
|
||||
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #0062cc; }
|
||||
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; }
|
||||
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #007aff; }
|
||||
button.disabled.secondary, body button.disabled.button, button[disabled].secondary, body button[disabled].button, .button.disabled.secondary, body .button.disabled, .button[disabled].secondary, body .button[disabled] { background-color: #ff005c; border-color: #cc004a; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
|
||||
button.disabled.secondary:hover, body button.disabled.button:hover, button.disabled.secondary:focus, body button.disabled.button:focus, button[disabled].secondary:hover, body button[disabled].button:hover, button[disabled].secondary:focus, body button[disabled].button:focus, .button.disabled.secondary:hover, body .button.disabled:hover, .button.disabled.secondary:focus, body .button.disabled:focus, .button[disabled].secondary:hover, body .button[disabled]:hover, .button[disabled].secondary:focus, body .button[disabled]:focus { background-color: #cc004a; }
|
||||
button.disabled.secondary, body button.disabled.button, button[disabled].secondary, body button[disabled].button, .button.disabled.secondary, body .button.disabled, .button[disabled].secondary, body .button[disabled] { background-color: #a000ff; border-color: #8000cc; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
|
||||
button.disabled.secondary:hover, body button.disabled.button:hover, button.disabled.secondary:focus, body button.disabled.button:focus, button[disabled].secondary:hover, body button[disabled].button:hover, button[disabled].secondary:focus, body button[disabled].button:focus, .button.disabled.secondary:hover, body .button.disabled:hover, .button.disabled.secondary:focus, body .button.disabled:focus, .button[disabled].secondary:hover, body .button[disabled]:hover, .button[disabled].secondary:focus, body .button[disabled]:focus { background-color: #8000cc; }
|
||||
button.disabled.secondary:hover, body button.disabled.button:hover, button.disabled.secondary:focus, body button.disabled.button:focus, button[disabled].secondary:hover, body button[disabled].button:hover, button[disabled].secondary:focus, body button[disabled].button:focus, .button.disabled.secondary:hover, body .button.disabled:hover, .button.disabled.secondary:focus, body .button.disabled:focus, .button[disabled].secondary:hover, body .button[disabled]:hover, .button[disabled].secondary:focus, body .button[disabled]:focus { color: white; }
|
||||
button.disabled.secondary:hover, body button.disabled.button:hover, button.disabled.secondary:focus, body button.disabled.button:focus, button[disabled].secondary:hover, body button[disabled].button:hover, button[disabled].secondary:focus, body button[disabled].button:focus, .button.disabled.secondary:hover, body .button.disabled:hover, .button.disabled.secondary:focus, body .button.disabled:focus, .button[disabled].secondary:hover, body .button[disabled]:hover, .button[disabled].secondary:focus, body .button[disabled]:focus { background-color: #ff005c; }
|
||||
button.disabled.secondary:hover, body button.disabled.button:hover, button.disabled.secondary:focus, body button.disabled.button:focus, button[disabled].secondary:hover, body button[disabled].button:hover, button[disabled].secondary:focus, body button[disabled].button:focus, .button.disabled.secondary:hover, body .button.disabled:hover, .button.disabled.secondary:focus, body .button.disabled:focus, .button[disabled].secondary:hover, body .button[disabled]:hover, .button[disabled].secondary:focus, body .button[disabled]:focus { background-color: #a000ff; }
|
||||
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
|
||||
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #457a1a; }
|
||||
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; }
|
||||
@@ -493,7 +493,7 @@ fieldset legend { font-weight: bold; background: white; padding: 0 0.1875em; mar
|
||||
.label.round { -webkit-border-radius: 1000px; border-radius: 1000px; }
|
||||
.label.alert { background-color: #c60f13; color: #fff; }
|
||||
.label.success { background-color: #5da423; color: #fff; }
|
||||
.label.secondary, body .label.button { background-color: #ff005c; color: #fff; }
|
||||
.label.secondary, body .label.button { background-color: #a000ff; color: #fff; }
|
||||
|
||||
/* Pagination */
|
||||
.pagination { display: block; height: 1.5em; margin-left: -0.3125em; }
|
||||
@@ -520,7 +520,7 @@ table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoo
|
||||
body h1, body h2, body h3, body h4 { text-transform: uppercase; }
|
||||
body h1 { margin-bottom: 0.3em; }
|
||||
body a { -webkit-transition: background-color 0.15s ease, background-image 0.15s ease, color 0.15s ease; -moz-transition: background-color 0.15s ease, background-image 0.15s ease, color 0.15s ease; -o-transition: background-color 0.15s ease, background-image 0.15s ease, color 0.15s ease; transition: background-color 0.15s ease, background-image 0.15s ease, color 0.15s ease; }
|
||||
body a:hover { color: #ff005c; }
|
||||
body a:hover { color: #a000ff; }
|
||||
body span, body input[type=submit] { -webkit-transition: background-color 0.15s ease, color 0.15s ease; -moz-transition: background-color 0.15s ease, color 0.15s ease; -o-transition: background-color 0.15s ease, color 0.15s ease; transition: background-color 0.15s ease, color 0.15s ease; }
|
||||
body img { -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; }
|
||||
|
||||
@@ -535,31 +535,31 @@ body .button { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-s
|
||||
body .btn-tiny { text-align: center; font-size: 1.3em; display: inline-block; color: white; width: 32px; height: 32px; line-height: 32px; }
|
||||
body .btn-tiny .icon-twitter { font-size: 0.8em; }
|
||||
body .primary { background-color: #007aff; }
|
||||
body .primary:hover { color: white; background-color: #ff005c; }
|
||||
body .secondary, body .button { background-color: #ff005c; }
|
||||
body .primary:hover { color: white; background-color: #a000ff; }
|
||||
body .secondary, body .button { background-color: #a000ff; }
|
||||
body .secondary:hover, body .button:hover { color: white; background-color: #007aff; }
|
||||
|
||||
/* Images */
|
||||
.attachment-eight-columns, .attachment-four-columns { width: 100%; }
|
||||
|
||||
/* more hover stuff */
|
||||
a.colored { display: block; background-color: #ff005c; }
|
||||
a.colored { display: block; background-color: #a000ff; }
|
||||
a.colored.primary { background-color: #007aff; }
|
||||
a.colored img { display: block; width: 100%; }
|
||||
a.colored:hover img { opacity: .4; }
|
||||
|
||||
/* Disco */
|
||||
@-moz-keyframes disco { from { background-color: #007aff; }
|
||||
to { background-color: #ff005c; } }
|
||||
to { background-color: #a000ff; } }
|
||||
|
||||
@-webkit-keyframes disco { from { background-color: #007aff; }
|
||||
to { background-color: #ff005c; } }
|
||||
to { background-color: #a000ff; } }
|
||||
|
||||
@-o-keyframes disco { from { background-color: #007aff; }
|
||||
to { background-color: #ff005c; } }
|
||||
to { background-color: #a000ff; } }
|
||||
|
||||
@keyframes disco { from { background-color: #007aff; }
|
||||
to { background-color: #ff005c; } }
|
||||
to { background-color: #a000ff; } }
|
||||
|
||||
.disco { color: white; background-color: #007aff; -webkit-animation: disco 0.5s infinite alternate; -moz-animation: disco 0.5s infinite alternate; -o-animation: disco 0.5s infinite alternate; animation: disco 0.5s infinite alternate; }
|
||||
.disco.reversed { -webkit-animation: disco 0.5s 0.5s infinite alternate; -moz-animation: disco 0.5s 0.5s infinite alternate; -o-animation: disco 0.5s 0.5s infinite alternate; animation: disco 0.5s 0.5s infinite alternate; }
|
||||
@@ -567,13 +567,13 @@ a.colored:hover img { opacity: .4; }
|
||||
header.header { margin-top: 2em; margin-bottom: 2em; }
|
||||
header.header .date { color: #007aff; font-size: 3.4em; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; display: inline-block; }
|
||||
header.header .logo img { position: relative; bottom: -15px; left: 10px; }
|
||||
header.header .logo img.multiply { position: absolute; left: 372px; bottom: -12px; z-index: 1; }
|
||||
header.header .logo img.multiply { position: absolute; left: 373px; bottom: -12px; z-index: 1; }
|
||||
header.header .nav-menu { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; margin: 0 auto; }
|
||||
header.header .nav-menu li { list-style-image: none; list-style-type: none; margin-left: 0; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; white-space: nowrap; }
|
||||
header.header .nav-menu a { background-color: #007aff; font-size: 1.5em; font-weight: 600; display: inline-block; padding: .7em .805em; color: white; text-transform: uppercase; position: relative; }
|
||||
header.header .nav-menu a:hover { z-index: 2; background-color: #ff005c; }
|
||||
header.header .nav-menu a:hover { z-index: 2; background-color: #a000ff; }
|
||||
|
||||
.highlight a { height: 280px; line-height: 1.1; font-size: 2.5em; font-weight: bold; text-transform: uppercase; text-align: center; display: block; color: white; background-color: #ff005c; }
|
||||
.highlight a { height: 280px; line-height: 1.1; font-size: 2.5em; font-weight: bold; text-transform: uppercase; text-align: center; display: block; color: white; background-color: #a000ff; }
|
||||
.highlight a.highlight-image { background-color: white; background-image: url("../images/fri_villig.png"); background-repeat: no-repeat; }
|
||||
.highlight a.highlight-image:hover { background-color: white; background-image: url("../images/fri_villig_hover.png"); }
|
||||
.highlight a:hover { color: white; background-color: #007aff; }
|
||||
@@ -581,14 +581,14 @@ header.header .nav-menu a:hover { z-index: 2; background-color: #ff005c; }
|
||||
.highlight a span.larger { padding-top: 62px; font-size: 1.6em; }
|
||||
.highlight a .number { font-size: 3em; }
|
||||
|
||||
.separator { height: 2px; background-color: #ff005c; margin: 2em 0; }
|
||||
.separator { height: 2px; background-color: #a000ff; margin: 2em 0; }
|
||||
.separator.tiny-margin { margin-top: 0; margin-bottom: 0.4em; }
|
||||
|
||||
article { margin-bottom: 1.5em; }
|
||||
article p { margin-bottom: 0.6em; }
|
||||
article .article-header h1 a { color: #ff005c; background-color: white; }
|
||||
article .article-header h1 a { color: #a000ff; background-color: white; }
|
||||
article .article-header h1 a:hover { color: #007aff; }
|
||||
article .article-header h4 a { color: #ff005c; background-color: white; }
|
||||
article .article-header h4 a { color: #a000ff; background-color: white; }
|
||||
article .article-header h4 a:hover { color: #007aff; }
|
||||
article .entry-content { font-size: 0.9em; }
|
||||
article .article-footer { text-align: right; }
|
||||
@@ -608,9 +608,9 @@ article .article-footer { text-align: right; }
|
||||
.instagram-image { display: inline-block; width: 300px; height: 304px; background-color: white; background-image: url("../images/instagram.png"); background-repeat: no-repeat; }
|
||||
.instagram-image:hover { background-color: white; background-image: url("../images/instagram_hover.png"); }
|
||||
|
||||
.social-media { font-size: 2em; color: #ff005c; }
|
||||
.social-media { font-size: 2em; color: #a000ff; }
|
||||
.social-media a { font-size: 1.5em; color: #007aff; padding: 0 0.25em; }
|
||||
.social-media a:hover { color: #ff005c; }
|
||||
.social-media a:hover { color: #a000ff; }
|
||||
.social-media .icon-twitter { margin-left: 0.25em; }
|
||||
.social-media .follow { position: relative; font-size: 0.85em; top: -8px; }
|
||||
|
||||
@@ -619,9 +619,9 @@ article .article-footer { text-align: right; }
|
||||
|
||||
.sidebar .lineup ul.artists { list-style-type: none; padding-left: 0; text-transform: uppercase; font-size: 1.2em; font-weight: bold; line-height: 1.2; }
|
||||
.sidebar .lineup ul.artists a { color: #007aff; }
|
||||
.sidebar .lineup ul.artists a:hover { color: white; background-color: #ff005c; }
|
||||
.sidebar .lineup ul.artists a:hover { color: white; background-color: #a000ff; }
|
||||
.sidebar .lineup ul.artists.headliners { margin-top: 1em; font-size: 2em; }
|
||||
.sidebar .lineup ul.artists.headliners li:nth-child(even) a { color: #ff005c; }
|
||||
.sidebar .lineup ul.artists.headliners li:nth-child(even) a { color: #a000ff; }
|
||||
.sidebar .lineup ul.artists.headliners li:nth-child(even) a:hover { color: white; background-color: #007aff; }
|
||||
|
||||
.flying-megawhale { width: 719px; height: 582px; background-image: url("../images/megawhale_wink.gif"); background-size: 100% 100%; background-repeat: no-repeat; margin: auto; margin-top: 4em; position: relative; top: 50px; z-index: -1; }
|
||||
@@ -643,18 +643,18 @@ article .article-footer { text-align: right; }
|
||||
.template-artists .artists .artist-box a { color: #007aff; }
|
||||
.template-artists .artists .artist-box a span { display: block; color: white; background-color: #007aff; }
|
||||
.template-artists .artists .artist-box a:hover { color: white; }
|
||||
.template-artists .artists .artist-box a:hover span { color: white; background-color: #ff005c; }
|
||||
.template-artists .artists .artist-box a:hover span { color: white; background-color: #a000ff; }
|
||||
|
||||
/* 404 */
|
||||
.search .screen-reader-text { display: none; }
|
||||
.search label, .search input { margin-bottom: 10px; }
|
||||
.search input { width: 300px; margin: 0 auto; }
|
||||
.search input[type=text] { margin-bottom: 1em; }
|
||||
.search input[type=submit] { text-transform: uppercase; font-weight: bold; padding: 0.5em 0.4em; background-color: #ff005c; color: white; border: 0; }
|
||||
.search input[type=submit] { text-transform: uppercase; font-weight: bold; padding: 0.5em 0.4em; background-color: #a000ff; color: white; border: 0; }
|
||||
.search input[type=submit]:hover { background-color: #007aff; }
|
||||
|
||||
/* Samuel E. Wright - Under the sea */
|
||||
.anda-da-zee { position: relative; width: 100%; height: 5000px; background-image: -webkit-linear-gradient(#007aff, #00005e); background-image: -moz-linear-gradient(#007aff, #00005e); background-image: -o-linear-gradient(#007aff, #00005e); background-image: linear-gradient(#007aff, #00005e); border-bottom: solid 65px #000043; }
|
||||
.anda-da-zee { position: relative; width: 100%; height: 5000px; background-image: -webkit-linear-gradient(#007aff, #0b00ff); background-image: -moz-linear-gradient(#007aff, #0b00ff); background-image: -o-linear-gradient(#007aff, #0b00ff); background-image: linear-gradient(#007aff, #0b00ff); border-bottom: solid 65px #000043; }
|
||||
.anda-da-zee .punsjebollen { position: absolute; bottom: -40px; left: 25%; z-index: 1; width: 512px; height: 340px; background-image: url("../images/punsjebolle.png"); background-repeat: no-repeat; }
|
||||
.anda-da-zee .trail-of-bubbles { position: absolute; top: 475px; left: 50%; }
|
||||
.anda-da-zee .trail-of-bubbles .bubble { border-color: #0062cc; }
|
||||
|
||||
|
Before Width: | Height: | Size: 946 B After Width: | Height: | Size: 1014 B |
|
Before Width: | Height: | Size: 835 B After Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 9.2 KiB After Width: | Height: | Size: 9.0 KiB |
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 9.0 KiB |
|
Before Width: | Height: | Size: 8.1 KiB After Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 7.8 KiB After Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 6.1 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.1 KiB |
@@ -29,7 +29,8 @@ $body-font-family: "Open Sans", Arial, sans-serif;
|
||||
|
||||
// We use these as default colors throughout
|
||||
$primary-color: #007aff;
|
||||
$secondary-color: #ff005c;
|
||||
//$secondary-color: #ff005c;
|
||||
$secondary-color: #a000ff;
|
||||
// $alert-color: #c60f13;
|
||||
// $success-color: #5da423;
|
||||
|
||||
|
||||
@@ -46,7 +46,7 @@
|
||||
@import "compass/css3/images";
|
||||
@import "compass/css3/border-radius";
|
||||
|
||||
$multiplied: #00005e; // FIXME: use this instead of transparent water?
|
||||
$multiplied: #0b00ff; // FIXME: use this instead of transparent water?
|
||||
$punch-color: #000043;
|
||||
|
||||
/* General styles */
|
||||
@@ -187,7 +187,7 @@ header.header {
|
||||
|
||||
&.multiply {
|
||||
position: absolute;
|
||||
left: 372px;
|
||||
left: 373px;
|
||||
bottom: -12px;
|
||||
z-index: 1;
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 14 KiB |
@@ -0,0 +1,8 @@
|
||||
|
||||
Bones.esproj/user.Eddie.espressostorage
|
||||
|
||||
Bones.esproj/Project.espressostorage
|
||||
|
||||
.project
|
||||
|
||||
.DS_Store
|
||||
@@ -0,0 +1,23 @@
|
||||
<?php get_header(); ?>
|
||||
<div id="content">
|
||||
<div id="inner-content" class="row">
|
||||
<div id="main" class="small-12 columns text-center" role="main">
|
||||
<article id="post-not-found" class="hentry">
|
||||
<header class="article-header">
|
||||
<h1 class="disco">Fire Null Fire</h1>
|
||||
</header> <!-- end article header -->
|
||||
<section class="entry-content">
|
||||
<h2>Skuta er på halv 12, ring Jens.</h2>
|
||||
</section> <!-- end article section -->
|
||||
<section class="search">
|
||||
<p><?php get_search_form(); ?></p>
|
||||
</section> <!-- end search section -->
|
||||
<footer class="article-footer">
|
||||
<p></p>
|
||||
</footer> <!-- end article footer -->
|
||||
</article> <!-- end article -->
|
||||
</div> <!-- end #main -->
|
||||
</div> <!-- end #inner-content -->
|
||||
</div> <!-- end #content -->
|
||||
|
||||
<?php get_footer(); ?>
|
||||
@@ -0,0 +1,71 @@
|
||||
<?php get_header(); ?>
|
||||
<div id="content">
|
||||
<div id="inner-content">
|
||||
<div id="main" role="main">
|
||||
<?php if (is_category()) { ?>
|
||||
<h1 class="archive-title">
|
||||
<span>Innlegg kategorisert:</span> <?php single_cat_title(); ?>
|
||||
</h1>
|
||||
<?php } elseif (is_tag()) { ?>
|
||||
<h1 class="archive-title">
|
||||
<span>Inlegg tagget:</span> <?php single_tag_title(); ?>
|
||||
</h1>
|
||||
<?php } elseif (is_author()) {
|
||||
global $post;
|
||||
$author_id = $post->post_author;
|
||||
?>
|
||||
<h1 class="archive-title h2">
|
||||
<span>Innlegg av:</span> <?php the_author_meta('display_name', $author_id); ?>
|
||||
</h1>
|
||||
<?php } elseif (is_day()) { ?>
|
||||
<h1 class="archive-title h2">
|
||||
<span>Arkivert per dag:</span> <?php the_time('l, F j, Y'); ?>
|
||||
</h1>
|
||||
<?php } elseif (is_month()) { ?>
|
||||
<h1 class="archive-title h2">
|
||||
<span>Arkivert per måned:</span> <?php the_time('F Y'); ?>
|
||||
</h1>
|
||||
<?php } elseif (is_year()) { ?>
|
||||
<h1 class="archive-title h2">
|
||||
<span>Arkivert per år:</span> <?php the_time('Y'); ?>
|
||||
</h1>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
|
||||
<article id="post-<?php the_ID(); ?>" <?php post_class(''); ?> role="article">
|
||||
<header class="article-header">
|
||||
<h3 class="h2"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
|
||||
<p class="byline vcard"><time class="updated" datetime="<?php echo get_the_time('Y-m-j'); ?>" pubdate><?php get_the_time(get_option('date_format'));?></time> av <span class="author"><?php the_author_posts_link(); ?></span></p>
|
||||
</header> <!-- end article header -->
|
||||
<section class="entry-content">
|
||||
<?php the_post_thumbnail(; ?>
|
||||
<?php the_excerpt(); ?>
|
||||
</section> <!-- end article section -->
|
||||
<footer class="article-footer">
|
||||
</footer> <!-- end article footer -->
|
||||
</article> <!-- end article -->
|
||||
|
||||
<?php endwhile; ?>
|
||||
<nav class="wp-prev-next">
|
||||
<?php posts_nav_link(); ?>
|
||||
</nav>
|
||||
<?php else : ?>
|
||||
|
||||
<article id="post-not-found" class="hentry">
|
||||
<header class="article-header">
|
||||
<h1>Ingenting</h1>
|
||||
</header>
|
||||
<section class="entry-content">
|
||||
<p>Det mangler noe her.</p>
|
||||
</section>
|
||||
<footer class="article-footer">
|
||||
<p></p>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<?php endif; ?>
|
||||
</div> <!-- end #main -->
|
||||
<?php get_sidebar(); ?>
|
||||
</div> <!-- end #inner-content -->
|
||||
</div> <!-- end #content -->
|
||||
<?php get_footer(); ?>
|
||||
@@ -0,0 +1,13 @@
|
||||
require 'zurb-foundation'
|
||||
# Require any additional compass plugins here.
|
||||
|
||||
# Set this to the root of your project when deployed:
|
||||
http_path = "/"
|
||||
css_dir = "css"
|
||||
sass_dir = "sass"
|
||||
images_dir = "images"
|
||||
javascripts_dir = "js"
|
||||
|
||||
output_style = :compact
|
||||
# relative_assets = true
|
||||
line_comments = false
|
||||
@@ -0,0 +1,18 @@
|
||||
<article id="post-<?php the_ID(); ?>" role="article">
|
||||
<header class="article-header row">
|
||||
<div class="small-12 columns">
|
||||
<a href="<?php the_permalink() ?>" class="colored" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('eight-columns'); ?></a>
|
||||
<h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
|
||||
<!--<p class="byline vcard"><time class="updated" datetime="<?php echo get_the_time('Y-m-j'); ?>" pubdate><?php echo get_the_time(get_option('date_format'));?></time> av <span class="author"><?php the_author_posts_link(); ?></span></p>-->
|
||||
</div>
|
||||
</header> <!-- end article header -->
|
||||
<section class="entry-content">
|
||||
<?php the_content(); ?>
|
||||
</section> <!-- end article section -->
|
||||
<footer class="article-footer">
|
||||
<?php if(!is_page()) { ?>
|
||||
<a href="" class="btn-tiny primary"><i class="icon-facebook"></i></a>
|
||||
<a href="" class="btn-tiny secondary"><i class="icon-twitter"></i></a>
|
||||
<?php } ?>
|
||||
</footer> <!-- end article footer -->
|
||||
</article> <!-- end article -->
|
||||
@@ -0,0 +1,12 @@
|
||||
|
||||
<article id="post-not-found" class="hentry ">
|
||||
<header class="article-header">
|
||||
<h1>Ai ai ai</h1>
|
||||
</header>
|
||||
<section class="entry-content">
|
||||
<p>index.php: .post-not-found .entry-content</p>
|
||||
</section>
|
||||
<footer class="article-footer">
|
||||
<p>index.php: .post-not-found .article-footer</p>
|
||||
</footer>
|
||||
</article>
|
||||
@@ -0,0 +1,17 @@
|
||||
<!-- Sticky post with large picture -->
|
||||
<article id="post-<?php the_ID(); ?>" role="article" class="sticky">
|
||||
<header class="article-header row">
|
||||
<div class="small-12 columns">
|
||||
<a href="<?php the_permalink() ?>" class="colored primary" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('eight-columns'); ?></a>
|
||||
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
|
||||
<!--<p class="byline vcard"><time class="updated" datetime="<?php echo get_the_time('Y-m-j'); ?>" pubdate><?php echo get_the_time(get_option('date_format'));?></time> av <span class="author"><?php the_author_posts_link(); ?></span></p>-->
|
||||
</div>
|
||||
</header> <!-- end article header -->
|
||||
<section class="entry-content">
|
||||
<?php the_excerpt(); ?>
|
||||
</section> <!-- end article section -->
|
||||
<footer class="article-footer">
|
||||
<a href="" class="btn-tiny primary"><i class="icon-facebook"></i></a>
|
||||
<a href="" class="btn-tiny secondary"><i class="icon-twitter"></i></a>
|
||||
</footer> <!-- end article footer -->
|
||||
</article> <!-- end article -->
|
||||
@@ -0,0 +1,20 @@
|
||||
<article id="post-<?php the_ID(); ?>" role="article">
|
||||
<div class="row">
|
||||
<div class="small-6 columns">
|
||||
<a href="<?php the_permalink() ?>" class="colored" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('four-columns'); ?></a>
|
||||
</div>
|
||||
<div class="small-6 columns">
|
||||
<header class="article-header">
|
||||
<h4><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h4>
|
||||
<!--<p class="byline vcard"><time class="updated" datetime="<?php echo get_the_time('Y-m-j'); ?>" pubdate><?php echo get_the_time(get_option('date_format'));?></time> av <span class="author"><?php the_author_posts_link(); ?></span></p>-->
|
||||
</header> <!-- end article header -->
|
||||
<section class="entry-content">
|
||||
<?php the_excerpt(); ?>
|
||||
</section> <!-- end article section -->
|
||||
<footer class="article-footer">
|
||||
<a href="" class="btn-tiny primary"><i class="icon-facebook"></i></a>
|
||||
<a href="" class="btn-tiny secondary"><i class="icon-twitter"></i></a>
|
||||
</footer> <!-- end article footer -->
|
||||
</div>
|
||||
</div>
|
||||
</article> <!-- end article -->
|
||||
@@ -0,0 +1,726 @@
|
||||
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
|
||||
|
||||
html, body { font-size: 100%; }
|
||||
|
||||
body { background: white; color: #222222; padding: 0; margin: 0; font-family: "Open Sans", Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; }
|
||||
|
||||
a:focus { outline: none; }
|
||||
|
||||
img, object, embed { max-width: 100%; height: auto; }
|
||||
|
||||
object, embed { height: 100%; }
|
||||
|
||||
img { -ms-interpolation-mode: bicubic; }
|
||||
|
||||
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }
|
||||
|
||||
.left { float: left !important; }
|
||||
|
||||
.right { float: right !important; }
|
||||
|
||||
.text-left { text-align: left !important; }
|
||||
|
||||
.text-right { text-align: right !important; }
|
||||
|
||||
.text-center { text-align: center !important; }
|
||||
|
||||
.text-justify { text-align: justify !important; }
|
||||
|
||||
.hide { display: none; }
|
||||
|
||||
.antialiased { -webkit-font-smoothing: antialiased; }
|
||||
|
||||
img { display: inline-block; }
|
||||
|
||||
textarea { height: auto; min-height: 50px; }
|
||||
|
||||
select { width: 100%; }
|
||||
|
||||
/* Grid HTML Classes */
|
||||
.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; }
|
||||
.row:before, .row:after { content: " "; display: table; }
|
||||
.row:after { clear: both; }
|
||||
.row .column, .row .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; }
|
||||
.row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; float: left; }
|
||||
.row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; }
|
||||
.row .row:before, .row .row:after { content: " "; display: table; }
|
||||
.row .row:after { clear: both; }
|
||||
.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; }
|
||||
.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }
|
||||
.row .row.collapse:after { clear: both; }
|
||||
|
||||
@media only screen { .row .column, .row .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
|
||||
.row .small-1 { position: relative; width: 8.33333%; }
|
||||
.row .small-2 { position: relative; width: 16.66667%; }
|
||||
.row .small-3 { position: relative; width: 25%; }
|
||||
.row .small-4 { position: relative; width: 33.33333%; }
|
||||
.row .small-5 { position: relative; width: 41.66667%; }
|
||||
.row .small-6 { position: relative; width: 50%; }
|
||||
.row .small-7 { position: relative; width: 58.33333%; }
|
||||
.row .small-8 { position: relative; width: 66.66667%; }
|
||||
.row .small-9 { position: relative; width: 75%; }
|
||||
.row .small-10 { position: relative; width: 83.33333%; }
|
||||
.row .small-11 { position: relative; width: 91.66667%; }
|
||||
.row .small-12 { position: relative; width: 100%; }
|
||||
.row .small-offset-1 { position: relative; margin-left: 8.33333%; }
|
||||
.row .small-offset-2 { position: relative; margin-left: 16.66667%; }
|
||||
.row .small-offset-3 { position: relative; margin-left: 25%; }
|
||||
.row .small-offset-4 { position: relative; margin-left: 33.33333%; }
|
||||
.row .small-offset-5 { position: relative; margin-left: 41.66667%; }
|
||||
.row .small-offset-6 { position: relative; margin-left: 50%; }
|
||||
.row .small-offset-7 { position: relative; margin-left: 58.33333%; }
|
||||
.row .small-offset-8 { position: relative; margin-left: 66.66667%; }
|
||||
.row .small-offset-9 { position: relative; margin-left: 75%; }
|
||||
.row .small-offset-10 { position: relative; margin-left: 83.33333%; }
|
||||
[class*="column"] + [class*="column"]:last-child { float: right; }
|
||||
[class*="column"] + [class*="column"].end { float: left; }
|
||||
.column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } }
|
||||
/* Styles for screens that are atleast 768px; */
|
||||
@media only screen and (min-width: 48em) { .row .large-1 { position: relative; width: 8.33333%; }
|
||||
.row .large-2 { position: relative; width: 16.66667%; }
|
||||
.row .large-3 { position: relative; width: 25%; }
|
||||
.row .large-4 { position: relative; width: 33.33333%; }
|
||||
.row .large-5 { position: relative; width: 41.66667%; }
|
||||
.row .large-6 { position: relative; width: 50%; }
|
||||
.row .large-7 { position: relative; width: 58.33333%; }
|
||||
.row .large-8 { position: relative; width: 66.66667%; }
|
||||
.row .large-9 { position: relative; width: 75%; }
|
||||
.row .large-10 { position: relative; width: 83.33333%; }
|
||||
.row .large-11 { position: relative; width: 91.66667%; }
|
||||
.row .large-12 { position: relative; width: 100%; }
|
||||
.row .large-offset-1 { position: relative; margin-left: 8.33333%; }
|
||||
.row .large-offset-2 { position: relative; margin-left: 16.66667%; }
|
||||
.row .large-offset-3 { position: relative; margin-left: 25%; }
|
||||
.row .large-offset-4 { position: relative; margin-left: 33.33333%; }
|
||||
.row .large-offset-5 { position: relative; margin-left: 41.66667%; }
|
||||
.row .large-offset-6 { position: relative; margin-left: 50%; }
|
||||
.row .large-offset-7 { position: relative; margin-left: 58.33333%; }
|
||||
.row .large-offset-8 { position: relative; margin-left: 66.66667%; }
|
||||
.row .large-offset-9 { position: relative; margin-left: 75%; }
|
||||
.row .large-offset-10 { position: relative; margin-left: 83.33333%; }
|
||||
.push-2 { position: relative; left: 16.66667%; right: auto; }
|
||||
.pull-2 { position: relative; right: 16.66667%; left: auto; }
|
||||
.push-3 { position: relative; left: 25%; right: auto; }
|
||||
.pull-3 { position: relative; right: 25%; left: auto; }
|
||||
.push-4 { position: relative; left: 33.33333%; right: auto; }
|
||||
.pull-4 { position: relative; right: 33.33333%; left: auto; }
|
||||
.push-5 { position: relative; left: 41.66667%; right: auto; }
|
||||
.pull-5 { position: relative; right: 41.66667%; left: auto; }
|
||||
.push-6 { position: relative; left: 50%; right: auto; }
|
||||
.pull-6 { position: relative; right: 50%; left: auto; }
|
||||
.push-7 { position: relative; left: 58.33333%; right: auto; }
|
||||
.pull-7 { position: relative; right: 58.33333%; left: auto; }
|
||||
.push-8 { position: relative; left: 66.66667%; right: auto; }
|
||||
.pull-8 { position: relative; right: 66.66667%; left: auto; }
|
||||
.push-9 { position: relative; left: 75%; right: auto; }
|
||||
.pull-9 { position: relative; right: 75%; left: auto; }
|
||||
.push-10 { position: relative; left: 83.33333%; right: auto; }
|
||||
.pull-10 { position: relative; right: 83.33333%; left: auto; }
|
||||
.small-push-2 { left: inherit; }
|
||||
.small-pull-2 { right: inherit; }
|
||||
.small-push-3 { left: inherit; }
|
||||
.small-pull-3 { right: inherit; }
|
||||
.small-push-4 { left: inherit; }
|
||||
.small-pull-4 { right: inherit; }
|
||||
.small-push-5 { left: inherit; }
|
||||
.small-pull-5 { right: inherit; }
|
||||
.small-push-6 { left: inherit; }
|
||||
.small-pull-6 { right: inherit; }
|
||||
.small-push-7 { left: inherit; }
|
||||
.small-pull-7 { right: inherit; }
|
||||
.small-push-8 { left: inherit; }
|
||||
.small-pull-8 { right: inherit; }
|
||||
.small-push-9 { left: inherit; }
|
||||
.small-pull-9 { right: inherit; }
|
||||
.small-push-10 { left: inherit; }
|
||||
.small-pull-10 { right: inherit; }
|
||||
.column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } }
|
||||
/* Foundation Block Grids for below small breakpoint */
|
||||
@media only screen { [class*="block-grid-"] { display: block; padding: 0; margin: 0 -10px; *zoom: 1; }
|
||||
[class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; }
|
||||
[class*="block-grid-"]:after { clear: both; }
|
||||
[class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 10px 10px; }
|
||||
.small-block-grid-1 > li { width: 100%; padding: 0 10px 10px; }
|
||||
.small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
|
||||
.small-block-grid-2 > li { width: 50%; padding: 0 10px 10px; }
|
||||
.small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
|
||||
.small-block-grid-3 > li { width: 33.33333%; padding: 0 10px 10px; }
|
||||
.small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
|
||||
.small-block-grid-4 > li { width: 25%; padding: 0 10px 10px; }
|
||||
.small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
|
||||
.small-block-grid-5 > li { width: 20%; padding: 0 10px 10px; }
|
||||
.small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
|
||||
.small-block-grid-6 > li { width: 16.66667%; padding: 0 10px 10px; }
|
||||
.small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
|
||||
.small-block-grid-7 > li { width: 14.28571%; padding: 0 10px 10px; }
|
||||
.small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
|
||||
.small-block-grid-8 > li { width: 12.5%; padding: 0 10px 10px; }
|
||||
.small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
|
||||
.small-block-grid-9 > li { width: 11.11111%; padding: 0 10px 10px; }
|
||||
.small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
|
||||
.small-block-grid-10 > li { width: 10%; padding: 0 10px 10px; }
|
||||
.small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
|
||||
.small-block-grid-11 > li { width: 9.09091%; padding: 0 10px 10px; }
|
||||
.small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
|
||||
.small-block-grid-12 > li { width: 8.33333%; padding: 0 10px 10px; }
|
||||
.small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
|
||||
/* Foundation Block Grids for above small breakpoint */
|
||||
@media only screen and (min-width: 48em) { .large-block-grid-1 > li { width: 100%; padding: 0 10px 10px; }
|
||||
.large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
|
||||
.large-block-grid-2 > li { width: 50%; padding: 0 10px 10px; }
|
||||
.large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
|
||||
.large-block-grid-3 > li { width: 33.33333%; padding: 0 10px 10px; }
|
||||
.large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
|
||||
.large-block-grid-4 > li { width: 25%; padding: 0 10px 10px; }
|
||||
.large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
|
||||
.large-block-grid-5 > li { width: 20%; padding: 0 10px 10px; }
|
||||
.large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
|
||||
.large-block-grid-6 > li { width: 16.66667%; padding: 0 10px 10px; }
|
||||
.large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
|
||||
.large-block-grid-7 > li { width: 14.28571%; padding: 0 10px 10px; }
|
||||
.large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
|
||||
.large-block-grid-8 > li { width: 12.5%; padding: 0 10px 10px; }
|
||||
.large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
|
||||
.large-block-grid-9 > li { width: 11.11111%; padding: 0 10px 10px; }
|
||||
.large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
|
||||
.large-block-grid-10 > li { width: 10%; padding: 0 10px 10px; }
|
||||
.large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
|
||||
.large-block-grid-11 > li { width: 9.09091%; padding: 0 10px 10px; }
|
||||
.large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
|
||||
.large-block-grid-12 > li { width: 8.33333%; padding: 0 10px 10px; }
|
||||
.large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; }
|
||||
[class*="small-block-grid-"] > li { clear: none !important; } }
|
||||
p.lead { font-size: 1.21875em; line-height: 1.6; }
|
||||
|
||||
.subheader { line-height: 1.4; color: #ff99be; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; }
|
||||
|
||||
/* Typography resets */
|
||||
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; }
|
||||
|
||||
/* Default Link Styles */
|
||||
a { color: #007aff; text-decoration: none; line-height: inherit; }
|
||||
a:hover, a:focus { color: #006ee6; }
|
||||
a img { border: none; }
|
||||
|
||||
/* Default paragraph styles */
|
||||
p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; text-rendering: optimizeLegibility; }
|
||||
p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; }
|
||||
|
||||
/* Default header styles */
|
||||
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #ff005c; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; }
|
||||
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #ff99be; line-height: 0; }
|
||||
|
||||
h1 { font-size: 2.125em; }
|
||||
|
||||
h2 { font-size: 1.6875em; }
|
||||
|
||||
h3 { font-size: 1.375em; }
|
||||
|
||||
h4 { font-size: 1.125em; }
|
||||
|
||||
h5 { font-size: 1.125em; }
|
||||
|
||||
h6 { font-size: 1em; }
|
||||
|
||||
hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; }
|
||||
|
||||
/* Helpful Typography Defaults */
|
||||
em, i { font-style: italic; line-height: inherit; }
|
||||
|
||||
strong, b { font-weight: bold; line-height: inherit; }
|
||||
|
||||
small { font-size: 60%; line-height: inherit; }
|
||||
|
||||
code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #7f0a0c; }
|
||||
|
||||
/* Lists */
|
||||
ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; }
|
||||
|
||||
/* Unordered Lists */
|
||||
ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ }
|
||||
ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }
|
||||
ul.square { list-style-type: square; }
|
||||
ul.circle { list-style-type: circle; }
|
||||
ul.disc { list-style-type: disc; }
|
||||
ul.no-bullet { list-style: none; }
|
||||
|
||||
/* Ordered Lists */
|
||||
ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; }
|
||||
|
||||
/* Definition Lists */
|
||||
dl dt { margin-bottom: 0.3em; font-weight: bold; }
|
||||
dl dd { margin-bottom: 0.75em; }
|
||||
|
||||
/* Abbreviations */
|
||||
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px dotted #dddddd; cursor: help; }
|
||||
|
||||
abbr { text-transform: none; }
|
||||
|
||||
/* Blockquotes */
|
||||
blockquote { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #dddddd; }
|
||||
blockquote cite { display: block; font-size: 0.8125em; color: #ff669d; }
|
||||
blockquote cite:before { content: "\2014 \0020"; }
|
||||
blockquote cite a, blockquote cite a:visited { color: #ff669d; }
|
||||
|
||||
blockquote, blockquote p { line-height: 1.6; color: #ff99be; }
|
||||
|
||||
/* Microformats */
|
||||
.vcard { display: inline-block; margin: 0 0 1.25em 0; border: 1px solid #dddddd; padding: 0.625em 0.75em; }
|
||||
.vcard li { margin: 0; display: block; }
|
||||
.vcard .fn { font-weight: bold; font-size: 0.9375em; }
|
||||
|
||||
.vevent .summary { font-weight: bold; }
|
||||
.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; }
|
||||
|
||||
@media only screen and (min-width: 48em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
|
||||
h1 { font-size: 2.75em; }
|
||||
h2 { font-size: 2.3125em; }
|
||||
h3 { font-size: 1.6875em; }
|
||||
h4 { font-size: 1.4375em; } }
|
||||
/* Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
|
||||
*/
|
||||
.print-only { display: none !important; }
|
||||
|
||||
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
|
||||
a, a:visited { text-decoration: underline; }
|
||||
a[href]:after { content: " (" attr(href) ")"; }
|
||||
abbr[title]:after { content: " (" attr(title) ")"; }
|
||||
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
|
||||
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
||||
thead { display: table-header-group; /* h5bp.com/t */ }
|
||||
tr, img { page-break-inside: avoid; }
|
||||
img { max-width: 100% !important; }
|
||||
@page { margin: 0.5cm; }
|
||||
p, h2, h3 { orphans: 3; widows: 3; }
|
||||
h2, h3 { page-break-after: avoid; }
|
||||
.hide-on-print { display: none !important; }
|
||||
.print-only { display: block !important; }
|
||||
.hide-for-print { display: none !important; }
|
||||
.show-for-print { display: inherit !important; } }
|
||||
button, .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #007aff; border-color: #0062cc; color: white; }
|
||||
button:hover, button:focus, .button:hover, .button:focus { background-color: #0062cc; }
|
||||
button:hover, button:focus, .button:hover, .button:focus { color: white; }
|
||||
button.secondary, body button.button, .button.secondary, body .button { background-color: #ff005c; border-color: #cc004a; color: white; }
|
||||
button.secondary:hover, body button.button:hover, button.secondary:focus, body button.button:focus, .button.secondary:hover, body .button:hover, .button.secondary:focus, body .button:focus { background-color: #cc004a; }
|
||||
button.secondary:hover, body button.button:hover, button.secondary:focus, body button.button:focus, .button.secondary:hover, body .button:hover, .button.secondary:focus, body .button:focus { color: white; }
|
||||
button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; }
|
||||
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #457a1a; }
|
||||
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; }
|
||||
button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: white; }
|
||||
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #970b0e; }
|
||||
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; }
|
||||
button.large, .button.large { padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em; }
|
||||
button.small, .button.small { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.8125em; }
|
||||
button.tiny, .button.tiny { padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.6875em; }
|
||||
button.expand, .button.expand { padding-top: false; padding-right: 0px; padding-bottom: false0.0625em; padding-left: 0px; width: 100%; }
|
||||
button.left-align, .button.left-align { text-align: left; text-indent: 0.75em; }
|
||||
button.right-align, .button.right-align { text-align: right; padding-right: 0.75em; }
|
||||
button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #007aff; border-color: #0062cc; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
|
||||
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #0062cc; }
|
||||
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; }
|
||||
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #007aff; }
|
||||
button.disabled.secondary, body button.disabled.button, button[disabled].secondary, body button[disabled].button, .button.disabled.secondary, body .button.disabled, .button[disabled].secondary, body .button[disabled] { background-color: #ff005c; border-color: #cc004a; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
|
||||
button.disabled.secondary:hover, body button.disabled.button:hover, button.disabled.secondary:focus, body button.disabled.button:focus, button[disabled].secondary:hover, body button[disabled].button:hover, button[disabled].secondary:focus, body button[disabled].button:focus, .button.disabled.secondary:hover, body .button.disabled:hover, .button.disabled.secondary:focus, body .button.disabled:focus, .button[disabled].secondary:hover, body .button[disabled]:hover, .button[disabled].secondary:focus, body .button[disabled]:focus { background-color: #cc004a; }
|
||||
button.disabled.secondary:hover, body button.disabled.button:hover, button.disabled.secondary:focus, body button.disabled.button:focus, button[disabled].secondary:hover, body button[disabled].button:hover, button[disabled].secondary:focus, body button[disabled].button:focus, .button.disabled.secondary:hover, body .button.disabled:hover, .button.disabled.secondary:focus, body .button.disabled:focus, .button[disabled].secondary:hover, body .button[disabled]:hover, .button[disabled].secondary:focus, body .button[disabled]:focus { color: white; }
|
||||
button.disabled.secondary:hover, body button.disabled.button:hover, button.disabled.secondary:focus, body button.disabled.button:focus, button[disabled].secondary:hover, body button[disabled].button:hover, button[disabled].secondary:focus, body button[disabled].button:focus, .button.disabled.secondary:hover, body .button.disabled:hover, .button.disabled.secondary:focus, body .button.disabled:focus, .button[disabled].secondary:hover, body .button[disabled]:hover, .button[disabled].secondary:focus, body .button[disabled]:focus { background-color: #ff005c; }
|
||||
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
|
||||
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #457a1a; }
|
||||
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; }
|
||||
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; }
|
||||
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
|
||||
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #970b0e; }
|
||||
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; }
|
||||
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; }
|
||||
|
||||
input.button, button.button { padding-top: 0.8125em; padding-bottom: 0.75em; }
|
||||
input.button.tiny, button.button.tiny { padding-top: 0.5em; padding-bottom: 0.4375em; }
|
||||
input.button.small, button.button.small { padding-top: 0.625em; padding-bottom: 0.5625em; }
|
||||
input.button.large, button.button.large { padding-top: 1.03125em; padding-bottom: 1.03125em; }
|
||||
|
||||
@media only screen { .button { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; }
|
||||
.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
|
||||
.button.radius { -webkit-border-radius: 3px; border-radius: 3px; }
|
||||
.button.round { -webkit-border-radius: 1000px; border-radius: 1000px; } }
|
||||
@media only screen and (min-width: 48em) { .button { display: inline-block; } }
|
||||
/* Standard Forms */
|
||||
form { margin: 0 0 1em; }
|
||||
|
||||
/* Using forms within rows, we need to set some defaults */
|
||||
form .row .row { margin: -0.5em; }
|
||||
form .row .row .column, form .row .row .columns { padding: 0 0.5em; }
|
||||
form .row .row.collapse { margin: 0; }
|
||||
form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; }
|
||||
form .row input.column, form .row input.columns { padding-left: 0.5em; }
|
||||
|
||||
/* Label Styles */
|
||||
label { font-size: 0.875em; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 0.1875em; }
|
||||
label.right { float: none; text-align: right; }
|
||||
label.inline { margin: 0 0 1em 0; padding: 0.625em 0; }
|
||||
|
||||
/* Attach elements to the beginning or end of an input */
|
||||
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 0.875em; height: 2.3125em; line-height: 2.3125em; }
|
||||
|
||||
/* Adjust padding, alignment and radius if pre/post element is a button */
|
||||
.postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em; }
|
||||
|
||||
.prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em; }
|
||||
|
||||
.prefix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
|
||||
|
||||
.postfix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
|
||||
|
||||
.prefix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
|
||||
|
||||
.postfix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; }
|
||||
|
||||
/* Separate prefix and postfix styles when on span so buttons keep their own */
|
||||
span.prefix { background: #f2f2f2; border-color: #d9d9d9; border-right: none; color: #333333; }
|
||||
span.prefix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
|
||||
|
||||
span.postfix { background: #f2f2f2; border-color: #cccccc; border-left: none; color: #333333; }
|
||||
span.postfix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
|
||||
|
||||
/* Input groups will automatically style first and last elements of the group */
|
||||
.input-group.radius > *:first-child, .input-group.radius > *:first-child * { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
|
||||
.input-group.radius > *:last-child, .input-group.radius > *:last-child * { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
|
||||
.input-group.round > *:first-child, .input-group.round > *:first-child * { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
|
||||
.input-group.round > *:last-child, .input-group.round > *:last-child * { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; }
|
||||
|
||||
/* We use this to get basic styling on all basic form elements */
|
||||
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875em; margin: 0 0 1em 0; padding: 0.5em; height: 2.3125em; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; }
|
||||
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; }
|
||||
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #dddddd; }
|
||||
|
||||
/* We add basic fieldset styling */
|
||||
fieldset { border: solid 1px #dddddd; padding: 1.25em; margin: 1.125em 0; }
|
||||
fieldset legend { font-weight: bold; background: white; padding: 0 0.1875em; margin: 0; margin-left: -0.1875em; }
|
||||
|
||||
/* Error Handling */
|
||||
.error input, input.error, .error textarea, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }
|
||||
.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { background: #fafafa; border-color: #999999; }
|
||||
|
||||
.error label, label.error { color: #c60f13; }
|
||||
|
||||
.error small, small.error { display: block; padding: 0.375em 0.25em; margin-top: -1.3125em; margin-bottom: 1em; font-size: 0.75em; font-weight: bold; background: #c60f13; color: white; }
|
||||
|
||||
/* Button Groups */
|
||||
.button-group { list-style: none; margin: 0; *zoom: 1; }
|
||||
.button-group:before, .button-group:after { content: " "; display: table; }
|
||||
.button-group:after { clear: both; }
|
||||
.button-group > * { margin: 0 0 0 -1px; float: left; }
|
||||
.button-group > *:first-child { margin-left: 0; }
|
||||
.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
|
||||
.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
|
||||
.button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
|
||||
.button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; }
|
||||
.button-group.even-2 li { width: 50%; }
|
||||
.button-group.even-2 li .button { width: 100%; }
|
||||
.button-group.even-3 li { width: 33.33333%; }
|
||||
.button-group.even-3 li .button { width: 100%; }
|
||||
.button-group.even-4 li { width: 25%; }
|
||||
.button-group.even-4 li .button { width: 100%; }
|
||||
.button-group.even-5 li { width: 20%; }
|
||||
.button-group.even-5 li .button { width: 100%; }
|
||||
.button-group.even-6 li { width: 16.66667%; }
|
||||
.button-group.even-6 li .button { width: 100%; }
|
||||
.button-group.even-7 li { width: 14.28571%; }
|
||||
.button-group.even-7 li .button { width: 100%; }
|
||||
.button-group.even-8 li { width: 12.5%; }
|
||||
.button-group.even-8 li .button { width: 100%; }
|
||||
|
||||
.button-bar { *zoom: 1; }
|
||||
.button-bar:before, .button-bar:after { content: " "; display: table; }
|
||||
.button-bar:after { clear: both; }
|
||||
.button-bar .button-group { float: left; margin-right: 0.625em; }
|
||||
.button-bar .button-group div { overflow: hidden; }
|
||||
|
||||
/* Flex Video */
|
||||
.flex-video { position: relative; padding-top: 1.5625em; padding-bottom: 67.5%; height: 0; margin-bottom: 1em; overflow: hidden; }
|
||||
.flex-video.widescreen { padding-bottom: 57.25%; }
|
||||
.flex-video.vimeo { padding-top: 0; }
|
||||
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
|
||||
|
||||
.orbit-container { overflow: hidden; width: 100%; position: relative; background: whitesmoke; }
|
||||
.orbit-container .orbit-slides-container { list-style: none; margin: 0; padding: 0; position: relative; }
|
||||
.orbit-container .orbit-slides-container img { display: block; }
|
||||
.orbit-container .orbit-slides-container > * { position: relative; float: left; height: 100%; }
|
||||
.orbit-container .orbit-slides-container > * .orbit-caption { position: absolute; bottom: 0; background-color: black; background-color: rgba(0, 0, 0, 0.6); color: #fff; width: 100%; padding: 10px 14px; font-size: 0.875em; }
|
||||
.orbit-container .orbit-slides-container > * .orbit-caption * { color: white; }
|
||||
.orbit-container .orbit-slide-number { position: absolute; top: 10px; left: 10px; font-size: 12px; }
|
||||
.orbit-container .orbit-slide-number span { font-weight: 700; }
|
||||
.orbit-container .orbit-timer { position: absolute; top: 10px; right: 10px; height: 6px; width: 100px; }
|
||||
.orbit-container .orbit-timer .orbit-progress { height: 100%; background-color: black; background-color: rgba(0, 0, 0, 0.6); display: block; width: 0%; }
|
||||
.orbit-container .orbit-timer > span { display: none; position: absolute; top: 10px; right: 0px; width: 11px; height: 14px; border: solid 4px #000; border-top: none; border-bottom: none; }
|
||||
.orbit-container .orbit-timer.paused > span { right: -6px; top: 9px; width: 11px; height: 14px; border: solid 8px; border-color: transparent transparent transparent #000; }
|
||||
.orbit-container:hover .orbit-timer > span { display: block; }
|
||||
.orbit-container .orbit-prev, .orbit-container .orbit-next { position: absolute; top: 50%; margin-top: -25px; background-color: black; background-color: rgba(0, 0, 0, 0.6); width: 50px; height: 60px; line-height: 50px; color: white; text-indent: -9999px !important; }
|
||||
.orbit-container .orbit-prev > span, .orbit-container .orbit-next > span { position: absolute; top: 50%; margin-top: -16px; display: block; width: 0; height: 0; border: solid 16px; }
|
||||
.orbit-container .orbit-prev { left: 0; }
|
||||
.orbit-container .orbit-prev > span { border-color: transparent; border-right-color: #fff; }
|
||||
.orbit-container .orbit-prev:hover > span { border-right-color: #ccc; }
|
||||
.orbit-container .orbit-next { right: 0; }
|
||||
.orbit-container .orbit-next > span { border-color: transparent; border-left-color: #fff; left: 50%; margin-left: -8px; }
|
||||
.orbit-container .orbit-next:hover > span { border-left-color: #ccc; }
|
||||
|
||||
.orbit-bullets { margin: 0 auto 30px auto; overflow: hidden; position: relative; top: 10px; }
|
||||
.orbit-bullets li { display: block; width: 18px; height: 18px; background: #fff; float: left; margin-right: 6px; border: solid 2px #000; -webkit-border-radius: 1000px; border-radius: 1000px; }
|
||||
.orbit-bullets li.active { background: #000; }
|
||||
.orbit-bullets li:last-child { margin-right: 0; }
|
||||
|
||||
.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: none; }
|
||||
.touch .orbit-bullets { display: none; }
|
||||
|
||||
@media only screen and (min-width: 48em) { .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: inherit; }
|
||||
.touch .orbit-bullets { display: block; } }
|
||||
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: black; background: rgba(0, 0, 0, 0.45); z-index: 98; display: none; top: 0; left: 0; }
|
||||
|
||||
.reveal-modal { visibility: hidden; display: none; position: absolute; left: 50%; z-index: 99; height: auto; background-color: #fff; margin-left: -40%; width: 80%; background-color: white; padding: 1.25em; border: solid 1px #666666; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); top: 50px; }
|
||||
.reveal-modal .column, .reveal-modal .columns { min-width: 0; }
|
||||
.reveal-modal > :first-child { margin-top: 0; }
|
||||
.reveal-modal > :last-child { margin-bottom: 0; }
|
||||
.reveal-modal .close-reveal-modal { font-size: 1.375em; line-height: 1; position: absolute; top: 0.5em; right: 0.6875em; color: #aaaaaa; font-weight: bold; cursor: pointer; }
|
||||
|
||||
@media only screen and (min-width: 48em) { .reveal-modal { padding: 1.875em; top: 6.25em; }
|
||||
.reveal-modal.small { margin-left: -15%; width: 30%; }
|
||||
.reveal-modal.medium { margin-left: -20%; width: 40%; }
|
||||
.reveal-modal.large { margin-left: -30%; width: 60%; }
|
||||
.reveal-modal.xlarge { margin-left: -35%; width: 70%; }
|
||||
.reveal-modal.expand { margin-left: -47.5%; width: 95%; } }
|
||||
@media print { div:not(.reveal-modal) { display: none; } }
|
||||
/* Labels */
|
||||
.label { font-weight: 500; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline-block; position: relative; padding: 0.1875em 0.625em 0.25em; font-size: 0.875em; background-color: #007aff; color: #fff; }
|
||||
.label.radius { -webkit-border-radius: 3px; border-radius: 3px; }
|
||||
.label.round { -webkit-border-radius: 1000px; border-radius: 1000px; }
|
||||
.label.alert { background-color: #c60f13; color: #fff; }
|
||||
.label.success { background-color: #5da423; color: #fff; }
|
||||
.label.secondary, body .label.button { background-color: #ff005c; color: #fff; }
|
||||
|
||||
/* Pagination */
|
||||
.pagination { display: block; height: 1.5em; margin-left: -0.3125em; }
|
||||
.pagination li { display: block; float: left; height: 1.5em; color: #222222; font-size: 0.875em; margin-left: 0.3125em; }
|
||||
.pagination li a { display: block; padding: 0.0625em 0.4375em 0.0625em; color: #999999; }
|
||||
.pagination li:hover a, .pagination li a:focus { background: #e6e6e6; }
|
||||
.pagination li.unavailable a { cursor: default; color: #999999; }
|
||||
.pagination li.unavailable:hover a, .pagination li.unavailable a:focus { background: transparent; }
|
||||
.pagination li.current a { background: #007aff; color: white; font-weight: bold; cursor: default; }
|
||||
.pagination li.current a:hover, .pagination li.current a:focus { background: #007aff; }
|
||||
|
||||
.pagination-centered { text-align: center; }
|
||||
.pagination-centered ul > li { float: none; display: inline-block; }
|
||||
|
||||
/* Tables */
|
||||
table { background: white; margin-bottom: 1.25em; border: solid 1px #dddddd; }
|
||||
table thead, table tfoot { background: whitesmoke; font-weight: bold; }
|
||||
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.5em 0.625em 0.625em; font-size: 0.875em; color: #222222; text-align: left; }
|
||||
table tr th, table tr td { padding: 0.5625em 0.625em; font-size: 0.875em; color: #222222; }
|
||||
table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; }
|
||||
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.125em; }
|
||||
|
||||
/* General styles */
|
||||
body h1, body h2, body h3, body h4 { text-transform: uppercase; }
|
||||
body h1 { margin-bottom: 0.3em; }
|
||||
body a { -webkit-transition: background-color 0.15s ease, background-image 0.15s ease, color 0.15s ease; -moz-transition: background-color 0.15s ease, background-image 0.15s ease, color 0.15s ease; -o-transition: background-color 0.15s ease, background-image 0.15s ease, color 0.15s ease; transition: background-color 0.15s ease, background-image 0.15s ease, color 0.15s ease; }
|
||||
body a:hover { color: #ff005c; }
|
||||
body span, body input[type=submit] { -webkit-transition: background-color 0.15s ease, color 0.15s ease; -moz-transition: background-color 0.15s ease, color 0.15s ease; -o-transition: background-color 0.15s ease, color 0.15s ease; transition: background-color 0.15s ease, color 0.15s ease; }
|
||||
body img { -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; }
|
||||
|
||||
.hide-text, .highlight a.highlight-image, .tweets-image, .blog-image, .instagram-image, .artists-image { text-indent: 100%; white-space: nowrap; overflow: hidden; }
|
||||
|
||||
.uppercase { text-transform: uppercase; }
|
||||
|
||||
.semi-bold { font-weight: 600; }
|
||||
|
||||
/* buttons */
|
||||
body .button { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-transform: uppercase; }
|
||||
body .btn-tiny { text-align: center; font-size: 1.3em; display: inline-block; color: white; width: 32px; height: 32px; line-height: 32px; }
|
||||
body .btn-tiny .icon-twitter { font-size: 0.8em; }
|
||||
body .primary { background-color: #007aff; }
|
||||
body .primary:hover { color: white; background-color: #ff005c; }
|
||||
body .secondary, body .button { background-color: #ff005c; }
|
||||
body .secondary:hover, body .button:hover { color: white; background-color: #007aff; }
|
||||
|
||||
/* Images */
|
||||
.attachment-eight-columns, .attachment-four-columns { width: 100%; }
|
||||
|
||||
/* more hover stuff */
|
||||
a.colored { display: block; background-color: #ff005c; }
|
||||
a.colored.primary { background-color: #007aff; }
|
||||
a.colored img { display: block; width: 100%; }
|
||||
a.colored:hover img { opacity: .4; }
|
||||
|
||||
/* Disco */
|
||||
@-moz-keyframes disco { from { background-color: #007aff; }
|
||||
to { background-color: #ff005c; } }
|
||||
|
||||
@-webkit-keyframes disco { from { background-color: #007aff; }
|
||||
to { background-color: #ff005c; } }
|
||||
|
||||
@-o-keyframes disco { from { background-color: #007aff; }
|
||||
to { background-color: #ff005c; } }
|
||||
|
||||
@keyframes disco { from { background-color: #007aff; }
|
||||
to { background-color: #ff005c; } }
|
||||
|
||||
.disco { color: white; background-color: #007aff; -webkit-animation: disco 0.5s infinite alternate; -moz-animation: disco 0.5s infinite alternate; -o-animation: disco 0.5s infinite alternate; animation: disco 0.5s infinite alternate; }
|
||||
.disco.reversed { -webkit-animation: disco 0.5s 0.5s infinite alternate; -moz-animation: disco 0.5s 0.5s infinite alternate; -o-animation: disco 0.5s 0.5s infinite alternate; animation: disco 0.5s 0.5s infinite alternate; }
|
||||
|
||||
header.header { margin-top: 2em; margin-bottom: 2em; }
|
||||
header.header .date { color: #007aff; font-size: 3.4em; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; display: inline-block; }
|
||||
header.header .logo img { position: relative; bottom: -15px; left: 10px; }
|
||||
header.header .logo img.multiply { position: absolute; left: 372px; bottom: -12px; z-index: 1; }
|
||||
header.header .nav-menu { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; margin: 0 auto; }
|
||||
header.header .nav-menu li { list-style-image: none; list-style-type: none; margin-left: 0; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; white-space: nowrap; }
|
||||
header.header .nav-menu a { background-color: #007aff; font-size: 1.5em; font-weight: 600; display: inline-block; padding: .7em .805em; color: white; text-transform: uppercase; position: relative; }
|
||||
header.header .nav-menu a:hover { z-index: 2; background-color: #ff005c; }
|
||||
|
||||
.highlight a { height: 280px; line-height: 1.1; font-size: 2.5em; font-weight: bold; text-transform: uppercase; text-align: center; display: block; color: white; background-color: #ff005c; }
|
||||
.highlight a.highlight-image { background-color: white; background-image: url("../images/fri_villig.png"); background-repeat: no-repeat; }
|
||||
.highlight a.highlight-image:hover { background-color: white; background-image: url("../images/fri_villig_hover.png"); }
|
||||
.highlight a:hover { color: white; background-color: #007aff; }
|
||||
.highlight a span { display: inline-block; padding-top: 30px; }
|
||||
.highlight a span.larger { padding-top: 62px; font-size: 1.6em; }
|
||||
.highlight a .number { font-size: 3em; }
|
||||
|
||||
.separator { height: 2px; background-color: #ff005c; margin: 2em 0; }
|
||||
.separator.tiny-margin { margin-top: 0; margin-bottom: 0.4em; }
|
||||
|
||||
article { margin-bottom: 1.5em; }
|
||||
article p { margin-bottom: 0.6em; }
|
||||
article .article-header h1 a { color: #ff005c; background-color: white; }
|
||||
article .article-header h1 a:hover { color: #007aff; }
|
||||
article .article-header h4 a { color: #ff005c; background-color: white; }
|
||||
article .article-header h4 a:hover { color: #007aff; }
|
||||
article .entry-content { font-size: 0.9em; }
|
||||
article .article-footer { text-align: right; }
|
||||
|
||||
.moretag { font-weight: bold; }
|
||||
|
||||
.bluebordered { border-left: 2px solid #007aff; }
|
||||
|
||||
.row.row.tweets-and-blog { margin-top: 2em; margin-bottom: 3em; }
|
||||
|
||||
.tweets-image { display: inline-block; width: 291px; height: 114px; background-color: white; background-image: url("../images/tweets.png"); background-repeat: no-repeat; }
|
||||
.tweets-image:hover { background-color: white; background-image: url("../images/tweets_hover.png"); }
|
||||
|
||||
.blog-image { display: inline-block; width: 285px; height: 258px; background-color: white; background-image: url("../images/blog.png"); background-repeat: no-repeat; }
|
||||
.blog-image:hover { background-color: white; background-image: url("../images/blog_hover.png"); }
|
||||
|
||||
.instagram-image { display: inline-block; width: 300px; height: 304px; background-color: white; background-image: url("../images/instagram.png"); background-repeat: no-repeat; }
|
||||
.instagram-image:hover { background-color: white; background-image: url("../images/instagram_hover.png"); }
|
||||
|
||||
.social-media { font-size: 2em; color: #ff005c; }
|
||||
.social-media a { font-size: 1.5em; color: #007aff; padding: 0 0.25em; }
|
||||
.social-media a:hover { color: #ff005c; }
|
||||
.social-media .icon-twitter { margin-left: 0.25em; }
|
||||
.social-media .follow { position: relative; font-size: 0.85em; top: -8px; }
|
||||
|
||||
.artists-image { display: inline-block; width: 300px; height: 220px; background-color: white; background-image: url("../images/artists.png"); background-repeat: no-repeat; }
|
||||
.artists-image:hover { background-color: white; background-image: url("../images/artists_hover.png"); }
|
||||
|
||||
.sidebar .lineup ul.artists { list-style-type: none; padding-left: 0; text-transform: uppercase; font-size: 1.2em; font-weight: bold; line-height: 1.2; }
|
||||
.sidebar .lineup ul.artists a { color: #007aff; }
|
||||
.sidebar .lineup ul.artists a:hover { color: white; background-color: #ff005c; }
|
||||
.sidebar .lineup ul.artists.headliners { margin-top: 1em; font-size: 2em; }
|
||||
.sidebar .lineup ul.artists.headliners li:nth-child(even) a { color: #ff005c; }
|
||||
.sidebar .lineup ul.artists.headliners li:nth-child(even) a:hover { color: white; background-color: #007aff; }
|
||||
|
||||
.flying-megawhale { width: 719px; height: 582px; background-image: url("../images/megawhale_wink.gif"); background-size: 100% 100%; background-repeat: no-repeat; margin: auto; margin-top: 4em; position: relative; top: 50px; z-index: -1; }
|
||||
.flying-megawhale img { position: absolute; right: -20px; top: 0px; width: 190px; }
|
||||
|
||||
.footer { position: relative; z-index: 2; min-width: 100%; text-align: center; height: 400px; background-color: #007aff; }
|
||||
.footer #inner-footer img { margin-top: 100px; }
|
||||
|
||||
.wave { position: fixed; left: 0px; bottom: 0px; height: 30px; width: 100%; background-color: #007aff; }
|
||||
|
||||
.wavetop { position: relative; bottom: 12px; height: 12px; background-image: url("../images/wave_top.png"); background-size: 48px 12px; background-repeat: repeat-x; background-position: 0; width: 100%; }
|
||||
.wavetop.animated { -webkit-animation: move-left 1s infinite linear; -moz-animation: move-left 1s infinite linear; -o-animation: move-left 1s infinite linear; animation: move-left 1s infinite linear; }
|
||||
|
||||
.row { /* FIXME: responsive */ width: 1000px; max-width: 1000px; }
|
||||
|
||||
/* Template styles */
|
||||
.template-artists img { display: block; }
|
||||
.template-artists .artists { font-size: 1.5em; text-transform: uppercase; text-align: center; font-weight: bold; }
|
||||
.template-artists .artists .artist-box a { color: #007aff; }
|
||||
.template-artists .artists .artist-box a span { display: block; color: white; background-color: #007aff; }
|
||||
.template-artists .artists .artist-box a:hover { color: white; }
|
||||
.template-artists .artists .artist-box a:hover span { color: white; background-color: #ff005c; }
|
||||
|
||||
/* 404 */
|
||||
.search .screen-reader-text { display: none; }
|
||||
.search label, .search input { margin-bottom: 10px; }
|
||||
.search input { width: 300px; margin: 0 auto; }
|
||||
.search input[type=text] { margin-bottom: 1em; }
|
||||
.search input[type=submit] { text-transform: uppercase; font-weight: bold; padding: 0.5em 0.4em; background-color: #ff005c; color: white; border: 0; }
|
||||
.search input[type=submit]:hover { background-color: #007aff; }
|
||||
|
||||
/* Samuel E. Wright - Under the sea */
|
||||
.anda-da-zee { position: relative; width: 100%; height: 5000px; background-image: -webkit-linear-gradient(#007aff, #00005e); background-image: -moz-linear-gradient(#007aff, #00005e); background-image: -o-linear-gradient(#007aff, #00005e); background-image: linear-gradient(#007aff, #00005e); border-bottom: solid 65px #000043; }
|
||||
.anda-da-zee .punsjebollen { position: absolute; bottom: -40px; left: 25%; z-index: 1; width: 512px; height: 340px; background-image: url("../images/punsjebolle.png"); background-repeat: no-repeat; }
|
||||
.anda-da-zee .trail-of-bubbles { position: absolute; top: 475px; left: 50%; }
|
||||
.anda-da-zee .trail-of-bubbles .bubble { border-color: #0062cc; }
|
||||
.anda-da-zee .bubble { width: 20px; height: 20px; display: inline-block; position: absolute; bottom: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; border: 6px solid #007aff; }
|
||||
.anda-da-zee .bubble.first { left: 80px; width: 50px; height: 50px; border-width: 14px; -webkit-animation: fade-move-long 4s infinite; -moz-animation: fade-move-long 4s infinite; -o-animation: fade-move-long 4s infinite; animation: fade-move-long 4s infinite; }
|
||||
.anda-da-zee .bubble.second { left: 150px; width: 35px; height: 35px; bottom: 40px; border-width: 10px; -webkit-animation: fade-move-middle 4s 0.6s infinite; -moz-animation: fade-move-middle 4s 0.6s infinite; -o-animation: fade-move-middle 4s 0.6s infinite; animation: fade-move-middle 4s 0.6s infinite; }
|
||||
.anda-da-zee .bubble.third { left: 100px; -webkit-animation: fade-move 4s 1.4s infinite; -moz-animation: fade-move 4s 1.4s infinite; -o-animation: fade-move 4s 1.4s infinite; animation: fade-move 4s 1.4s infinite; }
|
||||
|
||||
/* fade move bubbles */
|
||||
@-moz-keyframes fade-move { 0% { opacity: 0.5; }
|
||||
50% { opacity: 1; }
|
||||
100% { opacity: 0; bottom: 230px; } }
|
||||
|
||||
@-webkit-keyframes fade-move { 0% { opacity: 0.5; }
|
||||
50% { opacity: 1; }
|
||||
100% { opacity: 0; bottom: 230px; } }
|
||||
|
||||
@-o-keyframes fade-move { 0% { opacity: 0.5; }
|
||||
50% { opacity: 1; }
|
||||
100% { opacity: 0; bottom: 230px; } }
|
||||
|
||||
@keyframes fade-move { 0% { opacity: 0.5; }
|
||||
50% { opacity: 1; }
|
||||
100% { opacity: 0; bottom: 230px; } }
|
||||
|
||||
@-moz-keyframes fade-move-middle { 0% { opacity: 0.5; }
|
||||
50% { opacity: 1; }
|
||||
100% { opacity: 0; bottom: 330px; } }
|
||||
|
||||
@-webkit-keyframes fade-move-middle { 0% { opacity: 0.5; }
|
||||
50% { opacity: 1; }
|
||||
100% { opacity: 0; bottom: 330px; } }
|
||||
|
||||
@-o-keyframes fade-move-middle { 0% { opacity: 0.5; }
|
||||
50% { opacity: 1; }
|
||||
100% { opacity: 0; bottom: 330px; } }
|
||||
|
||||
@keyframes fade-move-middle { 0% { opacity: 0.5; }
|
||||
50% { opacity: 1; }
|
||||
100% { opacity: 0; bottom: 330px; } }
|
||||
|
||||
@-moz-keyframes fade-move-long { 0% { opacity: 0.5; }
|
||||
50% { opacity: 1; }
|
||||
100% { opacity: 0; bottom: 430px; } }
|
||||
|
||||
@-webkit-keyframes fade-move-long { 0% { opacity: 0.5; }
|
||||
50% { opacity: 1; }
|
||||
100% { opacity: 0; bottom: 430px; } }
|
||||
|
||||
@-o-keyframes fade-move-long { 0% { opacity: 0.5; }
|
||||
50% { opacity: 1; }
|
||||
100% { opacity: 0; bottom: 430px; } }
|
||||
|
||||
@keyframes fade-move-long { 0% { opacity: 0.5; }
|
||||
50% { opacity: 1; }
|
||||
100% { opacity: 0; bottom: 430px; } }
|
||||
|
||||
/* move left */
|
||||
@-moz-keyframes move-left { 0% { background-position: 0; }
|
||||
100% { background-position: 48px; } }
|
||||
|
||||
@-webkit-keyframes move-left { 0% { background-position: 0; }
|
||||
100% { background-position: 48px; } }
|
||||
|
||||
@-o-keyframes move-left { 0% { background-position: 0; }
|
||||
100% { background-position: 48px; } }
|
||||
|
||||
@keyframes move-left { 0% { background-position: 0; }
|
||||
100% { background-position: 48px; } }
|
||||
@@ -0,0 +1,117 @@
|
||||
/* normalize.css v2.1.0 | MIT License | git.io/normalize */
|
||||
/* ========================================================================== HTML5 display definitions ========================================================================== */
|
||||
/** Correct `block` display not defined in IE 8/9. */
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
|
||||
|
||||
/** Correct `inline-block` display not defined in IE 8/9. */
|
||||
audio, canvas, video { display: inline-block; }
|
||||
|
||||
/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
|
||||
audio:not([controls]) { display: none; height: 0; }
|
||||
|
||||
/** Address styling not present in IE 8/9. */
|
||||
[hidden] { display: none; }
|
||||
|
||||
/* ========================================================================== Base ========================================================================== */
|
||||
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
|
||||
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }
|
||||
|
||||
/** Remove default margin. */
|
||||
body { margin: 0; }
|
||||
|
||||
/* ========================================================================== Links ========================================================================== */
|
||||
/** Address `outline` inconsistency between Chrome and other browsers. */
|
||||
a:focus { outline: thin dotted; }
|
||||
|
||||
/** Improve readability when focused and also mouse hovered in all browsers. */
|
||||
a:active, a:hover { outline: 0; }
|
||||
|
||||
/* ========================================================================== Typography ========================================================================== */
|
||||
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
|
||||
h1 { font-size: 2em; margin: 0.67em 0; }
|
||||
|
||||
/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
|
||||
abbr[title] { border-bottom: 1px dotted; }
|
||||
|
||||
/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
|
||||
b, strong { font-weight: bold; }
|
||||
|
||||
/** Address styling not present in Safari 5 and Chrome. */
|
||||
dfn { font-style: italic; }
|
||||
|
||||
/** Address differences between Firefox and other browsers. */
|
||||
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
|
||||
|
||||
/** Address styling not present in IE 8/9. */
|
||||
mark { background: #ff0; color: #000; }
|
||||
|
||||
/** Correct font family set oddly in Safari 5 and Chrome. */
|
||||
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
|
||||
|
||||
/** Improve readability of pre-formatted text in all browsers. */
|
||||
pre { white-space: pre-wrap; }
|
||||
|
||||
/** Set consistent quote types. */
|
||||
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
|
||||
|
||||
/** Address inconsistent and variable font size in all browsers. */
|
||||
small { font-size: 80%; }
|
||||
|
||||
/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
|
||||
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
|
||||
|
||||
sup { top: -0.5em; }
|
||||
|
||||
sub { bottom: -0.25em; }
|
||||
|
||||
/* ========================================================================== Embedded content ========================================================================== */
|
||||
/** Remove border when inside `a` element in IE 8/9. */
|
||||
img { border: 0; }
|
||||
|
||||
/** Correct overflow displayed oddly in IE 9. */
|
||||
svg:not(:root) { overflow: hidden; }
|
||||
|
||||
/* ========================================================================== Figures ========================================================================== */
|
||||
/** Address margin not present in IE 8/9 and Safari 5. */
|
||||
figure { margin: 0; }
|
||||
|
||||
/* ========================================================================== Forms ========================================================================== */
|
||||
/** Define consistent border, margin, and padding. */
|
||||
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
|
||||
|
||||
/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
|
||||
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }
|
||||
|
||||
/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
|
||||
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }
|
||||
|
||||
/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
|
||||
button, input { line-height: normal; }
|
||||
|
||||
/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
|
||||
button, select { text-transform: none; }
|
||||
|
||||
/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
|
||||
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
|
||||
|
||||
/** Re-set default cursor for disabled elements. */
|
||||
button[disabled], html input[disabled] { cursor: default; }
|
||||
|
||||
/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
|
||||
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
|
||||
|
||||
/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
|
||||
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
|
||||
|
||||
/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
|
||||
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
|
||||
|
||||
/** Remove inner padding and border in Firefox 4+. */
|
||||
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
|
||||
|
||||
/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
|
||||
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
|
||||
|
||||
/* ========================================================================== Tables ========================================================================== */
|
||||
/** Remove most spacing between table cells. */
|
||||
table { border-collapse: collapse; border-spacing: 0; }
|
||||
|
After Width: | Height: | Size: 946 B |
|
After Width: | Height: | Size: 835 B |
@@ -0,0 +1,15 @@
|
||||
<div class="wave"><div class="wavetop"></div></div>
|
||||
<div class="flying-megawhale"><img src="<?php echo get_template_directory_uri(); ?>/images/thinking.gif" /></div>
|
||||
<footer class="footer" role="contentinfo">
|
||||
<div class="wavetop"></div>
|
||||
<div id="inner-footer">
|
||||
<a href="http://studentersamfundet.no/"><img src="<?php echo get_template_directory_uri(); ?>/images/streamer.png" /></a>
|
||||
<!--<nav role="navigation">
|
||||
<?php wp_nav_menu( array( 'theme_location' => 'footer', 'menu_class' => 'footer-menu' ) ); ?>
|
||||
</nav>-->
|
||||
</div> <!-- end #inner-footer -->
|
||||
</footer> <!-- end footer -->
|
||||
</div> <!-- end #container -->
|
||||
<?php wp_footer(); ?>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,79 @@
|
||||
<?php get_header(); ?>
|
||||
<div id="featured" class="row">
|
||||
<div class="highlight small-4 columns">
|
||||
<a href="/info"><span><div class="number"><?php
|
||||
$now = time();
|
||||
$your_date = strtotime("2013-08-12");
|
||||
$datediff = $your_date - $now;
|
||||
echo floor($datediff/(60*60*24));
|
||||
?></div>dager igjen</span></a>
|
||||
</div>
|
||||
<div class="highlight small-4 columns text-center">
|
||||
<a href="/frivillig" class="highlight-image">Bli Frivillig</a>
|
||||
</div>
|
||||
<div class="highlight small-4 columns">
|
||||
<a href="/billetter"><span class="larger">Kjøp billett</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="small-12 columns"><div class="separator"></div></div>
|
||||
</div>
|
||||
<div id="content">
|
||||
<div id="inner-content" class="row">
|
||||
<div id="main" role="main" class="small-8 columns">
|
||||
<div class="news-header">
|
||||
<h3>Nyheter</h3>
|
||||
</div>
|
||||
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
|
||||
<?php if (is_sticky($post->ID)): ?>
|
||||
<?php get_template_part( 'content', 'sticky' ); ?>
|
||||
<?php else: ?>
|
||||
<?php get_template_part( 'content' ); ?>
|
||||
<?php endif; ?>
|
||||
<?php endwhile; ?>
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
<a href="/nyheter/" class="button small-12">Les flere nyheter</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row tweets-and-blog">
|
||||
<div class="small-6 columns">
|
||||
<a href="http://twitter.com/studiofestival" class="tweets-image">Tweets tagget med #studiofestivalen</a>
|
||||
<!-- Twitter embed -->
|
||||
<a class="twitter-timeline" href="https://twitter.com/studiofestival" data-widget-id="332811736338022400" data-tweet-limit="1" data-border-color="#ffffff" data-chrome="nofooter transparent noheader noscrollbar noborders" height="350">Tweets by @studiofestival</a>
|
||||
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
||||
|
||||
</div>
|
||||
<div class="bluebordered text-center small-6 columns">
|
||||
<a href="/blogg" class="blog-image">Blogg</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
<div class="instagram-feed">
|
||||
<ul class="small-block-grid-2 first">
|
||||
<li><a href="http://instagram.com/studiofestivalen/" class="instagram-image">Instagram #studiofestivalen</a></li>
|
||||
</ul>
|
||||
<ul class="small-block-grid-4 rest">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="small-12 columns"><div class="separator"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row social-media">
|
||||
<div class="small-12 columns">
|
||||
<span class="follow uppercase semi-bold">Følg oss på:</span> <a href="http://twitter.com/studiofestival"><i class="icon-twitter"></i></a> <a href="https://www.facebook.com/studiofestival"><i class="icon-facebook"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<?php else : ?>
|
||||
<?php get_template_part( 'content', 'notfound' ); ?>
|
||||
<?php endif; ?>
|
||||
</div> <!-- end #main -->
|
||||
<?php get_sidebar(); ?>
|
||||
</div> <!-- end #inner-content -->
|
||||
</div> <!-- end #content -->
|
||||
<?php get_footer(); ?>
|
||||
@@ -0,0 +1,103 @@
|
||||
<?php
|
||||
register_sidebar(array(
|
||||
'name' => __( 'Sidebar One' ),
|
||||
'id' => 'sidebar-one',
|
||||
'description' => __( 'Sidebar one' )));
|
||||
|
||||
|
||||
register_nav_menu( 'primary', 'Hovedmeny' );
|
||||
register_nav_menu( 'footer', 'Footermeny' );
|
||||
|
||||
add_theme_support( 'post-thumbnails' );
|
||||
|
||||
add_image_size( 'eight-columns', 650, 500, true );
|
||||
add_image_size( 'four-columns', 310, 160, true );
|
||||
add_image_size( 'artist-thumb', 228, 191, true );
|
||||
|
||||
|
||||
function studio_enqueue_scripts() {
|
||||
// script location, dependencies and version
|
||||
wp_register_script( 'foundation', get_template_directory_uri().'/js/foundation/foundation.js', array('jquery') );
|
||||
wp_register_script( 'foundation-joyride', get_template_directory_uri().'/js/foundation/foundation.joyride.js', array('foundation') );
|
||||
wp_register_script( 'instafeed', get_template_directory_uri().'/js/vendor/instafeed.min.js' );
|
||||
wp_register_script( 'moment', get_template_directory_uri().'/js/vendor/moment.min.js' );
|
||||
wp_register_script( 'skrollr', get_template_directory_uri().'/js/vendor/skrollr.min.js' );
|
||||
wp_register_script( 'skrollr-stylesheets', get_template_directory_uri().'/js/vendor/skrollr.stylesheets.min.js' );
|
||||
wp_register_script( 'application', get_template_directory_uri().'/js/main.js', array('instafeed', 'foundation-joyride', 'moment', 'skrollr', 'skrollr-stylesheets') );
|
||||
|
||||
// enqueue them
|
||||
wp_enqueue_script( 'application' );
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts' , 'studio_enqueue_scripts' );
|
||||
|
||||
/* Modify the output of list items in the header navigation menu.
|
||||
*
|
||||
* Remove the whitespace between HTML tags. Required specifically for better
|
||||
* behavior when list items are inline-block in our main nav menu and need
|
||||
* the browsers to adhere to exact margins.
|
||||
*
|
||||
* NOTE: filter name changes depending on your menu - this one works for 'hoved'
|
||||
*/
|
||||
function prefix_remove_menu_item_whitespace( $html_content ) {
|
||||
return preg_replace( '/>\s+</', '><', $html_content );
|
||||
}
|
||||
add_filter( 'wp_nav_menu_hoved_items', 'prefix_remove_menu_item_whitespace' );
|
||||
|
||||
function custom_excerpt_length( $length ) {
|
||||
return 20;
|
||||
}
|
||||
add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );
|
||||
|
||||
function new_excerpt_more($more) {
|
||||
global $post;
|
||||
return '... <a class="moretag" href="'. get_permalink($post->ID) . '">les mer</a>';
|
||||
}
|
||||
add_filter('excerpt_more', 'new_excerpt_more');
|
||||
|
||||
/* post type */
|
||||
// Register Custom Post Type
|
||||
function studio_artists_post_type() {
|
||||
$labels = array(
|
||||
'name' => _x( 'Artists', 'Post Type General Name', 'studio' ),
|
||||
'singular_name' => _x( 'Artist', 'Post Type Singular Name', 'studio' ),
|
||||
'menu_name' => __( 'Artist', 'studio' ),
|
||||
'parent_item_colon' => __( 'Parent Artist:', 'studio' ),
|
||||
'all_items' => __( 'All Artists', 'studio' ),
|
||||
'view_item' => __( 'View Artist', 'studio' ),
|
||||
'add_new_item' => __( 'Add New Artist', 'studio' ),
|
||||
'add_new' => __( 'New Artist', 'studio' ),
|
||||
'edit_item' => __( 'Edit Artist', 'studio' ),
|
||||
'update_item' => __( 'Update Artist', 'studio' ),
|
||||
'search_items' => __( 'Search Artists', 'studio' ),
|
||||
'not_found' => __( 'No artists found', 'studio' ),
|
||||
'not_found_in_trash' => __( 'No artists found in Trash', 'studio' ),
|
||||
);
|
||||
|
||||
$args = array(
|
||||
'label' => __( 'artist', 'studio' ),
|
||||
'description' => __( 'Artist information pagews', 'studio' ),
|
||||
'labels' => $labels,
|
||||
'supports' => array( 'title', 'editor', 'excerpt', 'thumbnail', ),
|
||||
'taxonomies' => array( 'post_tag' ),
|
||||
'hierarchical' => false,
|
||||
'public' => true,
|
||||
'show_ui' => true,
|
||||
'show_in_menu' => true,
|
||||
'show_in_nav_menus' => true,
|
||||
'show_in_admin_bar' => true,
|
||||
'menu_position' => 5,
|
||||
//'menu_icon' => '',
|
||||
'can_export' => true,
|
||||
'has_archive' => true,
|
||||
'exclude_from_search' => false,
|
||||
'publicly_queryable' => true,
|
||||
'capability_type' => 'page',
|
||||
);
|
||||
|
||||
register_post_type( 'artist', $args );
|
||||
}
|
||||
|
||||
// Hook into the 'init' action
|
||||
add_action( 'init', 'studio_artists_post_type', 0 );
|
||||
|
||||
?>
|
||||
@@ -0,0 +1,70 @@
|
||||
<!doctype html>
|
||||
|
||||
<!--[if lt IE 7]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if (IE 7)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8"><![endif]-->
|
||||
<!--[if (IE 8)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9"><![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html <?php language_attributes(); ?> class="no-js"><!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<!-- Google Chrome Frame for IE -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title><?php wp_title(); ?></title>
|
||||
<!-- mobile meta (hooray!) -->
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
|
||||
<!-- icons & favicons (for more: http://www.jonathantneal.com/blog/understand-the-favicon/) -->
|
||||
<link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/images/apple-icon-touch.png">
|
||||
<link rel="icon" href="<?php echo get_template_directory_uri(); ?>/favicon.png">
|
||||
<!--[if IE]>
|
||||
<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">
|
||||
<![endif]-->
|
||||
<!-- or, set /favicon.ico for IE10 win -->
|
||||
<meta name="msapplication-TileColor" content="#f01d4f">
|
||||
<meta name="msapplication-TileImage" content="<?php echo get_template_directory_uri(); ?>/images/win8-tile-icon.png">
|
||||
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
|
||||
<!-- Stylesheets -->
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700' rel='stylesheet' type='text/css'>
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
|
||||
<link href="<?php echo get_template_directory_uri(); ?>/css/normalize.css" media="screen, projector, print" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo get_template_directory_uri(); ?>/css/app.css" media="screen, projector, print" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- wordpress head functions -->
|
||||
<?php wp_head(); ?>
|
||||
<!-- end of wordpress head -->
|
||||
|
||||
<!-- Google Analytics -->
|
||||
<script type="text/javascript">
|
||||
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-52914-3']);
|
||||
_gaq.push(['_setDomainName', 'studiofestivalen.no']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
|
||||
</script>
|
||||
<!-- end analytics -->
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body <?php body_class(); ?>>
|
||||
<div id="container">
|
||||
<header class="header" role="banner">
|
||||
<div id="inner-header" class="row">
|
||||
<div class="logo small-8 columns"><a href="<?php echo home_url(); ?>" rel="nofollow"><img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" /></a><img src="<?php echo get_template_directory_uri(); ?>/images/logo_multiply.png" class="multiply" /></div>
|
||||
<div class="small-4 columns">
|
||||
<span class="date">12.-24. aug</span><img src="<?php echo get_template_directory_uri(); ?>/images/line.png"></div>
|
||||
</div> <!-- end #inner-header -->
|
||||
<div class="row">
|
||||
<nav role="navigation" class="small-12 columns">
|
||||
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
|
||||
</nav>
|
||||
</div>
|
||||
</header> <!-- end header -->
|
||||
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 9.3 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 7.8 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 53 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,15 @@
|
||||
<?php get_header(); ?>
|
||||
<div id="content">
|
||||
<div id="inner-content" class="row">
|
||||
<div id="main" role="main" class="small-8 columns">
|
||||
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
|
||||
<?php get_template_part( 'content', 'full' ); ?>
|
||||
<?php endwhile; ?>
|
||||
<?php else : ?>
|
||||
<?php get_template_part( 'content', 'notfound' ); ?>
|
||||
<?php endif; ?>
|
||||
</div> <!-- end #main -->
|
||||
<?php get_sidebar(); ?>
|
||||
</div> <!-- end #inner-content -->
|
||||
</div> <!-- end #content -->
|
||||
<?php get_footer(); ?>
|
||||
@@ -0,0 +1,50 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.alerts = {
|
||||
name : 'alerts',
|
||||
|
||||
version : '4.0.0',
|
||||
|
||||
settings : {
|
||||
speed: 300, // fade out speed
|
||||
callback: function (){}
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
if (!this.settings.init) this.events();
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope).on('click.fndtn.alerts', '[data-alert] a.close', function (e) {
|
||||
e.preventDefault();
|
||||
$(this).closest("[data-alert]").fadeOut(self.speed, function () {
|
||||
$(this).remove();
|
||||
self.settings.callback();
|
||||
});
|
||||
});
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.alerts');
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@@ -0,0 +1,512 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.clearing = {
|
||||
name : 'clearing',
|
||||
|
||||
version : '4.1.2',
|
||||
|
||||
settings : {
|
||||
templates : {
|
||||
viewing : '<a href="#" class="clearing-close">×</a>' +
|
||||
'<div class="visible-img" style="display: none"><img src="//:0">' +
|
||||
'<p class="clearing-caption"></p><a href="#" class="clearing-main-prev"><span></span></a>' +
|
||||
'<a href="#" class="clearing-main-next"><span></span></a></div>'
|
||||
},
|
||||
|
||||
// comma delimited list of selectors that, on click, will close clearing,
|
||||
// add 'div.clearing-blackout, div.visible-img' to close on background click
|
||||
close_selectors : '.clearing-close',
|
||||
|
||||
// event initializers and locks
|
||||
init : false,
|
||||
locked : false
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
var self = this;
|
||||
Foundation.inherit(this, 'set_data get_data remove_data throttle data_options');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
options = $.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
$(this.scope).find('ul[data-clearing]').each(function () {
|
||||
var $el = $(this),
|
||||
options = options || {},
|
||||
lis = $el.find('li'),
|
||||
settings = self.get_data($el);
|
||||
|
||||
if (!settings && lis.length > 0) {
|
||||
options.$parent = $el.parent();
|
||||
|
||||
self.set_data($el, $.extend({}, self.settings, options, self.data_options($el)));
|
||||
|
||||
self.assemble($el.find('li'));
|
||||
|
||||
if (!self.settings.init) {
|
||||
self.events().swipe_events();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
// fire method
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
// event binding and initial setup
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('click.fndtn.clearing', 'ul[data-clearing] li',
|
||||
function (e, current, target) {
|
||||
var current = current || $(this),
|
||||
target = target || current,
|
||||
next = current.next('li'),
|
||||
settings = self.get_data(current.parent()),
|
||||
image = $(e.target);
|
||||
|
||||
e.preventDefault();
|
||||
if (!settings) self.init();
|
||||
|
||||
// if clearing is open and the current image is
|
||||
// clicked, go to the next image in sequence
|
||||
if (target.hasClass('visible')
|
||||
&& current[0] === target[0]
|
||||
&& next.length > 0 && self.is_open(current)) {
|
||||
target = next;
|
||||
image = target.find('img');
|
||||
}
|
||||
|
||||
// set current and target to the clicked li if not otherwise defined.
|
||||
self.open(image, current, target);
|
||||
self.update_paddles(target);
|
||||
})
|
||||
|
||||
.on('click.fndtn.clearing', '.clearing-main-next',
|
||||
function (e) { this.nav(e, 'next') }.bind(this))
|
||||
.on('click.fndtn.clearing', '.clearing-main-prev',
|
||||
function (e) { this.nav(e, 'prev') }.bind(this))
|
||||
.on('click.fndtn.clearing', this.settings.close_selectors,
|
||||
function (e) { Foundation.libs.clearing.close(e, this) })
|
||||
.on('keydown.fndtn.clearing',
|
||||
function (e) { this.keydown(e) }.bind(this));
|
||||
|
||||
$(window).on('resize.fndtn.clearing',
|
||||
function (e) { this.resize() }.bind(this));
|
||||
|
||||
this.settings.init = true;
|
||||
return this;
|
||||
},
|
||||
|
||||
swipe_events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('touchstart.fndtn.clearing', '.visible-img', function(e) {
|
||||
if (!e.touches) { e = e.originalEvent; }
|
||||
var data = {
|
||||
start_page_x: e.touches[0].pageX,
|
||||
start_page_y: e.touches[0].pageY,
|
||||
start_time: (new Date()).getTime(),
|
||||
delta_x: 0,
|
||||
is_scrolling: undefined
|
||||
};
|
||||
|
||||
$(this).data('swipe-transition', data);
|
||||
e.stopPropagation();
|
||||
})
|
||||
.on('touchmove.fndtn.clearing', '.visible-img', function(e) {
|
||||
if (!e.touches) { e = e.originalEvent; }
|
||||
// Ignore pinch/zoom events
|
||||
if(e.touches.length > 1 || e.scale && e.scale !== 1) return;
|
||||
|
||||
var data = $(this).data('swipe-transition');
|
||||
|
||||
if (typeof data === 'undefined') {
|
||||
data = {};
|
||||
}
|
||||
|
||||
data.delta_x = e.touches[0].pageX - data.start_page_x;
|
||||
|
||||
if ( typeof data.is_scrolling === 'undefined') {
|
||||
data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) );
|
||||
}
|
||||
|
||||
if (!data.is_scrolling && !data.active) {
|
||||
e.preventDefault();
|
||||
var direction = (data.delta_x < 0) ? 'next' : 'prev';
|
||||
data.active = true;
|
||||
self.nav(e, direction);
|
||||
}
|
||||
})
|
||||
.on('touchend.fndtn.clearing', '.visible-img', function(e) {
|
||||
$(this).data('swipe-transition', {});
|
||||
e.stopPropagation();
|
||||
});
|
||||
},
|
||||
|
||||
assemble : function ($li) {
|
||||
var $el = $li.parent();
|
||||
$el.after('<div id="foundationClearingHolder"></div>');
|
||||
|
||||
var holder = $('#foundationClearingHolder'),
|
||||
settings = this.get_data($el),
|
||||
grid = $el.detach(),
|
||||
data = {
|
||||
grid: '<div class="carousel">' + this.outerHTML(grid[0]) + '</div>',
|
||||
viewing: settings.templates.viewing
|
||||
},
|
||||
wrapper = '<div class="clearing-assembled"><div>' + data.viewing +
|
||||
data.grid + '</div></div>';
|
||||
|
||||
return holder.after(wrapper).remove();
|
||||
},
|
||||
|
||||
// event callbacks
|
||||
|
||||
open : function ($image, current, target) {
|
||||
var root = target.closest('.clearing-assembled'),
|
||||
container = root.find('div').first(),
|
||||
visible_image = container.find('.visible-img'),
|
||||
image = visible_image.find('img').not($image);
|
||||
|
||||
if (!this.locked()) {
|
||||
// set the image to the selected thumbnail
|
||||
image
|
||||
.attr('src', this.load($image))
|
||||
.css('visibility', 'hidden');
|
||||
|
||||
this.loaded(image, function () {
|
||||
image.css('visibility', 'visible');
|
||||
// toggle the gallery
|
||||
root.addClass('clearing-blackout');
|
||||
container.addClass('clearing-container');
|
||||
visible_image.show();
|
||||
this.fix_height(target)
|
||||
.caption(visible_image.find('.clearing-caption'), $image)
|
||||
.center(image)
|
||||
.shift(current, target, function () {
|
||||
target.siblings().removeClass('visible');
|
||||
target.addClass('visible');
|
||||
});
|
||||
}.bind(this));
|
||||
}
|
||||
},
|
||||
|
||||
close : function (e, el) {
|
||||
e.preventDefault();
|
||||
|
||||
var root = (function (target) {
|
||||
if (/blackout/.test(target.selector)) {
|
||||
return target;
|
||||
} else {
|
||||
return target.closest('.clearing-blackout');
|
||||
}
|
||||
}($(el))), container, visible_image;
|
||||
|
||||
if (el === e.target && root) {
|
||||
container = root.find('div').first(),
|
||||
visible_image = container.find('.visible-img');
|
||||
this.settings.prev_index = 0;
|
||||
root.find('ul[data-clearing]')
|
||||
.attr('style', '').closest('.clearing-blackout')
|
||||
.removeClass('clearing-blackout');
|
||||
container.removeClass('clearing-container');
|
||||
visible_image.hide();
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
is_open : function (current) {
|
||||
return current.parent().attr('style').length > 0;
|
||||
},
|
||||
|
||||
keydown : function (e) {
|
||||
var clearing = $('.clearing-blackout').find('ul[data-clearing]');
|
||||
|
||||
if (e.which === 39) this.go(clearing, 'next');
|
||||
if (e.which === 37) this.go(clearing, 'prev');
|
||||
if (e.which === 27) $('a.clearing-close').trigger('click');
|
||||
},
|
||||
|
||||
nav : function (e, direction) {
|
||||
var clearing = $('.clearing-blackout').find('ul[data-clearing]');
|
||||
|
||||
e.preventDefault();
|
||||
this.go(clearing, direction);
|
||||
},
|
||||
|
||||
resize : function () {
|
||||
var image = $('.clearing-blackout .visible-img').find('img');
|
||||
|
||||
if (image.length) {
|
||||
this.center(image);
|
||||
}
|
||||
},
|
||||
|
||||
// visual adjustments
|
||||
fix_height : function (target) {
|
||||
var lis = target.parent().children(),
|
||||
self = this;
|
||||
|
||||
lis.each(function () {
|
||||
var li = $(this),
|
||||
image = li.find('img');
|
||||
|
||||
if (li.height() > self.outerHeight(image)) {
|
||||
li.addClass('fix-height');
|
||||
}
|
||||
})
|
||||
.closest('ul')
|
||||
.width(lis.length * 100 + '%');
|
||||
|
||||
return this;
|
||||
},
|
||||
|
||||
update_paddles : function (target) {
|
||||
var visible_image = target
|
||||
.closest('.carousel')
|
||||
.siblings('.visible-img');
|
||||
|
||||
if (target.next().length > 0) {
|
||||
visible_image
|
||||
.find('.clearing-main-next')
|
||||
.removeClass('disabled');
|
||||
} else {
|
||||
visible_image
|
||||
.find('.clearing-main-next')
|
||||
.addClass('disabled');
|
||||
}
|
||||
|
||||
if (target.prev().length > 0) {
|
||||
visible_image
|
||||
.find('.clearing-main-prev')
|
||||
.removeClass('disabled');
|
||||
} else {
|
||||
visible_image
|
||||
.find('.clearing-main-prev')
|
||||
.addClass('disabled');
|
||||
}
|
||||
},
|
||||
|
||||
center : function (target) {
|
||||
if (!this.rtl) {
|
||||
target.css({
|
||||
marginLeft : -(this.outerWidth(target) / 2),
|
||||
marginTop : -(this.outerHeight(target) / 2)
|
||||
});
|
||||
} else {
|
||||
target.css({
|
||||
marginRight : -(this.outerWidth(target) / 2),
|
||||
marginTop : -(this.outerHeight(target) / 2)
|
||||
});
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
// image loading and preloading
|
||||
|
||||
load : function ($image) {
|
||||
var href = $image.parent().attr('href');
|
||||
|
||||
this.preload($image);
|
||||
|
||||
if (href) return href;
|
||||
return $image.attr('src');
|
||||
},
|
||||
|
||||
preload : function ($image) {
|
||||
this
|
||||
.img($image.closest('li').next())
|
||||
.img($image.closest('li').prev());
|
||||
},
|
||||
|
||||
loaded : function (image, callback) {
|
||||
// based on jquery.imageready.js
|
||||
// @weblinc, @jsantell, (c) 2012
|
||||
|
||||
function loaded () {
|
||||
callback();
|
||||
}
|
||||
|
||||
function bindLoad () {
|
||||
this.one('load', loaded);
|
||||
|
||||
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
|
||||
var src = this.attr( 'src' ),
|
||||
param = src.match( /\?/ ) ? '&' : '?';
|
||||
|
||||
param += 'random=' + (new Date()).getTime();
|
||||
this.attr('src', src + param);
|
||||
}
|
||||
}
|
||||
|
||||
if (!image.attr('src')) {
|
||||
loaded();
|
||||
return;
|
||||
}
|
||||
|
||||
if (image[0].complete || image[0].readyState === 4) {
|
||||
loaded();
|
||||
} else {
|
||||
bindLoad.call(image);
|
||||
}
|
||||
},
|
||||
|
||||
img : function (img) {
|
||||
if (img.length) {
|
||||
var new_img = new Image(),
|
||||
new_a = img.find('a');
|
||||
|
||||
if (new_a.length) {
|
||||
new_img.src = new_a.attr('href');
|
||||
} else {
|
||||
new_img.src = img.find('img').attr('src');
|
||||
}
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
// image caption
|
||||
|
||||
caption : function (container, $image) {
|
||||
var caption = $image.data('caption');
|
||||
|
||||
if (caption) {
|
||||
container
|
||||
.text(caption)
|
||||
.show();
|
||||
} else {
|
||||
container
|
||||
.text('')
|
||||
.hide();
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
// directional methods
|
||||
|
||||
go : function ($ul, direction) {
|
||||
var current = $ul.find('.visible'),
|
||||
target = current[direction]();
|
||||
|
||||
if (target.length) {
|
||||
target
|
||||
.find('img')
|
||||
.trigger('click', [current, target]);
|
||||
}
|
||||
},
|
||||
|
||||
shift : function (current, target, callback) {
|
||||
var clearing = target.parent(),
|
||||
old_index = this.settings.prev_index || target.index(),
|
||||
direction = this.direction(clearing, current, target),
|
||||
left = parseInt(clearing.css('left'), 10),
|
||||
width = this.outerWidth(target),
|
||||
skip_shift;
|
||||
|
||||
// we use jQuery animate instead of CSS transitions because we
|
||||
// need a callback to unlock the next animation
|
||||
if (target.index() !== old_index && !/skip/.test(direction)){
|
||||
if (/left/.test(direction)) {
|
||||
this.lock();
|
||||
clearing.animate({left : left + width}, 300, this.unlock());
|
||||
} else if (/right/.test(direction)) {
|
||||
this.lock();
|
||||
clearing.animate({left : left - width}, 300, this.unlock());
|
||||
}
|
||||
} else if (/skip/.test(direction)) {
|
||||
// the target image is not adjacent to the current image, so
|
||||
// do we scroll right or not
|
||||
skip_shift = target.index() - this.settings.up_count;
|
||||
this.lock();
|
||||
|
||||
if (skip_shift > 0) {
|
||||
clearing.animate({left : -(skip_shift * width)}, 300, this.unlock());
|
||||
} else {
|
||||
clearing.animate({left : 0}, 300, this.unlock());
|
||||
}
|
||||
}
|
||||
|
||||
callback();
|
||||
},
|
||||
|
||||
direction : function ($el, current, target) {
|
||||
var lis = $el.find('li'),
|
||||
li_width = this.outerWidth(lis) + (this.outerWidth(lis) / 4),
|
||||
up_count = Math.floor(this.outerWidth($('.clearing-container')) / li_width) - 1,
|
||||
target_index = lis.index(target),
|
||||
response;
|
||||
|
||||
this.settings.up_count = up_count;
|
||||
|
||||
if (this.adjacent(this.settings.prev_index, target_index)) {
|
||||
if ((target_index > up_count)
|
||||
&& target_index > this.settings.prev_index) {
|
||||
response = 'right';
|
||||
} else if ((target_index > up_count - 1)
|
||||
&& target_index <= this.settings.prev_index) {
|
||||
response = 'left';
|
||||
} else {
|
||||
response = false;
|
||||
}
|
||||
} else {
|
||||
response = 'skip';
|
||||
}
|
||||
|
||||
this.settings.prev_index = target_index;
|
||||
|
||||
return response;
|
||||
},
|
||||
|
||||
adjacent : function (current_index, target_index) {
|
||||
for (var i = target_index + 1; i >= target_index - 1; i--) {
|
||||
if (i === current_index) return true;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
// lock management
|
||||
|
||||
lock : function () {
|
||||
this.settings.locked = true;
|
||||
},
|
||||
|
||||
unlock : function () {
|
||||
this.settings.locked = false;
|
||||
},
|
||||
|
||||
locked : function () {
|
||||
return this.settings.locked;
|
||||
},
|
||||
|
||||
// plugin management/browser quirks
|
||||
|
||||
outerHTML : function (el) {
|
||||
// support FireFox < 11
|
||||
return el.outerHTML || new XMLSerializer().serializeToString(el);
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.clearing');
|
||||
$(window).off('.fndtn.clearing');
|
||||
this.remove_data(); // empty settings cache
|
||||
this.settings.init = false;
|
||||
},
|
||||
|
||||
reflow : function () {
|
||||
this.init();
|
||||
}
|
||||
};
|
||||
|
||||
}(Foundation.zj, this, this.document));
|
||||
@@ -0,0 +1,74 @@
|
||||
/*!
|
||||
* jQuery Cookie Plugin v1.3
|
||||
* https://github.com/carhartl/jquery-cookie
|
||||
*
|
||||
* Copyright 2011, Klaus Hartl
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.opensource.org/licenses/GPL-2.0
|
||||
*
|
||||
* Modified to work with Zepto.js by ZURB
|
||||
*/
|
||||
(function ($, document, undefined) {
|
||||
|
||||
var pluses = /\+/g;
|
||||
|
||||
function raw(s) {
|
||||
return s;
|
||||
}
|
||||
|
||||
function decoded(s) {
|
||||
return decodeURIComponent(s.replace(pluses, ' '));
|
||||
}
|
||||
|
||||
var config = $.cookie = function (key, value, options) {
|
||||
|
||||
// write
|
||||
if (value !== undefined) {
|
||||
options = $.extend({}, config.defaults, options);
|
||||
|
||||
if (value === null) {
|
||||
options.expires = -1;
|
||||
}
|
||||
|
||||
if (typeof options.expires === 'number') {
|
||||
var days = options.expires, t = options.expires = new Date();
|
||||
t.setDate(t.getDate() + days);
|
||||
}
|
||||
|
||||
value = config.json ? JSON.stringify(value) : String(value);
|
||||
|
||||
return (document.cookie = [
|
||||
encodeURIComponent(key), '=', config.raw ? value : encodeURIComponent(value),
|
||||
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
|
||||
options.path ? '; path=' + options.path : '',
|
||||
options.domain ? '; domain=' + options.domain : '',
|
||||
options.secure ? '; secure' : ''
|
||||
].join(''));
|
||||
}
|
||||
|
||||
// read
|
||||
var decode = config.raw ? raw : decoded;
|
||||
var cookies = document.cookie.split('; ');
|
||||
for (var i = 0, l = cookies.length; i < l; i++) {
|
||||
var parts = cookies[i].split('=');
|
||||
if (decode(parts.shift()) === key) {
|
||||
var cookie = decode(parts.join('='));
|
||||
return config.json ? JSON.parse(cookie) : cookie;
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
config.defaults = {};
|
||||
|
||||
$.removeCookie = function (key, options) {
|
||||
if ($.cookie(key) !== null) {
|
||||
$.cookie(key, null, options);
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
})(Foundation.zj, document);
|
||||
@@ -0,0 +1,139 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.dropdown = {
|
||||
name : 'dropdown',
|
||||
|
||||
version : '4.1.0',
|
||||
|
||||
settings : {
|
||||
activeClass: 'open'
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
Foundation.inherit(this, 'throttle scrollLeft');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
|
||||
if (!this.settings.init) {
|
||||
this.events();
|
||||
}
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope).on('click.fndtn.dropdown', '[data-dropdown]', function (e) {
|
||||
e.preventDefault();
|
||||
self.toggle($(this));
|
||||
});
|
||||
|
||||
$('body').on('click.fndtn.dropdown', function (e) {
|
||||
var parent = $(e.target).closest('[data-dropdown-content]');
|
||||
|
||||
if ($(e.target).data('dropdown')) {
|
||||
return;
|
||||
}
|
||||
if (parent.length > 0 && ($(e.target).is('[data-dropdown-content]') || $.contains(parent.first()[0], e.target))) {
|
||||
e.stopPropagation();
|
||||
return;
|
||||
}
|
||||
|
||||
$('[data-dropdown-content]')
|
||||
.css(Foundation.rtl ? 'right':'left', '-99999px')
|
||||
.removeClass(self.settings.activeClass);
|
||||
});
|
||||
|
||||
$(window).on('resize.fndtn.dropdown', self.throttle(function () {
|
||||
self.resize.call(self);
|
||||
}, 50)).trigger('resize');
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
toggle : function (target, resize) {
|
||||
var dropdown = $('#' + target.data('dropdown'));
|
||||
|
||||
$('[data-dropdown-content]')
|
||||
.not(dropdown)
|
||||
.css(Foundation.rtl ? 'right':'left', '-99999px')
|
||||
.removeClass(this.settings.activeClass);
|
||||
|
||||
if (dropdown.hasClass(this.settings.activeClass)) {
|
||||
dropdown
|
||||
.css(Foundation.rtl ? 'right':'left', '-99999px')
|
||||
.removeClass(this.settings.activeClass);
|
||||
} else {
|
||||
this
|
||||
.css(dropdown
|
||||
.addClass(this.settings.activeClass), target);
|
||||
}
|
||||
},
|
||||
|
||||
resize : function () {
|
||||
var dropdown = $('[data-dropdown-content].open'),
|
||||
target = $("[data-dropdown='" + dropdown.attr('id') + "']");
|
||||
|
||||
if (dropdown.length && target.length) {
|
||||
this.css(dropdown, target);
|
||||
}
|
||||
},
|
||||
|
||||
css : function (dropdown, target) {
|
||||
var position = target.position();
|
||||
position.top += target.offsetParent().offset().top;
|
||||
position.left += target.offsetParent().offset().left;
|
||||
|
||||
if (this.small()) {
|
||||
dropdown.css({
|
||||
position : 'absolute',
|
||||
width: '95%',
|
||||
left: '2.5%',
|
||||
'max-width': 'none',
|
||||
top: position.top + this.outerHeight(target)
|
||||
});
|
||||
} else {
|
||||
if (!Foundation.rtl && $(window).width() > this.outerWidth(dropdown) + target.offset().left) {
|
||||
var left = position.left;
|
||||
} else {
|
||||
if (!dropdown.hasClass('right')) {
|
||||
dropdown.addClass('right');
|
||||
}
|
||||
var left = position.left - (this.outerWidth(dropdown) - this.outerWidth(target));
|
||||
}
|
||||
|
||||
dropdown.attr('style', '').css({
|
||||
position : 'absolute',
|
||||
top: position.top + this.outerHeight(target),
|
||||
left: left
|
||||
});
|
||||
}
|
||||
|
||||
return dropdown;
|
||||
},
|
||||
|
||||
small : function () {
|
||||
return $(window).width() < 768 || $('html').hasClass('lt-ie9');
|
||||
},
|
||||
|
||||
off: function () {
|
||||
$(this.scope).off('.fndtn.dropdown');
|
||||
$('html, body').off('.fndtn.dropdown');
|
||||
$(window).off('.fndtn.dropdown');
|
||||
$('[data-dropdown-content]').off('.fndtn.dropdown');
|
||||
this.settings.init = false;
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@@ -0,0 +1,427 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.forms = {
|
||||
name : 'forms',
|
||||
|
||||
version : '4.0.4',
|
||||
|
||||
settings : {
|
||||
disable_class: 'no-custom'
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
if (!this.settings.init) {
|
||||
this.events();
|
||||
}
|
||||
|
||||
this.assemble();
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
assemble : function () {
|
||||
$('form.custom input[type="radio"]', $(this.scope)).not('[data-customforms="disabled"]')
|
||||
.each(this.append_custom_markup);
|
||||
$('form.custom input[type="checkbox"]', $(this.scope)).not('[data-customforms="disabled"]')
|
||||
.each(this.append_custom_markup);
|
||||
$('form.custom select', $(this.scope)).not('[data-customforms="disabled"]')
|
||||
.each(this.append_custom_select);
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('click.fndtn.forms', 'form.custom span.custom.checkbox', function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
self.toggle_checkbox($(this));
|
||||
})
|
||||
.on('click.fndtn.forms', 'form.custom span.custom.radio', function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
self.toggle_radio($(this));
|
||||
})
|
||||
.on('change.fndtn.forms', 'form.custom select:not([data-customforms="disabled"])', function (e) {
|
||||
self.refresh_custom_select($(this));
|
||||
})
|
||||
.on('click.fndtn.forms', 'form.custom label', function (e) {
|
||||
var $associatedElement = $('#' + self.escape($(this).attr('for')) + ':not([data-customforms="disabled"])'),
|
||||
$customCheckbox,
|
||||
$customRadio;
|
||||
if ($associatedElement.length !== 0) {
|
||||
if ($associatedElement.attr('type') === 'checkbox') {
|
||||
e.preventDefault();
|
||||
$customCheckbox = $(this).find('span.custom.checkbox');
|
||||
//the checkbox might be outside after the label or inside of another element
|
||||
if ($customCheckbox.length == 0) {
|
||||
$customCheckbox = $associatedElement.add(this).siblings('span.custom.checkbox').first();
|
||||
}
|
||||
self.toggle_checkbox($customCheckbox);
|
||||
} else if ($associatedElement.attr('type') === 'radio') {
|
||||
e.preventDefault();
|
||||
$customRadio = $(this).find('span.custom.radio');
|
||||
//the radio might be outside after the label or inside of another element
|
||||
if ($customRadio.length == 0) {
|
||||
$customRadio = $associatedElement.add(this).siblings('span.custom.radio').first();
|
||||
}
|
||||
self.toggle_radio($customRadio);
|
||||
}
|
||||
}
|
||||
})
|
||||
.on('click.fndtn.forms', 'form.custom div.custom.dropdown a.current, form.custom div.custom.dropdown a.selector', function (e) {
|
||||
var $this = $(this),
|
||||
$dropdown = $this.closest('div.custom.dropdown'),
|
||||
$select = $dropdown.prev();
|
||||
|
||||
// make sure other dropdowns close
|
||||
if(!$dropdown.hasClass('open'))
|
||||
$(self.scope).trigger('click');
|
||||
|
||||
e.preventDefault();
|
||||
if (false === $select.is(':disabled')) {
|
||||
$dropdown.toggleClass('open');
|
||||
|
||||
if ($dropdown.hasClass('open')) {
|
||||
$(self.scope).on('click.fndtn.forms.customdropdown', function () {
|
||||
$dropdown.removeClass('open');
|
||||
$(self.scope).off('.fndtn.forms.customdropdown');
|
||||
});
|
||||
} else {
|
||||
$(self.scope).on('.fndtn.forms.customdropdown');
|
||||
}
|
||||
return false;
|
||||
}
|
||||
})
|
||||
.on('click.fndtn.forms touchend.fndtn.forms', 'form.custom div.custom.dropdown li', function (e) {
|
||||
var $this = $(this),
|
||||
$customDropdown = $this.closest('div.custom.dropdown'),
|
||||
$select = $customDropdown.prev(),
|
||||
selectedIndex = 0;
|
||||
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
|
||||
if ( ! $(this).hasClass('disabled')) {
|
||||
$('div.dropdown').not($customDropdown).removeClass('open');
|
||||
|
||||
var $oldThis= $this
|
||||
.closest('ul')
|
||||
.find('li.selected');
|
||||
$oldThis.removeClass('selected');
|
||||
|
||||
$this.addClass('selected');
|
||||
|
||||
$customDropdown
|
||||
.removeClass('open')
|
||||
.find('a.current')
|
||||
.html($this.html());
|
||||
|
||||
$this.closest('ul').find('li').each(function (index) {
|
||||
if ($this[0] == this) {
|
||||
selectedIndex = index;
|
||||
}
|
||||
|
||||
});
|
||||
$select[0].selectedIndex = selectedIndex;
|
||||
|
||||
//store the old value in data
|
||||
$select.data('prevalue', $oldThis.html());
|
||||
$select.trigger('change');
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('keydown', function (e) {
|
||||
var focus = document.activeElement,
|
||||
dropdown = $('.custom.dropdown.open');
|
||||
|
||||
if (dropdown.length > 0) {
|
||||
e.preventDefault();
|
||||
|
||||
if (e.which === 13) {
|
||||
dropdown.find('li.selected').trigger('click');
|
||||
}
|
||||
|
||||
if (e.which === 38) {
|
||||
var current = dropdown.find('li.selected'),
|
||||
prev = current.prev(':not(.disabled)');
|
||||
|
||||
if (prev.length > 0) {
|
||||
current.removeClass('selected');
|
||||
prev.addClass('selected');
|
||||
}
|
||||
} else if (e.which === 40) {
|
||||
var current = dropdown.find('li.selected'),
|
||||
next = current.next(':not(.disabled)');
|
||||
|
||||
if (next.length > 0) {
|
||||
current.removeClass('selected');
|
||||
next.addClass('selected');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
append_custom_markup : function (idx, sel) {
|
||||
var $this = $(sel).hide(),
|
||||
type = $this.attr('type'),
|
||||
$span = $this.next('span.custom.' + type);
|
||||
|
||||
if ($span.length === 0) {
|
||||
$span = $('<span class="custom ' + type + '"></span>').insertAfter($this);
|
||||
}
|
||||
|
||||
$span.toggleClass('checked', $this.is(':checked'));
|
||||
$span.toggleClass('disabled', $this.is(':disabled'));
|
||||
},
|
||||
|
||||
append_custom_select : function (idx, sel) {
|
||||
var self = Foundation.libs.forms,
|
||||
$this = $( sel ),
|
||||
$customSelect = $this.next( 'div.custom.dropdown' ),
|
||||
$customList = $customSelect.find( 'ul' ),
|
||||
$selectCurrent = $customSelect.find( ".current" ),
|
||||
$selector = $customSelect.find( ".selector" ),
|
||||
$options = $this.find( 'option' ),
|
||||
$selectedOption = $options.filter( ':selected' ),
|
||||
copyClasses = $this.attr('class') ? $this.attr('class').split(' ') : [],
|
||||
maxWidth = 0,
|
||||
liHtml = '',
|
||||
$listItems,
|
||||
$currentSelect = false;
|
||||
|
||||
if ($this.hasClass(self.settings.disable_class)) return;
|
||||
|
||||
if ($customSelect.length === 0) {
|
||||
var customSelectSize = $this.hasClass( 'small' ) ? 'small' :
|
||||
$this.hasClass( 'medium' ) ? 'medium' :
|
||||
$this.hasClass( 'large' ) ? 'large' :
|
||||
$this.hasClass( 'expand' ) ? 'expand' : '';
|
||||
|
||||
$customSelect = $('<div class="' + ['custom', 'dropdown', customSelectSize ].concat(copyClasses).filter(function(item, idx,arr){ if(item == '') return false; return arr.indexOf(item) == idx; }).join( ' ' ) + '"><a href="#" class="selector"></a><ul /></div>');
|
||||
$selector = $customSelect.find(".selector");
|
||||
$customList = $customSelect.find("ul");
|
||||
liHtml = $options.map(function() { return "<li>" + $( this ).html() + "</li>"; } ).get().join( '' );
|
||||
$customList.append(liHtml);
|
||||
$currentSelect = $customSelect.prepend('<a href="#" class="current">' + $selectedOption.html() + '</a>' ).find( ".current" );
|
||||
$this
|
||||
.after( $customSelect )
|
||||
.hide();
|
||||
|
||||
} else {
|
||||
liHtml = $options.map(function() {
|
||||
return "<li>" + $( this ).html() + "</li>";
|
||||
})
|
||||
.get().join('');
|
||||
$customList
|
||||
.html('')
|
||||
.append(liHtml);
|
||||
|
||||
} // endif $customSelect.length === 0
|
||||
$customSelect.toggleClass('disabled', $this.is( ':disabled' ) );
|
||||
$listItems = $customList.find( 'li' );
|
||||
|
||||
$options.each( function ( index ) {
|
||||
if ( this.selected ) {
|
||||
$listItems.eq( index ).addClass( 'selected' );
|
||||
|
||||
if ($currentSelect) {
|
||||
$currentSelect.html( $( this ).html() );
|
||||
}
|
||||
|
||||
}
|
||||
if ($(this).is(':disabled')) {
|
||||
$listItems.eq( index ).addClass( 'disabled' );
|
||||
}
|
||||
});
|
||||
|
||||
//
|
||||
// If we're not specifying a predetermined form size.
|
||||
//
|
||||
if (!$customSelect.is('.small, .medium, .large, .expand')) {
|
||||
|
||||
// ------------------------------------------------------------------------------------
|
||||
// This is a work-around for when elements are contained within hidden parents.
|
||||
// For example, when custom-form elements are inside of a hidden reveal modal.
|
||||
//
|
||||
// We need to display the current custom list element as well as hidden parent elements
|
||||
// in order to properly calculate the list item element's width property.
|
||||
// -------------------------------------------------------------------------------------
|
||||
|
||||
$customSelect.addClass( 'open' );
|
||||
//
|
||||
// Quickly, display all parent elements.
|
||||
// This should help us calcualate the width of the list item's within the drop down.
|
||||
//
|
||||
var self = Foundation.libs.forms;
|
||||
self.hidden_fix.adjust( $customList );
|
||||
|
||||
maxWidth = ( self.outerWidth($listItems) > maxWidth ) ? self.outerWidth($listItems) : maxWidth;
|
||||
|
||||
Foundation.libs.forms.hidden_fix.reset();
|
||||
|
||||
$customSelect.removeClass( 'open' );
|
||||
|
||||
} // endif
|
||||
|
||||
},
|
||||
|
||||
refresh_custom_select : function ($select) {
|
||||
var self = this;
|
||||
var maxWidth = 0,
|
||||
$customSelect = $select.next(),
|
||||
$options = $select.find('option');
|
||||
|
||||
$customSelect.find('ul').html('');
|
||||
|
||||
$options.each(function () {
|
||||
var $li = $('<li>' + $(this).html() + '</li>');
|
||||
$customSelect.find('ul').append($li);
|
||||
});
|
||||
|
||||
// re-populate
|
||||
$options.each(function (index) {
|
||||
if (this.selected) {
|
||||
$customSelect.find('li').eq(index).addClass('selected');
|
||||
$customSelect.find('.current').html($(this).html());
|
||||
}
|
||||
if ($(this).is(':disabled')) {
|
||||
$customSelect.find('li').eq(index).addClass('disabled');
|
||||
}
|
||||
});
|
||||
|
||||
// fix width
|
||||
$customSelect.removeAttr('style')
|
||||
.find('ul').removeAttr('style');
|
||||
$customSelect.find('li').each(function () {
|
||||
$customSelect.addClass('open');
|
||||
if (self.outerWidth($(this)) > maxWidth) {
|
||||
maxWidth = self.outerWidth($(this));
|
||||
}
|
||||
$customSelect.removeClass('open');
|
||||
});
|
||||
},
|
||||
|
||||
toggle_checkbox : function ($element) {
|
||||
var $input = $element.prev(),
|
||||
input = $input[0];
|
||||
|
||||
if (false === $input.is(':disabled')) {
|
||||
input.checked = ((input.checked) ? false : true);
|
||||
$element.toggleClass('checked');
|
||||
|
||||
$input.trigger('change');
|
||||
}
|
||||
},
|
||||
|
||||
toggle_radio : function ($element) {
|
||||
var $input = $element.prev(),
|
||||
$form = $input.closest('form.custom'),
|
||||
input = $input[0];
|
||||
|
||||
if (false === $input.is(':disabled')) {
|
||||
$form.find('input[type="radio"][name="' + this.escape($input.attr('name')) + '"]').next().not($element).removeClass('checked');
|
||||
if ( !$element.hasClass('checked') ) {
|
||||
$element.toggleClass('checked');
|
||||
}
|
||||
input.checked = $element.hasClass('checked');
|
||||
|
||||
$input.trigger('change');
|
||||
}
|
||||
},
|
||||
|
||||
escape : function (text) {
|
||||
return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
|
||||
},
|
||||
|
||||
hidden_fix : {
|
||||
/**
|
||||
* Sets all hidden parent elements and self to visibile.
|
||||
*
|
||||
* @method adjust
|
||||
* @param {jQuery Object} $child
|
||||
*/
|
||||
|
||||
// We'll use this to temporarily store style properties.
|
||||
tmp : [],
|
||||
|
||||
// We'll use this to set hidden parent elements.
|
||||
hidden : null,
|
||||
|
||||
adjust : function( $child ) {
|
||||
// Internal reference.
|
||||
var _self = this;
|
||||
|
||||
// Set all hidden parent elements, including this element.
|
||||
_self.hidden = $child.parents().andSelf().filter( ":hidden" );
|
||||
|
||||
// Loop through all hidden elements.
|
||||
_self.hidden.each( function() {
|
||||
|
||||
// Cache the element.
|
||||
var $elem = $( this );
|
||||
|
||||
// Store the style attribute.
|
||||
// Undefined if element doesn't have a style attribute.
|
||||
_self.tmp.push( $elem.attr( 'style' ) );
|
||||
|
||||
// Set the element's display property to block,
|
||||
// but ensure it's visibility is hidden.
|
||||
$elem.css( { 'visibility' : 'hidden', 'display' : 'block' } );
|
||||
});
|
||||
|
||||
}, // end adjust
|
||||
|
||||
/**
|
||||
* Resets the elements previous state.
|
||||
*
|
||||
* @method reset
|
||||
*/
|
||||
reset : function() {
|
||||
// Internal reference.
|
||||
var _self = this;
|
||||
// Loop through our hidden element collection.
|
||||
_self.hidden.each( function( i ) {
|
||||
// Cache this element.
|
||||
var $elem = $( this ),
|
||||
_tmp = _self.tmp[ i ]; // Get the stored 'style' value for this element.
|
||||
|
||||
// If the stored value is undefined.
|
||||
if( _tmp === undefined )
|
||||
// Remove the style attribute.
|
||||
$elem.removeAttr( 'style' );
|
||||
else
|
||||
// Otherwise, reset the element style attribute.
|
||||
$elem.attr( 'style', _tmp );
|
||||
|
||||
});
|
||||
// Reset the tmp array.
|
||||
_self.tmp = [];
|
||||
// Reset the hidden elements variable.
|
||||
_self.hidden = null;
|
||||
|
||||
} // end reset
|
||||
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.forms');
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@@ -0,0 +1,833 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.joyride = {
|
||||
name: 'joyride',
|
||||
|
||||
version : '4.1.2',
|
||||
|
||||
defaults : {
|
||||
expose : false, // turn on or off the expose feature
|
||||
modal : false, // Whether to cover page with modal during the tour
|
||||
tipLocation : 'bottom', // 'top' or 'bottom' in relation to parent
|
||||
nubPosition : 'auto', // override on a per tooltip bases
|
||||
scrollSpeed : 300, // Page scrolling speed in milliseconds, 0 = no scroll animation
|
||||
timer : 0, // 0 = no timer , all other numbers = timer in milliseconds
|
||||
startTimerOnClick : true, // true or false - true requires clicking the first button start the timer
|
||||
startOffset : 0, // the index of the tooltip you want to start on (index of the li)
|
||||
nextButton : true, // true or false to control whether a next button is used
|
||||
tipAnimation : 'fade', // 'pop' or 'fade' in each tip
|
||||
pauseAfter : [], // array of indexes where to pause the tour after
|
||||
exposed : [], // array of expose elements
|
||||
tipAnimationFadeSpeed: 300, // when tipAnimation = 'fade' this is speed in milliseconds for the transition
|
||||
cookieMonster : false, // true or false to control whether cookies are used
|
||||
cookieName : 'joyride', // Name the cookie you'll use
|
||||
cookieDomain : false, // Will this cookie be attached to a domain, ie. '.notableapp.com'
|
||||
cookieExpires : 365, // set when you would like the cookie to expire.
|
||||
tipContainer : 'body', // Where will the tip be attached
|
||||
postRideCallback : function (){}, // A method to call once the tour closes (canceled or complete)
|
||||
postStepCallback : function (){}, // A method to call after each step
|
||||
preStepCallback : function (){}, // A method to call before each step
|
||||
preRideCallback : function (){}, // A method to call before the tour starts (passed index, tip, and cloned exposed element)
|
||||
postExposeCallback : function (){}, // A method to call after an element has been exposed
|
||||
template : { // HTML segments for tip layout
|
||||
link : '<a href="#close" class="joyride-close-tip">×</a>',
|
||||
timer : '<div class="joyride-timer-indicator-wrap"><span class="joyride-timer-indicator"></span></div>',
|
||||
tip : '<div class="joyride-tip-guide"><span class="joyride-nub"></span></div>',
|
||||
wrapper : '<div class="joyride-content-wrapper"></div>',
|
||||
button : '<a href="#" class="small button joyride-next-tip"></a>',
|
||||
modal : '<div class="joyride-modal-bg"></div>',
|
||||
expose : '<div class="joyride-expose-wrapper"></div>',
|
||||
exposeCover: '<div class="joyride-expose-cover"></div>'
|
||||
}
|
||||
},
|
||||
|
||||
settings : {},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
Foundation.inherit(this, 'throttle data_options scrollTo scrollLeft delay');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, this.defaults, method);
|
||||
} else {
|
||||
$.extend(true, this.settings, this.defaults, options);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
if (!this.settings.init) this.events();
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('click.joyride', '.joyride-next-tip, .joyride-modal-bg', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
if (this.settings.$li.next().length < 1) {
|
||||
this.end();
|
||||
} else if (this.settings.timer > 0) {
|
||||
clearTimeout(this.settings.automate);
|
||||
this.hide();
|
||||
this.show();
|
||||
this.startTimer();
|
||||
} else {
|
||||
this.hide();
|
||||
this.show();
|
||||
}
|
||||
|
||||
}.bind(this))
|
||||
|
||||
.on('click.joyride', '.joyride-close-tip', function (e) {
|
||||
e.preventDefault();
|
||||
this.end();
|
||||
}.bind(this));
|
||||
|
||||
$(window).on('resize.fndtn.joyride', self.throttle(function () {
|
||||
if ($('[data-joyride]').length > 0 && self.settings.$next_tip) {
|
||||
if (self.settings.exposed.length > 0) {
|
||||
var $els = $(self.settings.exposed);
|
||||
|
||||
$els.each(function () {
|
||||
var $this = $(this);
|
||||
self.un_expose($this);
|
||||
self.expose($this);
|
||||
});
|
||||
}
|
||||
|
||||
if (self.is_phone()) {
|
||||
self.pos_phone();
|
||||
} else {
|
||||
self.pos_default(false, true);
|
||||
}
|
||||
}
|
||||
}, 100));
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
start : function () {
|
||||
var self = this,
|
||||
$this = $(this.scope).find('[data-joyride]'),
|
||||
integer_settings = ['timer', 'scrollSpeed', 'startOffset', 'tipAnimationFadeSpeed', 'cookieExpires'],
|
||||
int_settings_count = integer_settings.length;
|
||||
|
||||
if (!this.settings.init) this.init();
|
||||
|
||||
// non configureable settings
|
||||
this.settings.$content_el = $this;
|
||||
this.settings.$body = $(this.settings.tipContainer);
|
||||
this.settings.body_offset = $(this.settings.tipContainer).position();
|
||||
this.settings.$tip_content = this.settings.$content_el.find('> li');
|
||||
this.settings.paused = false;
|
||||
this.settings.attempts = 0;
|
||||
|
||||
this.settings.tipLocationPatterns = {
|
||||
top: ['bottom'],
|
||||
bottom: [], // bottom should not need to be repositioned
|
||||
left: ['right', 'top', 'bottom'],
|
||||
right: ['left', 'top', 'bottom']
|
||||
};
|
||||
|
||||
// can we create cookies?
|
||||
if (typeof $.cookie !== 'function') {
|
||||
this.settings.cookieMonster = false;
|
||||
}
|
||||
|
||||
// generate the tips and insert into dom.
|
||||
if (!this.settings.cookieMonster || this.settings.cookieMonster && $.cookie(this.settings.cookieName) === null) {
|
||||
this.settings.$tip_content.each(function (index) {
|
||||
var $this = $(this);
|
||||
$.extend(true, self.settings, self.data_options($this));
|
||||
// Make sure that settings parsed from data_options are integers where necessary
|
||||
for (var i = int_settings_count - 1; i >= 0; i--) {
|
||||
self.settings[integer_settings[i]] = parseInt(self.settings[integer_settings[i]], 10);
|
||||
}
|
||||
self.create({$li : $this, index : index});
|
||||
});
|
||||
|
||||
// show first tip
|
||||
if (!this.settings.startTimerOnClick && this.settings.timer > 0) {
|
||||
this.show('init');
|
||||
this.startTimer();
|
||||
} else {
|
||||
this.show('init');
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
resume : function () {
|
||||
this.set_li();
|
||||
this.show();
|
||||
},
|
||||
|
||||
tip_template : function (opts) {
|
||||
var $blank, content;
|
||||
|
||||
opts.tip_class = opts.tip_class || '';
|
||||
|
||||
$blank = $(this.settings.template.tip).addClass(opts.tip_class);
|
||||
content = $.trim($(opts.li).html()) +
|
||||
this.button_text(opts.button_text) +
|
||||
this.settings.template.link +
|
||||
this.timer_instance(opts.index);
|
||||
|
||||
$blank.append($(this.settings.template.wrapper));
|
||||
$blank.first().attr('data-index', opts.index);
|
||||
$('.joyride-content-wrapper', $blank).append(content);
|
||||
|
||||
return $blank[0];
|
||||
},
|
||||
|
||||
timer_instance : function (index) {
|
||||
var txt;
|
||||
|
||||
if ((index === 0 && this.settings.startTimerOnClick && this.settings.timer > 0) || this.settings.timer === 0) {
|
||||
txt = '';
|
||||
} else {
|
||||
txt = this.outerHTML($(this.settings.template.timer)[0]);
|
||||
}
|
||||
return txt;
|
||||
},
|
||||
|
||||
button_text : function (txt) {
|
||||
if (this.settings.nextButton) {
|
||||
txt = $.trim(txt) || 'Next';
|
||||
txt = this.outerHTML($(this.settings.template.button).append(txt)[0]);
|
||||
} else {
|
||||
txt = '';
|
||||
}
|
||||
return txt;
|
||||
},
|
||||
|
||||
create : function (opts) {
|
||||
var buttonText = opts.$li.attr('data-button') || opts.$li.attr('data-text'),
|
||||
tipClass = opts.$li.attr('class'),
|
||||
$tip_content = $(this.tip_template({
|
||||
tip_class : tipClass,
|
||||
index : opts.index,
|
||||
button_text : buttonText,
|
||||
li : opts.$li
|
||||
}));
|
||||
|
||||
$(this.settings.tipContainer).append($tip_content);
|
||||
},
|
||||
|
||||
show : function (init) {
|
||||
var $timer = null;
|
||||
|
||||
// are we paused?
|
||||
if (this.settings.$li === undefined
|
||||
|| ($.inArray(this.settings.$li.index(), this.settings.pauseAfter) === -1)) {
|
||||
|
||||
// don't go to the next li if the tour was paused
|
||||
if (this.settings.paused) {
|
||||
this.settings.paused = false;
|
||||
} else {
|
||||
this.set_li(init);
|
||||
}
|
||||
|
||||
this.settings.attempts = 0;
|
||||
|
||||
if (this.settings.$li.length && this.settings.$target.length > 0) {
|
||||
if (init) { //run when we first start
|
||||
this.settings.preRideCallback(this.settings.$li.index(), this.settings.$next_tip);
|
||||
if (this.settings.modal) {
|
||||
this.show_modal();
|
||||
}
|
||||
}
|
||||
|
||||
this.settings.preStepCallback(this.settings.$li.index(), this.settings.$next_tip);
|
||||
|
||||
if (this.settings.modal && this.settings.expose) {
|
||||
this.expose();
|
||||
}
|
||||
|
||||
this.settings.tipSettings = $.extend(this.settings, this.data_options(this.settings.$li));
|
||||
|
||||
this.settings.timer = parseInt(this.settings.timer, 10);
|
||||
|
||||
this.settings.tipSettings.tipLocationPattern = this.settings.tipLocationPatterns[this.settings.tipSettings.tipLocation];
|
||||
|
||||
// scroll if not modal
|
||||
if (!/body/i.test(this.settings.$target.selector)) {
|
||||
this.scroll_to();
|
||||
}
|
||||
|
||||
if (this.is_phone()) {
|
||||
this.pos_phone(true);
|
||||
} else {
|
||||
this.pos_default(true);
|
||||
}
|
||||
|
||||
$timer = this.settings.$next_tip.find('.joyride-timer-indicator');
|
||||
|
||||
if (/pop/i.test(this.settings.tipAnimation)) {
|
||||
|
||||
$timer.width(0);
|
||||
|
||||
if (this.settings.timer > 0) {
|
||||
|
||||
this.settings.$next_tip.show();
|
||||
|
||||
this.delay(function () {
|
||||
$timer.animate({
|
||||
width: $timer.parent().width()
|
||||
}, this.settings.timer, 'linear');
|
||||
}.bind(this), this.settings.tipAnimationFadeSpeed);
|
||||
|
||||
} else {
|
||||
this.settings.$next_tip.show();
|
||||
|
||||
}
|
||||
|
||||
|
||||
} else if (/fade/i.test(this.settings.tipAnimation)) {
|
||||
|
||||
$timer.width(0);
|
||||
|
||||
if (this.settings.timer > 0) {
|
||||
|
||||
this.settings.$next_tip
|
||||
.fadeIn(this.settings.tipAnimationFadeSpeed)
|
||||
.show();
|
||||
|
||||
this.delay(function () {
|
||||
$timer.animate({
|
||||
width: $timer.parent().width()
|
||||
}, this.settings.timer, 'linear');
|
||||
}.bind(this), this.settings.tipAnimationFadeSpeed);
|
||||
|
||||
} else {
|
||||
this.settings.$next_tip.fadeIn(this.settings.tipAnimationFadeSpeed);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
this.settings.$current_tip = this.settings.$next_tip;
|
||||
|
||||
// skip non-existant targets
|
||||
} else if (this.settings.$li && this.settings.$target.length < 1) {
|
||||
|
||||
this.show();
|
||||
|
||||
} else {
|
||||
|
||||
this.end();
|
||||
|
||||
}
|
||||
} else {
|
||||
|
||||
this.settings.paused = true;
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
is_phone : function () {
|
||||
if (Modernizr) {
|
||||
return Modernizr.mq('only screen and (max-width: 767px)') || $('.lt-ie9').length > 0;
|
||||
}
|
||||
|
||||
return (this.settings.$window.width() < 767) ? true : false;
|
||||
},
|
||||
|
||||
hide : function () {
|
||||
if (this.settings.modal && this.settings.expose) {
|
||||
this.un_expose();
|
||||
}
|
||||
|
||||
if (!this.settings.modal) {
|
||||
$('.joyride-modal-bg').hide();
|
||||
}
|
||||
this.settings.$current_tip.hide();
|
||||
this.settings.postStepCallback(this.settings.$li.index(),
|
||||
this.settings.$current_tip);
|
||||
},
|
||||
|
||||
set_li : function (init) {
|
||||
if (init) {
|
||||
this.settings.$li = this.settings.$tip_content.eq(this.settings.startOffset);
|
||||
this.set_next_tip();
|
||||
this.settings.$current_tip = this.settings.$next_tip;
|
||||
} else {
|
||||
this.settings.$li = this.settings.$li.next();
|
||||
this.set_next_tip();
|
||||
}
|
||||
|
||||
this.set_target();
|
||||
},
|
||||
|
||||
set_next_tip : function () {
|
||||
this.settings.$next_tip = $(".joyride-tip-guide[data-index='" + this.settings.$li.index() + "']");
|
||||
this.settings.$next_tip.data('closed', '');
|
||||
},
|
||||
|
||||
set_target : function () {
|
||||
var cl = this.settings.$li.attr('data-class'),
|
||||
id = this.settings.$li.attr('data-id'),
|
||||
$sel = function () {
|
||||
if (id) {
|
||||
return $(document.getElementById(id));
|
||||
} else if (cl) {
|
||||
return $('.' + cl).first();
|
||||
} else {
|
||||
return $('body');
|
||||
}
|
||||
};
|
||||
|
||||
this.settings.$target = $sel();
|
||||
},
|
||||
|
||||
scroll_to : function () {
|
||||
var window_half, tipOffset;
|
||||
|
||||
window_half = $(window).height() / 2;
|
||||
tipOffset = Math.ceil(this.settings.$target.offset().top - window_half + this.outerHeight(this.settings.$next_tip));
|
||||
if (tipOffset > 0) {
|
||||
this.scrollTo($('html, body'), tipOffset, this.settings.scrollSpeed);
|
||||
}
|
||||
},
|
||||
|
||||
paused : function () {
|
||||
if (($.inArray((this.settings.$li.index() + 1), this.settings.pauseAfter) === -1)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
restart : function () {
|
||||
this.hide();
|
||||
this.settings.$li = undefined;
|
||||
this.show('init');
|
||||
},
|
||||
|
||||
pos_default : function (init, resizing) {
|
||||
var half_fold = Math.ceil($(window).height() / 2),
|
||||
tip_position = this.settings.$next_tip.offset(),
|
||||
$nub = this.settings.$next_tip.find('.joyride-nub'),
|
||||
nub_width = Math.ceil(this.outerWidth($nub) / 2),
|
||||
nub_height = Math.ceil(this.outerHeight($nub) / 2),
|
||||
toggle = init || false;
|
||||
|
||||
// tip must not be "display: none" to calculate position
|
||||
if (toggle) {
|
||||
this.settings.$next_tip.css('visibility', 'hidden');
|
||||
this.settings.$next_tip.show();
|
||||
}
|
||||
|
||||
if (typeof resizing === 'undefined') {
|
||||
resizing = false;
|
||||
}
|
||||
|
||||
if (!/body/i.test(this.settings.$target.selector)) {
|
||||
|
||||
if (this.bottom()) {
|
||||
var leftOffset = this.settings.$target.offset().left;
|
||||
if (Foundation.rtl) {
|
||||
leftOffset = this.settings.$target.offset().width - this.settings.$next_tip.width() + leftOffset;
|
||||
}
|
||||
this.settings.$next_tip.css({
|
||||
top: (this.settings.$target.offset().top + nub_height + this.outerHeight(this.settings.$target)),
|
||||
left: leftOffset});
|
||||
|
||||
this.nub_position($nub, this.settings.tipSettings.nubPosition, 'top');
|
||||
|
||||
} else if (this.top()) {
|
||||
var leftOffset = this.settings.$target.offset().left;
|
||||
if (Foundation.rtl) {
|
||||
leftOffset = this.settings.$target.offset().width - this.settings.$next_tip.width() + leftOffset;
|
||||
}
|
||||
this.settings.$next_tip.css({
|
||||
top: (this.settings.$target.offset().top - this.outerHeight(this.settings.$next_tip) - nub_height),
|
||||
left: leftOffset});
|
||||
|
||||
this.nub_position($nub, this.settings.tipSettings.nubPosition, 'bottom');
|
||||
|
||||
} else if (this.right()) {
|
||||
|
||||
this.settings.$next_tip.css({
|
||||
top: this.settings.$target.offset().top,
|
||||
left: (this.outerWidth(this.settings.$target) + this.settings.$target.offset().left + nub_width)});
|
||||
|
||||
this.nub_position($nub, this.settings.tipSettings.nubPosition, 'left');
|
||||
|
||||
} else if (this.left()) {
|
||||
|
||||
this.settings.$next_tip.css({
|
||||
top: this.settings.$target.offset().top,
|
||||
left: (this.settings.$target.offset().left - this.outerWidth(this.settings.$next_tip) - nub_width)});
|
||||
|
||||
this.nub_position($nub, this.settings.tipSettings.nubPosition, 'right');
|
||||
|
||||
}
|
||||
|
||||
if (!this.visible(this.corners(this.settings.$next_tip)) && this.settings.attempts < this.settings.tipSettings.tipLocationPattern.length) {
|
||||
|
||||
$nub.removeClass('bottom')
|
||||
.removeClass('top')
|
||||
.removeClass('right')
|
||||
.removeClass('left');
|
||||
|
||||
this.settings.tipSettings.tipLocation = this.settings.tipSettings.tipLocationPattern[this.settings.attempts];
|
||||
|
||||
this.settings.attempts++;
|
||||
|
||||
this.pos_default();
|
||||
|
||||
}
|
||||
|
||||
} else if (this.settings.$li.length) {
|
||||
|
||||
this.pos_modal($nub);
|
||||
|
||||
}
|
||||
|
||||
if (toggle) {
|
||||
this.settings.$next_tip.hide();
|
||||
this.settings.$next_tip.css('visibility', 'visible');
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
pos_phone : function (init) {
|
||||
var tip_height = this.outerHeight(this.settings.$next_tip),
|
||||
tip_offset = this.settings.$next_tip.offset(),
|
||||
target_height = this.outerHeight(this.settings.$target),
|
||||
$nub = $('.joyride-nub', this.settings.$next_tip),
|
||||
nub_height = Math.ceil(this.outerHeight($nub) / 2),
|
||||
toggle = init || false;
|
||||
|
||||
$nub.removeClass('bottom')
|
||||
.removeClass('top')
|
||||
.removeClass('right')
|
||||
.removeClass('left');
|
||||
|
||||
if (toggle) {
|
||||
this.settings.$next_tip.css('visibility', 'hidden');
|
||||
this.settings.$next_tip.show();
|
||||
}
|
||||
|
||||
if (!/body/i.test(this.settings.$target.selector)) {
|
||||
|
||||
if (this.top()) {
|
||||
|
||||
this.settings.$next_tip.offset({top: this.settings.$target.offset().top - tip_height - nub_height});
|
||||
$nub.addClass('bottom');
|
||||
|
||||
} else {
|
||||
|
||||
this.settings.$next_tip.offset({top: this.settings.$target.offset().top + target_height + nub_height});
|
||||
$nub.addClass('top');
|
||||
|
||||
}
|
||||
|
||||
} else if (this.settings.$li.length) {
|
||||
this.pos_modal($nub);
|
||||
}
|
||||
|
||||
if (toggle) {
|
||||
this.settings.$next_tip.hide();
|
||||
this.settings.$next_tip.css('visibility', 'visible');
|
||||
}
|
||||
},
|
||||
|
||||
pos_modal : function ($nub) {
|
||||
this.center();
|
||||
$nub.hide();
|
||||
|
||||
this.show_modal();
|
||||
},
|
||||
|
||||
show_modal : function () {
|
||||
if (!this.settings.$next_tip.data('closed')) {
|
||||
if ($('.joyride-modal-bg').length < 1) {
|
||||
$('body').append(this.settings.template.modal).show();
|
||||
}
|
||||
|
||||
if (/pop/i.test(this.settings.tipAnimation)) {
|
||||
$('.joyride-modal-bg').show();
|
||||
} else {
|
||||
$('.joyride-modal-bg').fadeIn(this.settings.tipAnimationFadeSpeed);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
expose : function () {
|
||||
var expose,
|
||||
exposeCover,
|
||||
el,
|
||||
origCSS,
|
||||
randId = 'expose-'+Math.floor(Math.random()*10000);
|
||||
|
||||
if (arguments.length > 0 && arguments[0] instanceof $) {
|
||||
el = arguments[0];
|
||||
} else if(this.settings.$target && !/body/i.test(this.settings.$target.selector)){
|
||||
el = this.settings.$target;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
|
||||
if(el.length < 1){
|
||||
if(window.console){
|
||||
console.error('element not valid', el);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
expose = $(this.settings.template.expose);
|
||||
this.settings.$body.append(expose);
|
||||
expose.css({
|
||||
top: el.offset().top,
|
||||
left: el.offset().left,
|
||||
width: this.outerWidth(el, true),
|
||||
height: this.outerHeight(el, true)
|
||||
});
|
||||
|
||||
exposeCover = $(this.settings.template.exposeCover);
|
||||
|
||||
origCSS = {
|
||||
zIndex: el.css('z-index'),
|
||||
position: el.css('position')
|
||||
};
|
||||
|
||||
el.css('z-index',expose.css('z-index')*1+1);
|
||||
|
||||
if (origCSS.position == 'static') {
|
||||
el.css('position','relative');
|
||||
}
|
||||
|
||||
el.data('expose-css',origCSS);
|
||||
|
||||
exposeCover.css({
|
||||
top: el.offset().top,
|
||||
left: el.offset().left,
|
||||
width: this.outerWidth(el, true),
|
||||
height: this.outerHeight(el, true)
|
||||
});
|
||||
|
||||
this.settings.$body.append(exposeCover);
|
||||
expose.addClass(randId);
|
||||
exposeCover.addClass(randId);
|
||||
el.data('expose', randId);
|
||||
this.settings.postExposeCallback(this.settings.$li.index(), this.settings.$next_tip, el);
|
||||
this.add_exposed(el);
|
||||
},
|
||||
|
||||
un_expose : function () {
|
||||
var exposeId,
|
||||
el,
|
||||
expose ,
|
||||
origCSS,
|
||||
clearAll = false;
|
||||
|
||||
if (arguments.length > 0 && arguments[0] instanceof $) {
|
||||
el = arguments[0];
|
||||
} else if(this.settings.$target && !/body/i.test(this.settings.$target.selector)){
|
||||
el = this.settings.$target;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
|
||||
if(el.length < 1){
|
||||
if (window.console) {
|
||||
console.error('element not valid', el);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
exposeId = el.data('expose');
|
||||
expose = $('.' + exposeId);
|
||||
|
||||
if (arguments.length > 1) {
|
||||
clearAll = arguments[1];
|
||||
}
|
||||
|
||||
if (clearAll === true) {
|
||||
$('.joyride-expose-wrapper,.joyride-expose-cover').remove();
|
||||
} else {
|
||||
expose.remove();
|
||||
}
|
||||
|
||||
origCSS = el.data('expose-css');
|
||||
|
||||
if (origCSS.zIndex == 'auto') {
|
||||
el.css('z-index', '');
|
||||
} else {
|
||||
el.css('z-index', origCSS.zIndex);
|
||||
}
|
||||
|
||||
if (origCSS.position != el.css('position')) {
|
||||
if(origCSS.position == 'static') {// this is default, no need to set it.
|
||||
el.css('position', '');
|
||||
} else {
|
||||
el.css('position', origCSS.position);
|
||||
}
|
||||
}
|
||||
|
||||
el.removeData('expose');
|
||||
el.removeData('expose-z-index');
|
||||
this.remove_exposed(el);
|
||||
},
|
||||
|
||||
add_exposed: function(el){
|
||||
this.settings.exposed = this.settings.exposed || [];
|
||||
if (el instanceof $ || typeof el === 'object') {
|
||||
this.settings.exposed.push(el[0]);
|
||||
} else if (typeof el == 'string') {
|
||||
this.settings.exposed.push(el);
|
||||
}
|
||||
},
|
||||
|
||||
remove_exposed: function(el){
|
||||
var search, count;
|
||||
if (el instanceof $) {
|
||||
search = el[0]
|
||||
} else if (typeof el == 'string'){
|
||||
search = el;
|
||||
}
|
||||
|
||||
this.settings.exposed = this.settings.exposed || [];
|
||||
count = this.settings.exposed.length;
|
||||
|
||||
for (var i=0; i < count; i++) {
|
||||
if (this.settings.exposed[i] == search) {
|
||||
this.settings.exposed.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
center : function () {
|
||||
var $w = $(window);
|
||||
|
||||
this.settings.$next_tip.css({
|
||||
top : ((($w.height() - this.outerHeight(this.settings.$next_tip)) / 2) + $w.scrollTop()),
|
||||
left : ((($w.width() - this.outerWidth(this.settings.$next_tip)) / 2) + this.scrollLeft($w))
|
||||
});
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
bottom : function () {
|
||||
return /bottom/i.test(this.settings.tipSettings.tipLocation);
|
||||
},
|
||||
|
||||
top : function () {
|
||||
return /top/i.test(this.settings.tipSettings.tipLocation);
|
||||
},
|
||||
|
||||
right : function () {
|
||||
return /right/i.test(this.settings.tipSettings.tipLocation);
|
||||
},
|
||||
|
||||
left : function () {
|
||||
return /left/i.test(this.settings.tipSettings.tipLocation);
|
||||
},
|
||||
|
||||
corners : function (el) {
|
||||
var w = $(window),
|
||||
window_half = w.height() / 2,
|
||||
//using this to calculate since scroll may not have finished yet.
|
||||
tipOffset = Math.ceil(this.settings.$target.offset().top - window_half + this.settings.$next_tip.outerHeight()),
|
||||
right = w.width() + this.scrollLeft(w),
|
||||
offsetBottom = w.height() + tipOffset,
|
||||
bottom = w.height() + w.scrollTop(),
|
||||
top = w.scrollTop();
|
||||
|
||||
if (tipOffset < top) {
|
||||
if (tipOffset < 0) {
|
||||
top = 0;
|
||||
} else {
|
||||
top = tipOffset;
|
||||
}
|
||||
}
|
||||
|
||||
if (offsetBottom > bottom) {
|
||||
bottom = offsetBottom;
|
||||
}
|
||||
|
||||
return [
|
||||
el.offset().top < top,
|
||||
right < el.offset().left + el.outerWidth(),
|
||||
bottom < el.offset().top + el.outerHeight(),
|
||||
this.scrollLeft(w) > el.offset().left
|
||||
];
|
||||
},
|
||||
|
||||
visible : function (hidden_corners) {
|
||||
var i = hidden_corners.length;
|
||||
|
||||
while (i--) {
|
||||
if (hidden_corners[i]) return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
nub_position : function (nub, pos, def) {
|
||||
if (pos === 'auto') {
|
||||
nub.addClass(def);
|
||||
} else {
|
||||
nub.addClass(pos);
|
||||
}
|
||||
},
|
||||
|
||||
startTimer : function () {
|
||||
if (this.settings.$li.length) {
|
||||
this.settings.automate = setTimeout(function () {
|
||||
this.hide();
|
||||
this.show();
|
||||
this.startTimer();
|
||||
}.bind(this), this.settings.timer);
|
||||
} else {
|
||||
clearTimeout(this.settings.automate);
|
||||
}
|
||||
},
|
||||
|
||||
end : function () {
|
||||
if (this.settings.cookieMonster) {
|
||||
$.cookie(this.settings.cookieName, 'ridden', { expires: this.settings.cookieExpires, domain: this.settings.cookieDomain });
|
||||
}
|
||||
|
||||
if (this.settings.timer > 0) {
|
||||
clearTimeout(this.settings.automate);
|
||||
}
|
||||
|
||||
if (this.settings.modal && this.settings.expose) {
|
||||
this.un_expose();
|
||||
}
|
||||
|
||||
this.settings.$next_tip.data('closed', true);
|
||||
|
||||
$('.joyride-modal-bg').hide();
|
||||
this.settings.$current_tip.hide();
|
||||
this.settings.postStepCallback(this.settings.$li.index(), this.settings.$current_tip);
|
||||
this.settings.postRideCallback(this.settings.$li.index(), this.settings.$current_tip);
|
||||
},
|
||||
|
||||
outerHTML : function (el) {
|
||||
// support FireFox < 11
|
||||
return el.outerHTML || new XMLSerializer().serializeToString(el);
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.joyride');
|
||||
$(window).off('.joyride');
|
||||
$('.joyride-close-tip, .joyride-next-tip, .joyride-modal-bg').off('.joyride');
|
||||
$('.joyride-tip-guide, .joyride-modal-bg').remove();
|
||||
clearTimeout(this.settings.automate);
|
||||
this.settings = {};
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@@ -0,0 +1,378 @@
|
||||
/*
|
||||
* Foundation Responsive Library
|
||||
* http://foundation.zurb.com
|
||||
* Copyright 2013, ZURB
|
||||
* Free to use under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
// Accommodate running jQuery or Zepto in noConflict() mode by
|
||||
// using an anonymous function to redefine the $ shorthand name.
|
||||
// See http://docs.jquery.com/Using_jQuery_with_Other_Libraries
|
||||
// and http://zeptojs.com/
|
||||
var libFuncName = null;
|
||||
if (typeof jQuery === "undefined" &&
|
||||
typeof Zepto === "undefined" &&
|
||||
typeof $ === "function") {
|
||||
libFuncName = $;
|
||||
} else if (typeof jQuery === "function") {
|
||||
libFuncName = jQuery;
|
||||
} else if (typeof Zepto === "function") {
|
||||
libFuncName = Zepto;
|
||||
} else {
|
||||
throw new TypeError();
|
||||
}
|
||||
|
||||
(function ($) {
|
||||
|
||||
(function () {
|
||||
// add dusty browser stuff
|
||||
if (!Array.prototype.filter) {
|
||||
Array.prototype.filter = function(fun /*, thisp */) {
|
||||
"use strict";
|
||||
|
||||
if (this == null) {
|
||||
throw new TypeError();
|
||||
}
|
||||
|
||||
var t = Object(this),
|
||||
len = t.length >>> 0;
|
||||
if (typeof fun != "function") {
|
||||
try {
|
||||
throw new TypeError();
|
||||
} catch (e) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
var res = [],
|
||||
thisp = arguments[1];
|
||||
for (var i = 0; i < len; i++) {
|
||||
if (i in t) {
|
||||
var val = t[i]; // in case fun mutates this
|
||||
if (fun && fun.call(thisp, val, i, t)) {
|
||||
res.push(val);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return res;
|
||||
};
|
||||
|
||||
if (!Function.prototype.bind) {
|
||||
Function.prototype.bind = function (oThis) {
|
||||
if (typeof this !== "function") {
|
||||
// closest thing possible to the ECMAScript 5 internal IsCallable function
|
||||
throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
|
||||
}
|
||||
|
||||
var aArgs = Array.prototype.slice.call(arguments, 1),
|
||||
fToBind = this,
|
||||
fNOP = function () {},
|
||||
fBound = function () {
|
||||
return fToBind.apply(this instanceof fNOP && oThis
|
||||
? this
|
||||
: oThis,
|
||||
aArgs.concat(Array.prototype.slice.call(arguments)));
|
||||
};
|
||||
|
||||
fNOP.prototype = this.prototype;
|
||||
fBound.prototype = new fNOP();
|
||||
|
||||
return fBound;
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// fake stop() for zepto.
|
||||
$.fn.stop = $.fn.stop || function() {
|
||||
return this;
|
||||
};
|
||||
}());
|
||||
|
||||
;(function (window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
window.Foundation = {
|
||||
name : 'Foundation',
|
||||
|
||||
version : '4.1.0',
|
||||
|
||||
// global Foundation cache object
|
||||
cache : {},
|
||||
|
||||
init : function (scope, libraries, method, options, response, /* internal */ nc) {
|
||||
var library_arr,
|
||||
args = [scope, method, options, response],
|
||||
responses = [],
|
||||
nc = nc || false;
|
||||
|
||||
// disable library error catching,
|
||||
// used for development only
|
||||
if (nc) this.nc = nc;
|
||||
|
||||
|
||||
// check RTL
|
||||
this.rtl = /rtl/i.test($('html').attr('dir'));
|
||||
|
||||
// set foundation global scope
|
||||
this.scope = scope || this.scope;
|
||||
|
||||
if (libraries && typeof libraries === 'string') {
|
||||
if (/off/i.test(libraries)) return this.off();
|
||||
|
||||
library_arr = libraries.split(' ');
|
||||
|
||||
if (library_arr.length > 0) {
|
||||
for (var i = library_arr.length - 1; i >= 0; i--) {
|
||||
responses.push(this.init_lib(library_arr[i], args));
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var lib in this.libs) {
|
||||
responses.push(this.init_lib(lib, args));
|
||||
}
|
||||
}
|
||||
|
||||
// if first argument is callback, add to args
|
||||
if (typeof libraries === 'function') {
|
||||
args.unshift(libraries);
|
||||
}
|
||||
|
||||
return this.response_obj(responses, args);
|
||||
},
|
||||
|
||||
response_obj : function (response_arr, args) {
|
||||
for (var i = 0, len = args.length; i < len; i++) {
|
||||
if (typeof args[i] === 'function') {
|
||||
return args[i]({
|
||||
errors: response_arr.filter(function (s) {
|
||||
if (typeof s === 'string') return s;
|
||||
})
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
return response_arr;
|
||||
},
|
||||
|
||||
init_lib : function (lib, args) {
|
||||
return this.trap(function () {
|
||||
if (this.libs.hasOwnProperty(lib)) {
|
||||
this.patch(this.libs[lib]);
|
||||
return this.libs[lib].init.apply(this.libs[lib], args);
|
||||
}
|
||||
}.bind(this), lib);
|
||||
},
|
||||
|
||||
trap : function (fun, lib) {
|
||||
if (!this.nc) {
|
||||
try {
|
||||
return fun();
|
||||
} catch (e) {
|
||||
return this.error({name: lib, message: 'could not be initialized', more: e.name + ' ' + e.message});
|
||||
}
|
||||
}
|
||||
|
||||
return fun();
|
||||
},
|
||||
|
||||
patch : function (lib) {
|
||||
this.fix_outer(lib);
|
||||
lib.scope = this.scope;
|
||||
lib.rtl = this.rtl;
|
||||
},
|
||||
|
||||
inherit : function (scope, methods) {
|
||||
var methods_arr = methods.split(' ');
|
||||
|
||||
for (var i = methods_arr.length - 1; i >= 0; i--) {
|
||||
if (this.lib_methods.hasOwnProperty(methods_arr[i])) {
|
||||
this.libs[scope.name][methods_arr[i]] = this.lib_methods[methods_arr[i]];
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
random_str : function (length) {
|
||||
var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz'.split('');
|
||||
|
||||
if (!length) {
|
||||
length = Math.floor(Math.random() * chars.length);
|
||||
}
|
||||
|
||||
var str = '';
|
||||
for (var i = 0; i < length; i++) {
|
||||
str += chars[Math.floor(Math.random() * chars.length)];
|
||||
}
|
||||
return str;
|
||||
},
|
||||
|
||||
libs : {},
|
||||
|
||||
// methods that can be inherited in libraries
|
||||
lib_methods : {
|
||||
set_data : function (node, data) {
|
||||
// this.name references the name of the library calling this method
|
||||
var id = [this.name,+new Date(),Foundation.random_str(5)].join('-');
|
||||
|
||||
Foundation.cache[id] = data;
|
||||
node.attr('data-' + this.name + '-id', id);
|
||||
return data;
|
||||
},
|
||||
|
||||
get_data : function (node) {
|
||||
return Foundation.cache[node.attr('data-' + this.name + '-id')];
|
||||
},
|
||||
|
||||
remove_data : function (node) {
|
||||
if (node) {
|
||||
delete Foundation.cache[node.attr('data-' + this.name + '-id')];
|
||||
node.attr('data-' + this.name + '-id', '');
|
||||
} else {
|
||||
$('[data-' + this.name + '-id]').each(function () {
|
||||
delete Foundation.cache[$(this).attr('data-' + this.name + '-id')];
|
||||
$(this).attr('data-' + this.name + '-id', '');
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
throttle : function(fun, delay) {
|
||||
var timer = null;
|
||||
return function () {
|
||||
var context = this, args = arguments;
|
||||
clearTimeout(timer);
|
||||
timer = setTimeout(function () {
|
||||
fun.apply(context, args);
|
||||
}, delay);
|
||||
};
|
||||
},
|
||||
|
||||
// parses data-options attribute on nodes and turns
|
||||
// them into an object
|
||||
data_options : function (el) {
|
||||
var opts = {}, ii, p,
|
||||
opts_arr = (el.attr('data-options') || ':').split(';'),
|
||||
opts_len = opts_arr.length;
|
||||
|
||||
function isNumber (o) {
|
||||
return ! isNaN (o-0) && o !== null && o !== "" && o !== false && o !== true;
|
||||
}
|
||||
|
||||
function trim(str) {
|
||||
if (typeof str === 'string') return $.trim(str);
|
||||
return str;
|
||||
}
|
||||
|
||||
// parse options
|
||||
for (ii = opts_len - 1; ii >= 0; ii--) {
|
||||
p = opts_arr[ii].split(':');
|
||||
|
||||
if (/true/i.test(p[1])) p[1] = true;
|
||||
if (/false/i.test(p[1])) p[1] = false;
|
||||
if (isNumber(p[1])) p[1] = parseInt(p[1], 10);
|
||||
|
||||
if (p.length === 2 && p[0].length > 0) {
|
||||
opts[trim(p[0])] = trim(p[1]);
|
||||
}
|
||||
}
|
||||
|
||||
return opts;
|
||||
},
|
||||
|
||||
delay : function (fun, delay) {
|
||||
return setTimeout(fun, delay);
|
||||
},
|
||||
|
||||
// animated scrolling
|
||||
scrollTo : function (el, to, duration) {
|
||||
if (duration < 0) return;
|
||||
var difference = to - $(window).scrollTop();
|
||||
var perTick = difference / duration * 10;
|
||||
|
||||
this.scrollToTimerCache = setTimeout(function() {
|
||||
if (!isNaN(parseInt(perTick, 10))) {
|
||||
window.scrollTo(0, $(window).scrollTop() + perTick);
|
||||
this.scrollTo(el, to, duration - 10);
|
||||
}
|
||||
}.bind(this), 10);
|
||||
},
|
||||
|
||||
// not supported in core Zepto
|
||||
scrollLeft : function (el) {
|
||||
if (!el.length) return;
|
||||
return ('scrollLeft' in el[0]) ? el[0].scrollLeft : el[0].pageXOffset;
|
||||
},
|
||||
|
||||
// test for empty object or array
|
||||
empty : function (obj) {
|
||||
if (obj.length && obj.length > 0) return false;
|
||||
if (obj.length && obj.length === 0) return true;
|
||||
|
||||
for (var key in obj) {
|
||||
if (hasOwnProperty.call(obj, key)) return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
},
|
||||
|
||||
fix_outer : function (lib) {
|
||||
lib.outerHeight = function (el, bool) {
|
||||
if (typeof Zepto === 'function') {
|
||||
return el.height();
|
||||
}
|
||||
|
||||
if (typeof bool !== 'undefined') {
|
||||
return el.outerHeight(bool);
|
||||
}
|
||||
|
||||
return el.outerHeight();
|
||||
};
|
||||
|
||||
lib.outerWidth = function (el) {
|
||||
if (typeof Zepto === 'function') {
|
||||
return el.width();
|
||||
}
|
||||
|
||||
if (typeof bool !== 'undefined') {
|
||||
return el.outerWidth(bool);
|
||||
}
|
||||
|
||||
return el.outerWidth();
|
||||
};
|
||||
},
|
||||
|
||||
error : function (error) {
|
||||
return error.name + ' ' + error.message + '; ' + error.more;
|
||||
},
|
||||
|
||||
// remove all foundation events.
|
||||
off: function () {
|
||||
$(this.scope).off('.fndtn');
|
||||
$(window).off('.fndtn');
|
||||
return true;
|
||||
},
|
||||
|
||||
zj : function () {
|
||||
try {
|
||||
return Zepto;
|
||||
} catch (e) {
|
||||
return jQuery;
|
||||
}
|
||||
}()
|
||||
},
|
||||
|
||||
$.fn.foundation = function () {
|
||||
var args = Array.prototype.slice.call(arguments, 0);
|
||||
|
||||
return this.each(function () {
|
||||
Foundation.init.apply(Foundation, [this].concat(args));
|
||||
return this;
|
||||
});
|
||||
};
|
||||
|
||||
}(this, this.document));
|
||||
|
||||
})(libFuncName);
|
||||
@@ -0,0 +1,130 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.magellan = {
|
||||
name : 'magellan',
|
||||
|
||||
version : '4.0.0',
|
||||
|
||||
settings : {
|
||||
activeClass: 'active'
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
Foundation.inherit(this, 'data_options');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
if (!this.settings.init) {
|
||||
this.fixed_magellan = $("[data-magellan-expedition]");
|
||||
this.set_threshold();
|
||||
this.last_destination = $('[data-magellan-destination]').last();
|
||||
this.events();
|
||||
}
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
$(this.scope).on('arrival.fndtn.magellan', '[data-magellan-arrival]', function (e) {
|
||||
var $destination = $(this),
|
||||
$expedition = $destination.closest('[data-magellan-expedition]'),
|
||||
activeClass = $expedition.attr('data-magellan-active-class')
|
||||
|| self.settings.activeClass;
|
||||
|
||||
$destination
|
||||
.closest('[data-magellan-expedition]')
|
||||
.find('[data-magellan-arrival]')
|
||||
.not($destination)
|
||||
.removeClass(activeClass);
|
||||
$destination.addClass(activeClass);
|
||||
});
|
||||
|
||||
this.fixed_magellan
|
||||
.on('update-position.fndtn.magellan', function(){
|
||||
var $el = $(this);
|
||||
// $el.data("magellan-fixed-position","");
|
||||
//$el.data("magellan-top-offset", "");
|
||||
})
|
||||
.trigger('update-position');
|
||||
|
||||
$(window)
|
||||
.on('resize.fndtn.magellan', function() {
|
||||
this.fixed_magellan.trigger('update-position');
|
||||
}.bind(this))
|
||||
|
||||
.on('scroll.fndtn.magellan', function() {
|
||||
var windowScrollTop = $(window).scrollTop();
|
||||
self.fixed_magellan.each(function() {
|
||||
var $expedition = $(this);
|
||||
if (typeof $expedition.data('magellan-top-offset') === 'undefined') {
|
||||
$expedition.data('magellan-top-offset', $expedition.offset().top);
|
||||
}
|
||||
if (typeof $expedition.data('magellan-fixed-position') === 'undefined') {
|
||||
$expedition.data('magellan-fixed-position', false)
|
||||
}
|
||||
var fixed_position = (windowScrollTop + self.settings.threshold) > $expedition.data("magellan-top-offset");
|
||||
var attr = $expedition.attr('data-magellan-top-offset');
|
||||
|
||||
if ($expedition.data("magellan-fixed-position") != fixed_position) {
|
||||
$expedition.data("magellan-fixed-position", fixed_position);
|
||||
if (fixed_position) {
|
||||
$expedition.css({position:"fixed", top:0});
|
||||
} else {
|
||||
$expedition.css({position:"", top:""});
|
||||
}
|
||||
if (fixed_position && typeof attr != 'undefined' && attr != false) {
|
||||
$expedition.css({position:"fixed", top:attr + "px"});
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
if (this.last_destination.length > 0) {
|
||||
$(window).on('scroll.fndtn.magellan', function (e) {
|
||||
var windowScrollTop = $(window).scrollTop(),
|
||||
scrolltopPlusHeight = windowScrollTop + $(window).height(),
|
||||
lastDestinationTop = Math.ceil(self.last_destination.offset().top);
|
||||
|
||||
$('[data-magellan-destination]').each(function () {
|
||||
var $destination = $(this),
|
||||
destination_name = $destination.attr('data-magellan-destination'),
|
||||
topOffset = $destination.offset().top - windowScrollTop;
|
||||
|
||||
if (topOffset <= self.settings.threshold) {
|
||||
$("[data-magellan-arrival='" + destination_name + "']").trigger('arrival');
|
||||
}
|
||||
// In large screens we may hit the bottom of the page and dont reach the top of the last magellan-destination, so lets force it
|
||||
if (scrolltopPlusHeight >= $(self.scope).height() && lastDestinationTop > windowScrollTop && lastDestinationTop < scrolltopPlusHeight) {
|
||||
$('[data-magellan-arrival]').last().trigger('arrival');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
set_threshold : function () {
|
||||
if (!this.settings.threshold) {
|
||||
this.settings.threshold = (this.fixed_magellan.length > 0) ?
|
||||
this.outerHeight(this.fixed_magellan, true) : 0;
|
||||
}
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.magellan');
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@@ -0,0 +1,367 @@
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs = Foundation.libs || {};
|
||||
|
||||
Foundation.libs.orbit = {
|
||||
name: 'orbit',
|
||||
|
||||
version: '4.1.0',
|
||||
|
||||
settings: {
|
||||
timer_speed: 10000,
|
||||
animation_speed: 500,
|
||||
bullets: true,
|
||||
stack_on_small: true,
|
||||
container_class: 'orbit-container',
|
||||
stack_on_small_class: 'orbit-stack-on-small',
|
||||
next_class: 'orbit-next',
|
||||
prev_class: 'orbit-prev',
|
||||
timer_container_class: 'orbit-timer',
|
||||
timer_paused_class: 'paused',
|
||||
timer_progress_class: 'orbit-progress',
|
||||
slides_container_class: 'orbit-slides-container',
|
||||
bullets_container_class: 'orbit-bullets',
|
||||
bullets_active_class: 'active',
|
||||
slide_number_class: 'orbit-slide-number',
|
||||
caption_class: 'orbit-caption',
|
||||
active_slide_class: 'active',
|
||||
orbit_transition_class: 'orbit-transitioning'
|
||||
},
|
||||
|
||||
init: function (scope, method, options) {
|
||||
var self = this;
|
||||
Foundation.inherit(self, 'data_options');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, self.settings, method);
|
||||
}
|
||||
|
||||
$('[data-orbit]', scope).each(function(idx, el) {
|
||||
var scoped_self = $.extend(true, {}, self);
|
||||
scoped_self._init(idx, el);
|
||||
});
|
||||
},
|
||||
|
||||
_container_html: function() {
|
||||
var self = this;
|
||||
return '<div class="' + self.settings.container_class + '"></div>';
|
||||
},
|
||||
|
||||
_bullets_container_html: function($slides) {
|
||||
var self = this,
|
||||
$list = $('<ol class="' + self.settings.bullets_container_class + '"></ol>');
|
||||
$slides.each(function(idx, slide) {
|
||||
var $item = $('<li data-orbit-slide-number="' + (idx+1) + '" class=""></li>');
|
||||
if (idx === 0) {
|
||||
$item.addClass(self.settings.bullets_active_class);
|
||||
}
|
||||
$list.append($item);
|
||||
});
|
||||
return $list;
|
||||
},
|
||||
|
||||
_slide_number_html: function(slide_number, total_slides) {
|
||||
var self = this,
|
||||
$container = $('<div class="' + self.settings.slide_number_class + '"></div>');
|
||||
$container.append('<span>' + slide_number + '</span> of <span>' + total_slides + '</span>');
|
||||
return $container;
|
||||
},
|
||||
|
||||
_timer_html: function() {
|
||||
var self = this;
|
||||
if (typeof self.settings.timer_speed === 'number' && self.settings.timer_speed > 0) {
|
||||
return '<div class="' + self.settings.timer_container_class
|
||||
+ '"><span></span><div class="' + self.settings.timer_progress_class
|
||||
+ '"></div></div>';
|
||||
} else {
|
||||
return '';
|
||||
}
|
||||
},
|
||||
|
||||
_next_html: function() {
|
||||
var self = this;
|
||||
return '<a href="#" class="' + self.settings.next_class + '">Next <span></span></a>';
|
||||
},
|
||||
|
||||
_prev_html: function() {
|
||||
var self = this;
|
||||
return '<a href="#" class="' + self.settings.prev_class + '">Prev <span></span></a>';
|
||||
},
|
||||
|
||||
_init: function (idx, slider) {
|
||||
var self = this,
|
||||
$slides_container = $(slider),
|
||||
$container = $slides_container.wrap(self._container_html()).parent(),
|
||||
$slides = $slides_container.children();
|
||||
|
||||
$.extend(true, self.settings, self.data_options($slides_container));
|
||||
|
||||
$container.append(self._prev_html());
|
||||
$container.append(self._next_html());
|
||||
$slides_container.addClass(self.settings.slides_container_class);
|
||||
if (self.settings.stack_on_small) {
|
||||
$container.addClass(self.settings.stack_on_small_class);
|
||||
}
|
||||
$container.append(self._slide_number_html(1, $slides.length));
|
||||
$container.append(self._timer_html());
|
||||
if (self.settings.bullets) {
|
||||
$container.after(self._bullets_container_html($slides));
|
||||
}
|
||||
// To better support the "sliding" effect it's easier
|
||||
// if we just clone the first and last slides
|
||||
$slides_container.append($slides.first().clone().attr('data-orbit-slide',''));
|
||||
$slides_container.prepend($slides.last().clone().attr('data-orbit-slide',''));
|
||||
// Make the first "real" slide active
|
||||
$slides_container.css('marginLeft', '-100%');
|
||||
$slides.first().addClass(self.settings.active_slide_class);
|
||||
|
||||
self._init_events($slides_container);
|
||||
self._init_dimensions($slides_container);
|
||||
self._start_timer($slides_container);
|
||||
},
|
||||
|
||||
_init_events: function ($slides_container) {
|
||||
var self = this,
|
||||
$container = $slides_container.parent();
|
||||
|
||||
$(window)
|
||||
.on('load.fndtn.orbit', function() {
|
||||
$slides_container.height('');
|
||||
$slides_container.height($slides_container.height($container.height()));
|
||||
$slides_container.trigger('orbit:ready');
|
||||
})
|
||||
.on('resize.fndtn.orbit', function() {
|
||||
$slides_container.height('');
|
||||
$slides_container.height($slides_container.height($container.height()));
|
||||
});
|
||||
|
||||
$(document).on('click.fndtn.orbit', '[data-orbit-link]', function(e) {
|
||||
e.preventDefault();
|
||||
var id = $(e.currentTarget).attr('data-orbit-link'),
|
||||
$slide = $slides_container.find('[data-orbit-slide=' + id + ']').first();
|
||||
|
||||
if ($slide.length === 1) {
|
||||
self._reset_timer($slides_container, true);
|
||||
self._goto($slides_container, $slide.index(), function() {});
|
||||
}
|
||||
});
|
||||
|
||||
$container.siblings('.' + self.settings.bullets_container_class)
|
||||
.on('click.fndtn.orbit', '[data-orbit-slide-number]', function(e) {
|
||||
e.preventDefault();
|
||||
self._reset_timer($slides_container, true);
|
||||
self._goto($slides_container, $(e.currentTarget).data('orbit-slide-number'),function() {});
|
||||
});
|
||||
|
||||
$container
|
||||
.on('orbit:after-slide-change.fndtn.orbit', function(e, orbit) {
|
||||
var $slide_number = $container.find('.' + self.settings.slide_number_class);
|
||||
|
||||
if ($slide_number.length === 1) {
|
||||
$slide_number.replaceWith(self._slide_number_html(orbit.slide_number, orbit.total_slides));
|
||||
}
|
||||
})
|
||||
.on('orbit:next-slide.fndtn.orbit click.fndtn.orbit', '.' + self.settings.next_class, function(e) {
|
||||
e.preventDefault();
|
||||
self._reset_timer($slides_container, true);
|
||||
self._goto($slides_container, 'next', function() {});
|
||||
})
|
||||
.on('orbit:prev-slide.fndtn.orbit click.fndtn.orbit', '.' + self.settings.prev_class, function(e) {
|
||||
e.preventDefault();
|
||||
self._reset_timer($slides_container, true);
|
||||
self._goto($slides_container, 'prev', function() {});
|
||||
})
|
||||
.on('orbit:toggle-play-pause.fndtn.orbit click.fndtn.orbit touchstart.fndtn.orbit', '.' + self.settings.timer_container_class, function(e) {
|
||||
e.preventDefault();
|
||||
var $timer = $(e.currentTarget).toggleClass(self.settings.timer_paused_class),
|
||||
$slides_container = $timer.closest('.' + self.settings.container_class)
|
||||
.find('.' + self.settings.slides_container_class);
|
||||
|
||||
if ($timer.hasClass(self.settings.timer_paused_class)) {
|
||||
self._stop_timer($slides_container);
|
||||
} else {
|
||||
self._start_timer($slides_container);
|
||||
}
|
||||
})
|
||||
.on('touchstart.fndtn.orbit', function(e) {
|
||||
if (!e.touches) { e = e.originalEvent; }
|
||||
var data = {
|
||||
start_page_x: e.touches[0].pageX,
|
||||
start_page_y: e.touches[0].pageY,
|
||||
start_time: (new Date()).getTime(),
|
||||
delta_x: 0,
|
||||
is_scrolling: undefined
|
||||
};
|
||||
$container.data('swipe-transition', data);
|
||||
e.stopPropagation();
|
||||
})
|
||||
.on('touchmove.fndtn.orbit', function(e) {
|
||||
if (!e.touches) { e = e.originalEvent; }
|
||||
// Ignore pinch/zoom events
|
||||
if(e.touches.length > 1 || e.scale && e.scale !== 1) return;
|
||||
|
||||
var data = $container.data('swipe-transition');
|
||||
if (typeof data === 'undefined') {
|
||||
data = {};
|
||||
}
|
||||
|
||||
data.delta_x = e.touches[0].pageX - data.start_page_x;
|
||||
|
||||
if ( typeof data.is_scrolling === 'undefined') {
|
||||
data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) );
|
||||
}
|
||||
|
||||
if (!data.is_scrolling && !data.active) {
|
||||
e.preventDefault();
|
||||
self._stop_timer($slides_container);
|
||||
var direction = (data.delta_x < 0) ? 'next' : 'prev';
|
||||
data.active = true;
|
||||
self._goto($slides_container, direction, function() {});
|
||||
}
|
||||
})
|
||||
.on('touchend.fndtn.orbit', function(e) {
|
||||
$container.data('swipe-transition', {});
|
||||
e.stopPropagation();
|
||||
});
|
||||
},
|
||||
|
||||
_init_dimensions: function ($slides_container) {
|
||||
var $container = $slides_container.parent(),
|
||||
$slides = $slides_container.children();
|
||||
|
||||
$slides_container.css('width', $slides.length * 100 + '%');
|
||||
$slides.css('width', 100 / $slides.length + '%');
|
||||
$slides_container.height($container.height());
|
||||
$slides_container.css('width', $slides.length * 100 + '%');
|
||||
},
|
||||
|
||||
_start_timer: function ($slides_container) {
|
||||
var self = this,
|
||||
$container = $slides_container.parent();
|
||||
|
||||
var callback = function() {
|
||||
self._reset_timer($slides_container, false);
|
||||
self._goto($slides_container, 'next', function() {
|
||||
self._start_timer($slides_container);
|
||||
});
|
||||
};
|
||||
|
||||
var $timer = $container.find('.' + self.settings.timer_container_class),
|
||||
$progress = $timer.find('.' + self.settings.timer_progress_class),
|
||||
progress_pct = ($progress.width() / $timer.width()),
|
||||
delay = self.settings.timer_speed - (progress_pct * self.settings.timer_speed);
|
||||
|
||||
$progress.animate({'width': '100%'}, delay, 'linear', callback);
|
||||
$slides_container.trigger('orbit:timer-started');
|
||||
},
|
||||
|
||||
_stop_timer: function ($slides_container) {
|
||||
var self = this,
|
||||
$container = $slides_container.parent(),
|
||||
$timer = $container.find('.' + self.settings.timer_container_class),
|
||||
$progress = $timer.find('.' + self.settings.timer_progress_class),
|
||||
progress_pct = $progress.width() / $timer.width()
|
||||
self._rebuild_timer($container, progress_pct * 100 + '%');
|
||||
// $progress.stop();
|
||||
$slides_container.trigger('orbit:timer-stopped');
|
||||
$timer = $container.find('.' + self.settings.timer_container_class);
|
||||
$timer.addClass(self.settings.timer_paused_class);
|
||||
},
|
||||
|
||||
_reset_timer: function($slides_container, is_paused) {
|
||||
var self = this,
|
||||
$container = $slides_container.parent();
|
||||
self._rebuild_timer($container, '0%');
|
||||
if (typeof is_paused === 'boolean' && is_paused) {
|
||||
var $timer = $container.find('.' + self.settings.timer_container_class);
|
||||
$timer.addClass(self.settings.timer_paused_class);
|
||||
}
|
||||
},
|
||||
|
||||
_rebuild_timer: function ($container, width_pct) {
|
||||
// Zepto is unable to stop animations since they
|
||||
// are css-based. This is a workaround for that
|
||||
// limitation, which rebuilds the dom element
|
||||
// thus stopping the animation
|
||||
var self = this,
|
||||
$timer = $container.find('.' + self.settings.timer_container_class),
|
||||
$new_timer = $(self._timer_html()),
|
||||
$new_timer_progress = $new_timer.find('.' + self.settings.timer_progress_class);
|
||||
|
||||
if (typeof Zepto === 'function') {
|
||||
$timer.remove();
|
||||
$container.append($new_timer);
|
||||
$new_timer_progress.css('width', width_pct);
|
||||
} else if (typeof jQuery === 'function') {
|
||||
var $progress = $timer.find('.' + self.settings.timer_progress_class);
|
||||
$progress.css('width', width_pct);
|
||||
$progress.stop();
|
||||
}
|
||||
},
|
||||
|
||||
_goto: function($slides_container, index_or_direction, callback) {
|
||||
var self = this,
|
||||
$container = $slides_container.parent(),
|
||||
$slides = $slides_container.children(),
|
||||
$active_slide = $slides_container.find('.' + self.settings.active_slide_class),
|
||||
active_index = $active_slide.index(),
|
||||
margin_position = Foundation.rtl ? 'marginRight' : 'marginLeft';
|
||||
|
||||
if ($container.hasClass(self.settings.orbit_transition_class)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (index_or_direction === 'prev') {
|
||||
if (active_index === 0) {
|
||||
active_index = $slides.length - 1;
|
||||
}
|
||||
else {
|
||||
active_index--;
|
||||
}
|
||||
}
|
||||
else if (index_or_direction === 'next') {
|
||||
active_index = (active_index+1) % $slides.length;
|
||||
}
|
||||
else if (typeof index_or_direction === 'number') {
|
||||
active_index = (index_or_direction % $slides.length);
|
||||
}
|
||||
if (active_index === ($slides.length - 1) && index_or_direction === 'next') {
|
||||
$slides_container.css(margin_position, '0%');
|
||||
active_index = 1;
|
||||
}
|
||||
else if (active_index === 0 && index_or_direction === 'prev') {
|
||||
$slides_container.css(margin_position, '-' + ($slides.length - 1) * 100 + '%');
|
||||
active_index = $slides.length - 2;
|
||||
}
|
||||
// Start transition, make next slide active
|
||||
$container.addClass(self.settings.orbit_transition_class);
|
||||
$active_slide.removeClass(self.settings.active_slide_class);
|
||||
$($slides[active_index]).addClass(self.settings.active_slide_class);
|
||||
// Make next bullet active
|
||||
var $bullets = $container.siblings('.' + self.settings.bullets_container_class);
|
||||
if ($bullets.length === 1) {
|
||||
$bullets.children().removeClass(self.settings.bullets_active_class);
|
||||
$($bullets.children()[active_index-1]).addClass(self.settings.bullets_active_class);
|
||||
}
|
||||
var new_margin_left = '-' + (active_index * 100) + '%';
|
||||
// Check to see if animation will occur, otherwise perform
|
||||
// callbacks manually
|
||||
$slides_container.trigger('orbit:before-slide-change');
|
||||
if ($slides_container.css(margin_position) === new_margin_left) {
|
||||
$container.removeClass(self.settings.orbit_transition_class);
|
||||
$slides_container.trigger('orbit:after-slide-change', [{slide_number: active_index, total_slides: $slides_container.children().length - 2}]);
|
||||
callback();
|
||||
} else {
|
||||
var properties = {};
|
||||
properties[margin_position] = new_margin_left;
|
||||
|
||||
$slides_container.animate(properties, self.settings.animation_speed, 'linear', function() {
|
||||
$container.removeClass(self.settings.orbit_transition_class);
|
||||
$slides_container.trigger('orbit:after-slide-change', [{slide_number: active_index, total_slides: $slides_container.children().length - 2}]);
|
||||
callback();
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@@ -0,0 +1,159 @@
|
||||
/*! http://mths.be/placeholder v2.0.7 by @mathias
|
||||
Modified to work with Zepto.js by ZURB
|
||||
*/
|
||||
;(function(window, document, $) {
|
||||
|
||||
var isInputSupported = 'placeholder' in document.createElement('input'),
|
||||
isTextareaSupported = 'placeholder' in document.createElement('textarea'),
|
||||
prototype = $.fn,
|
||||
valHooks = $.valHooks,
|
||||
hooks,
|
||||
placeholder;
|
||||
|
||||
if (isInputSupported && isTextareaSupported) {
|
||||
|
||||
placeholder = prototype.placeholder = function() {
|
||||
return this;
|
||||
};
|
||||
|
||||
placeholder.input = placeholder.textarea = true;
|
||||
|
||||
} else {
|
||||
|
||||
placeholder = prototype.placeholder = function() {
|
||||
var $this = this;
|
||||
$this
|
||||
.filter((isInputSupported ? 'textarea' : ':input') + '[placeholder]')
|
||||
.not('.placeholder')
|
||||
.bind({
|
||||
'focus.placeholder': clearPlaceholder,
|
||||
'blur.placeholder': setPlaceholder
|
||||
})
|
||||
.data('placeholder-enabled', true)
|
||||
.trigger('blur.placeholder');
|
||||
return $this;
|
||||
};
|
||||
|
||||
placeholder.input = isInputSupported;
|
||||
placeholder.textarea = isTextareaSupported;
|
||||
|
||||
hooks = {
|
||||
'get': function(element) {
|
||||
var $element = $(element);
|
||||
return $element.data('placeholder-enabled') && $element.hasClass('placeholder') ? '' : element.value;
|
||||
},
|
||||
'set': function(element, value) {
|
||||
var $element = $(element);
|
||||
if (!$element.data('placeholder-enabled')) {
|
||||
return element.value = value;
|
||||
}
|
||||
if (value == '') {
|
||||
element.value = value;
|
||||
// Issue #56: Setting the placeholder causes problems if the element continues to have focus.
|
||||
if (element != document.activeElement) {
|
||||
// We can't use `triggerHandler` here because of dummy text/password inputs :(
|
||||
setPlaceholder.call(element);
|
||||
}
|
||||
} else if ($element.hasClass('placeholder')) {
|
||||
clearPlaceholder.call(element, true, value) || (element.value = value);
|
||||
} else {
|
||||
element.value = value;
|
||||
}
|
||||
// `set` can not return `undefined`; see http://jsapi.info/jquery/1.7.1/val#L2363
|
||||
return $element;
|
||||
}
|
||||
};
|
||||
|
||||
isInputSupported || (valHooks.input = hooks);
|
||||
isTextareaSupported || (valHooks.textarea = hooks);
|
||||
|
||||
$(function() {
|
||||
// Look for forms
|
||||
$(document).delegate('form', 'submit.placeholder', function() {
|
||||
// Clear the placeholder values so they don't get submitted
|
||||
var $inputs = $('.placeholder', this).each(clearPlaceholder);
|
||||
setTimeout(function() {
|
||||
$inputs.each(setPlaceholder);
|
||||
}, 10);
|
||||
});
|
||||
});
|
||||
|
||||
// Clear placeholder values upon page reload
|
||||
$(window).bind('beforeunload.placeholder', function() {
|
||||
$('.placeholder').each(function() {
|
||||
this.value = '';
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function args(elem) {
|
||||
// Return an object of element attributes
|
||||
var newAttrs = {},
|
||||
rinlinejQuery = /^jQuery\d+$/;
|
||||
$.each(elem.attributes, function(i, attr) {
|
||||
if (attr.specified && !rinlinejQuery.test(attr.name)) {
|
||||
newAttrs[attr.name] = attr.value;
|
||||
}
|
||||
});
|
||||
return newAttrs;
|
||||
}
|
||||
|
||||
function clearPlaceholder(event, value) {
|
||||
var input = this,
|
||||
$input = $(input);
|
||||
if (input.value == $input.attr('placeholder') && $input.hasClass('placeholder')) {
|
||||
if ($input.data('placeholder-password')) {
|
||||
$input = $input.hide().next().show().attr('id', $input.removeAttr('id').data('placeholder-id'));
|
||||
// If `clearPlaceholder` was called from `$.valHooks.input.set`
|
||||
if (event === true) {
|
||||
return $input[0].value = value;
|
||||
}
|
||||
$input.focus();
|
||||
} else {
|
||||
input.value = '';
|
||||
$input.removeClass('placeholder');
|
||||
input == document.activeElement && input.select();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function setPlaceholder() {
|
||||
var $replacement,
|
||||
input = this,
|
||||
$input = $(input),
|
||||
$origInput = $input,
|
||||
id = this.id;
|
||||
if (input.value == '') {
|
||||
if (input.type == 'password') {
|
||||
if (!$input.data('placeholder-textinput')) {
|
||||
try {
|
||||
$replacement = $input.clone().attr({ 'type': 'text' });
|
||||
} catch(e) {
|
||||
$replacement = $('<input>').attr($.extend(args(this), { 'type': 'text' }));
|
||||
}
|
||||
$replacement
|
||||
.removeAttr('name')
|
||||
.data({
|
||||
'placeholder-password': true,
|
||||
'placeholder-id': id
|
||||
})
|
||||
.bind('focus.placeholder', clearPlaceholder);
|
||||
$input
|
||||
.data({
|
||||
'placeholder-textinput': $replacement,
|
||||
'placeholder-id': id
|
||||
})
|
||||
.before($replacement);
|
||||
}
|
||||
$input = $input.removeAttr('id').hide().prev().attr('id', id).show();
|
||||
// Note: `$input[0] != input` now!
|
||||
}
|
||||
$input.addClass('placeholder');
|
||||
$input[0].value = $input.attr('placeholder');
|
||||
} else {
|
||||
$input.removeClass('placeholder');
|
||||
}
|
||||
}
|
||||
|
||||
}(this, document, Foundation.zj));
|
||||
@@ -0,0 +1,272 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.reveal = {
|
||||
name: 'reveal',
|
||||
|
||||
version : '4.1.2',
|
||||
|
||||
locked : false,
|
||||
|
||||
settings : {
|
||||
animation: 'fadeAndPop',
|
||||
animationSpeed: 250,
|
||||
closeOnBackgroundClick: true,
|
||||
dismissModalClass: 'close-reveal-modal',
|
||||
bgClass: 'reveal-modal-bg',
|
||||
open: function(){},
|
||||
opened: function(){},
|
||||
close: function(){},
|
||||
closed: function(){},
|
||||
bg : $('.reveal-modal-bg'),
|
||||
css : {
|
||||
open : {
|
||||
'opacity': 0,
|
||||
'visibility': 'visible',
|
||||
'display' : 'block'
|
||||
},
|
||||
close : {
|
||||
'opacity': 1,
|
||||
'visibility': 'hidden',
|
||||
'display': 'none'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
Foundation.inherit(this, 'data_options delay');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
} else if (typeof options !== 'undefined') {
|
||||
$.extend(true, this.settings, options);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
this.events();
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.off('.fndtn.reveal')
|
||||
.on('click.fndtn.reveal', '[data-reveal-id]', function (e) {
|
||||
e.preventDefault();
|
||||
if (!self.locked) {
|
||||
self.locked = true;
|
||||
self.open.call(self, $(this));
|
||||
}
|
||||
})
|
||||
.on('click.fndtn.reveal touchend.click.fndtn.reveal', this.close_targets(), function (e) {
|
||||
e.preventDefault();
|
||||
if (!self.locked) {
|
||||
self.locked = true;
|
||||
self.close.call(self, $(this).closest('.reveal-modal'));
|
||||
}
|
||||
})
|
||||
.on('open.fndtn.reveal', '.reveal-modal', this.settings.open)
|
||||
.on('opened.fndtn.reveal', '.reveal-modal', this.settings.opened)
|
||||
.on('opened.fndtn.reveal', '.reveal-modal', this.open_video)
|
||||
.on('close.fndtn.reveal', '.reveal-modal', this.settings.close)
|
||||
.on('closed.fndtn.reveal', '.reveal-modal', this.settings.closed)
|
||||
.on('closed.fndtn.reveal', '.reveal-modal', this.close_video);
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
open : function (target) {
|
||||
if (target) {
|
||||
var modal = $('#' + target.data('reveal-id'));
|
||||
} else {
|
||||
var modal = $(this.scope);
|
||||
}
|
||||
|
||||
if (!modal.hasClass('open')) {
|
||||
var open_modal = $('.reveal-modal.open');
|
||||
|
||||
if (typeof modal.data('css-top') === 'undefined') {
|
||||
modal.data('css-top', parseInt(modal.css('top'), 10))
|
||||
.data('offset', this.cache_offset(modal));
|
||||
}
|
||||
|
||||
modal.trigger('open');
|
||||
|
||||
if (open_modal.length < 1) {
|
||||
this.toggle_bg(modal);
|
||||
}
|
||||
this.hide(open_modal, this.settings.css.open);
|
||||
this.show(modal, this.settings.css.open);
|
||||
}
|
||||
},
|
||||
|
||||
close : function (modal) {
|
||||
|
||||
var modal = modal || $(this.scope),
|
||||
open_modals = $('.reveal-modal.open');
|
||||
|
||||
if (open_modals.length > 0) {
|
||||
this.locked = true;
|
||||
modal.trigger('close');
|
||||
this.toggle_bg(modal);
|
||||
this.hide(open_modals, this.settings.css.close);
|
||||
}
|
||||
},
|
||||
|
||||
close_targets : function () {
|
||||
var base = '.' + this.settings.dismissModalClass;
|
||||
|
||||
if (this.settings.closeOnBackgroundClick) {
|
||||
return base + ', .' + this.settings.bgClass;
|
||||
}
|
||||
|
||||
return base;
|
||||
},
|
||||
|
||||
toggle_bg : function (modal) {
|
||||
if ($('.reveal-modal-bg').length === 0) {
|
||||
this.settings.bg = $('<div />', {'class': this.settings.bgClass})
|
||||
.appendTo('body');
|
||||
}
|
||||
|
||||
if (this.settings.bg.filter(':visible').length > 0) {
|
||||
this.hide(this.settings.bg);
|
||||
} else {
|
||||
this.show(this.settings.bg);
|
||||
}
|
||||
},
|
||||
|
||||
show : function (el, css) {
|
||||
// is modal
|
||||
if (css) {
|
||||
if (/pop/i.test(this.settings.animation)) {
|
||||
css.top = $(window).scrollTop() - el.data('offset') + 'px';
|
||||
var end_css = {
|
||||
top: $(window).scrollTop() + el.data('css-top') + 'px',
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
return this.delay(function () {
|
||||
return el
|
||||
.css(css)
|
||||
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
|
||||
this.locked = false;
|
||||
el.trigger('opened');
|
||||
}.bind(this))
|
||||
.addClass('open');
|
||||
}.bind(this), this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
if (/fade/i.test(this.settings.animation)) {
|
||||
var end_css = {opacity: 1};
|
||||
|
||||
return this.delay(function () {
|
||||
return el
|
||||
.css(css)
|
||||
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
|
||||
this.locked = false;
|
||||
el.trigger('opened');
|
||||
}.bind(this))
|
||||
.addClass('open');
|
||||
}.bind(this), this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
return el.css(css).show().css({opacity: 1}).addClass('open').trigger('opened');
|
||||
}
|
||||
|
||||
// should we animate the background?
|
||||
if (/fade/i.test(this.settings.animation)) {
|
||||
return el.fadeIn(this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
return el.show();
|
||||
},
|
||||
|
||||
hide : function (el, css) {
|
||||
// is modal
|
||||
if (css) {
|
||||
if (/pop/i.test(this.settings.animation)) {
|
||||
var end_css = {
|
||||
top: - $(window).scrollTop() - el.data('offset') + 'px',
|
||||
opacity: 0
|
||||
};
|
||||
|
||||
return this.delay(function () {
|
||||
return el
|
||||
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
|
||||
this.locked = false;
|
||||
el.css(css).trigger('closed');
|
||||
}.bind(this))
|
||||
.removeClass('open');
|
||||
}.bind(this), this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
if (/fade/i.test(this.settings.animation)) {
|
||||
var end_css = {opacity: 0};
|
||||
|
||||
return this.delay(function () {
|
||||
return el
|
||||
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
|
||||
this.locked = false;
|
||||
el.css(css).trigger('closed');
|
||||
}.bind(this))
|
||||
.removeClass('open');
|
||||
}.bind(this), this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
return el.hide().css(css).removeClass('open').trigger('closed');
|
||||
}
|
||||
|
||||
// should we animate the background?
|
||||
if (/fade/i.test(this.settings.animation)) {
|
||||
return el.fadeOut(this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
return el.hide();
|
||||
},
|
||||
|
||||
close_video : function (e) {
|
||||
var video = $(this).find('.flex-video'),
|
||||
iframe = video.find('iframe');
|
||||
|
||||
if (iframe.length > 0) {
|
||||
iframe.attr('data-src', iframe[0].src);
|
||||
iframe.attr('src', 'about:blank');
|
||||
video.fadeOut(100).hide();
|
||||
}
|
||||
},
|
||||
|
||||
open_video : function (e) {
|
||||
var video = $(this).find('.flex-video'),
|
||||
iframe = video.find('iframe');
|
||||
|
||||
if (iframe.length > 0) {
|
||||
var data_src = iframe.attr('data-src');
|
||||
if (typeof data_src === 'string') {
|
||||
iframe[0].src = iframe.attr('data-src');
|
||||
}
|
||||
video.show().fadeIn(100);
|
||||
}
|
||||
},
|
||||
|
||||
cache_offset : function (modal) {
|
||||
var offset = modal.show().height() + parseInt(modal.css('top'), 10);
|
||||
|
||||
modal.hide();
|
||||
|
||||
return offset;
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.reveal');
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@@ -0,0 +1,291 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.section = {
|
||||
name: 'section',
|
||||
|
||||
version : '4.1.2',
|
||||
|
||||
settings : {
|
||||
deep_linking: false,
|
||||
one_up: true,
|
||||
callback: function (){}
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
var self = this;
|
||||
Foundation.inherit(this, 'throttle data_options position_right offset_right');
|
||||
|
||||
if (typeof method != 'string') {
|
||||
this.set_active_from_hash();
|
||||
this.events();
|
||||
|
||||
return true;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('click.fndtn.section', '[data-section] .title, [data-section] [data-section-title]', function (e) {
|
||||
var $this = $(this),
|
||||
section = $this.closest('[data-section]');
|
||||
|
||||
self.toggle_active.call(this, e, self);
|
||||
});
|
||||
|
||||
$(window)
|
||||
.on('resize.fndtn.section', self.throttle(function () {
|
||||
self.resize.call(this);
|
||||
}, 30))
|
||||
.on('hashchange', function () {
|
||||
if (!self.settings.toggled){
|
||||
self.set_active_from_hash();
|
||||
$(this).trigger('resize');
|
||||
}
|
||||
}).trigger('resize');
|
||||
|
||||
$(document)
|
||||
.on('click.fndtn.section', function (e) {
|
||||
if ($(e.target).closest('.title, [data-section-title]').length < 1) {
|
||||
$('[data-section="vertical-nav"], [data-section="horizontal-nav"]')
|
||||
.find('section, .section, [data-section-region]')
|
||||
.removeClass('active')
|
||||
.attr('style', '');
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
toggle_active : function (e, self) {
|
||||
var $this = $(this),
|
||||
section = $this.closest('section, .section, [data-section-region]'),
|
||||
content = section.find('.content, [data-section-content]'),
|
||||
parent = section.closest('[data-section]'),
|
||||
self = Foundation.libs.section,
|
||||
settings = $.extend({}, self.settings, self.data_options(parent));
|
||||
|
||||
self.settings.toggled = true;
|
||||
|
||||
if (!settings.deep_linking && content.length > 0) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
if (section.hasClass('active')) {
|
||||
if (self.small(parent)
|
||||
|| self.is_vertical(parent)
|
||||
|| self.is_horizontal(parent)
|
||||
|| self.is_accordion(parent)) {
|
||||
section
|
||||
.removeClass('active')
|
||||
.attr('style', '');
|
||||
}
|
||||
} else {
|
||||
var prev_active_section = null,
|
||||
title_height = self.outerHeight(section.find('.title, [data-section-title]'));
|
||||
|
||||
if (self.small(parent) || settings.one_up) {
|
||||
prev_active_section = $this.closest('[data-section]').find('section.active, .section.active, .active[data-section-region]');
|
||||
|
||||
if (self.small(parent)) {
|
||||
prev_active_section.attr('style', '');
|
||||
} else {
|
||||
prev_active_section.attr('style', 'visibility: hidden; padding-top: '+title_height+'px;');
|
||||
}
|
||||
}
|
||||
|
||||
if (self.small(parent)) {
|
||||
section.attr('style', '');
|
||||
} else {
|
||||
section.css('padding-top', title_height);
|
||||
}
|
||||
|
||||
section.addClass('active');
|
||||
|
||||
if (prev_active_section !== null) {
|
||||
prev_active_section.removeClass('active').attr('style', '');
|
||||
}
|
||||
}
|
||||
|
||||
setTimeout(function () {
|
||||
self.settings.toggled = false;
|
||||
}, 300);
|
||||
|
||||
settings.callback();
|
||||
},
|
||||
|
||||
resize : function () {
|
||||
var sections = $('[data-section]'),
|
||||
self = Foundation.libs.section;
|
||||
|
||||
sections.each(function() {
|
||||
var $this = $(this),
|
||||
active_section = $this.find('section.active, .section.active, .active[data-section-region]'),
|
||||
settings = $.extend({}, self.settings, self.data_options($this));
|
||||
|
||||
if (active_section.length > 1) {
|
||||
active_section
|
||||
.not(':first')
|
||||
.removeClass('active')
|
||||
.attr('style', '');
|
||||
} else if (active_section.length < 1
|
||||
&& !self.is_vertical($this)
|
||||
&& !self.is_horizontal($this)
|
||||
&& !self.is_accordion($this)) {
|
||||
|
||||
var first = $this.find('section, .section, [data-section-region]').first();
|
||||
|
||||
if (settings.one_up) {
|
||||
first.addClass('active');
|
||||
}
|
||||
|
||||
if (self.small($this)) {
|
||||
first.attr('style', '');
|
||||
} else {
|
||||
first.css('padding-top', self.outerHeight(first.find('.title, [data-section-title]')));
|
||||
}
|
||||
}
|
||||
|
||||
if (self.small($this)) {
|
||||
active_section.attr('style', '');
|
||||
} else {
|
||||
active_section.css('padding-top', self.outerHeight(active_section.find('.title, [data-section-title]')));
|
||||
}
|
||||
|
||||
self.position_titles($this);
|
||||
|
||||
if (self.is_horizontal($this) && !self.small($this)) {
|
||||
self.position_content($this);
|
||||
} else {
|
||||
self.position_content($this, false);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
is_vertical : function (el) {
|
||||
return /vertical-nav/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
is_horizontal : function (el) {
|
||||
return /horizontal-nav/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
is_accordion : function (el) {
|
||||
return /accordion/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
is_tabs : function (el) {
|
||||
return /tabs/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
set_active_from_hash : function () {
|
||||
var hash = window.location.hash.substring(1),
|
||||
sections = $('[data-section]'),
|
||||
self = this;
|
||||
|
||||
sections.each(function () {
|
||||
var section = $(this),
|
||||
settings = $.extend({}, self.settings, self.data_options(section));
|
||||
|
||||
if (hash.length > 0 && settings.deep_linking) {
|
||||
section
|
||||
.find('section, .section, [data-section-region]')
|
||||
.attr('style', '')
|
||||
.removeClass('active');
|
||||
section
|
||||
.find('.content[data-slug="' + hash + '"], [data-section-content][data-slug="' + hash + '"]')
|
||||
.closest('section, .section, [data-section-region]')
|
||||
.addClass('active');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
position_titles : function (section, off) {
|
||||
var titles = section.find('.title, [data-section-title]'),
|
||||
previous_width = 0,
|
||||
self = this;
|
||||
|
||||
if (typeof off === 'boolean') {
|
||||
titles.attr('style', '');
|
||||
|
||||
} else {
|
||||
titles.each(function () {
|
||||
if (!self.rtl) {
|
||||
$(this).css('left', previous_width);
|
||||
} else {
|
||||
$(this).css('right', previous_width);
|
||||
}
|
||||
previous_width += self.outerWidth($(this));
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
position_content : function (section, off) {
|
||||
var titles = section.find('.title, [data-section-title]'),
|
||||
content = section.find('.content, [data-section-content]'),
|
||||
self = this;
|
||||
|
||||
if (typeof off === 'boolean') {
|
||||
content.attr('style', '');
|
||||
section.attr('style', '');
|
||||
} else {
|
||||
section.find('section, .section, [data-section-region]').each(function () {
|
||||
var title = $(this).find('.title, [data-section-title]'),
|
||||
content = $(this).find('.content, [data-section-content]');
|
||||
if (!self.rtl) {
|
||||
content.css({left: title.position().left - 1, top: self.outerHeight(title) - 2});
|
||||
} else {
|
||||
content.css({right: self.position_right(title) + 1, top: self.outerHeight(title) - 2});
|
||||
}
|
||||
});
|
||||
|
||||
// temporary work around for Zepto outerheight calculation issues.
|
||||
if (typeof Zepto === 'function') {
|
||||
section.height(this.outerHeight(titles.first()));
|
||||
} else {
|
||||
section.height(this.outerHeight(titles.first()) - 2);
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
position_right : function (el) {
|
||||
var section = el.closest('[data-section]'),
|
||||
section_width = el.closest('[data-section]').width(),
|
||||
offset = section.find('.title, [data-section-title]').length;
|
||||
return (section_width - el.position().left - el.width() * (el.index() + 1) - offset);
|
||||
},
|
||||
|
||||
reflow : function () {
|
||||
$('[data-section]').trigger('resize');
|
||||
},
|
||||
|
||||
small : function (el) {
|
||||
var settings = $.extend({}, this.settings, this.data_options(el));
|
||||
if (this.is_tabs(el)) {
|
||||
return false;
|
||||
}
|
||||
if (el && this.is_accordion(el)) {
|
||||
return true;
|
||||
}
|
||||
if ($('html').hasClass('lt-ie9')) {
|
||||
return true;
|
||||
}
|
||||
if ($('html').hasClass('ie8compat')) {
|
||||
return true;
|
||||
}
|
||||
return $(this.scope).width() < 768;
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.section');
|
||||
$(window).off('.fndtn.section');
|
||||
$(document).off('.fndtn.section')
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@@ -0,0 +1,199 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.tooltips = {
|
||||
name: 'tooltips',
|
||||
|
||||
version : '4.1.0',
|
||||
|
||||
settings : {
|
||||
selector : '.has-tip',
|
||||
additionalInheritableClasses : [],
|
||||
tooltipClass : '.tooltip',
|
||||
tipTemplate : function (selector, content) {
|
||||
return '<span data-selector="' + selector + '" class="'
|
||||
+ Foundation.libs.tooltips.settings.tooltipClass.substring(1)
|
||||
+ '">' + content + '<span class="nub"></span></span>';
|
||||
}
|
||||
},
|
||||
|
||||
cache : {},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
var self = this;
|
||||
this.scope = scope || this.scope;
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
if (Modernizr.touch) {
|
||||
$(this.scope)
|
||||
.on('click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip',
|
||||
'[data-tooltip]', function (e) {
|
||||
e.preventDefault();
|
||||
$(self.settings.tooltipClass).hide();
|
||||
self.showOrCreateTip($(this));
|
||||
})
|
||||
.on('click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip',
|
||||
this.settings.tooltipClass, function (e) {
|
||||
e.preventDefault();
|
||||
$(this).fadeOut(150);
|
||||
});
|
||||
} else {
|
||||
$(this.scope)
|
||||
.on('mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip',
|
||||
'[data-tooltip]', function (e) {
|
||||
var $this = $(this);
|
||||
|
||||
if (e.type === 'mouseover' || e.type === 'mouseenter') {
|
||||
self.showOrCreateTip($this);
|
||||
} else if (e.type === 'mouseout' || e.type === 'mouseleave') {
|
||||
self.hide($this);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// $(this.scope).data('fndtn-tooltips', true);
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
showOrCreateTip : function ($target) {
|
||||
var $tip = this.getTip($target);
|
||||
|
||||
if ($tip && $tip.length > 0) {
|
||||
return this.show($target);
|
||||
}
|
||||
|
||||
return this.create($target);
|
||||
},
|
||||
|
||||
getTip : function ($target) {
|
||||
var selector = this.selector($target),
|
||||
tip = null;
|
||||
|
||||
if (selector) {
|
||||
tip = $('span[data-selector=' + selector + ']' + this.settings.tooltipClass);
|
||||
}
|
||||
|
||||
return (typeof tip === 'object') ? tip : false;
|
||||
},
|
||||
|
||||
selector : function ($target) {
|
||||
var id = $target.attr('id'),
|
||||
dataSelector = $target.attr('data-tooltip') || $target.attr('data-selector');
|
||||
|
||||
if ((id && id.length < 1 || !id) && typeof dataSelector != 'string') {
|
||||
dataSelector = 'tooltip' + Math.random().toString(36).substring(7);
|
||||
$target.attr('data-selector', dataSelector);
|
||||
}
|
||||
|
||||
return (id && id.length > 0) ? id : dataSelector;
|
||||
},
|
||||
|
||||
create : function ($target) {
|
||||
var $tip = $(this.settings.tipTemplate(this.selector($target), $('<div>').html($target.attr('title')).html())),
|
||||
classes = this.inheritable_classes($target);
|
||||
|
||||
$tip.addClass(classes).appendTo('body');
|
||||
if (Modernizr.touch) {
|
||||
$tip.append('<span class="tap-to-close">tap to close </span>');
|
||||
}
|
||||
$target.removeAttr('title').attr('title','');
|
||||
this.show($target);
|
||||
},
|
||||
|
||||
reposition : function (target, tip, classes) {
|
||||
var width, nub, nubHeight, nubWidth, column, objPos;
|
||||
|
||||
tip.css('visibility', 'hidden').show();
|
||||
|
||||
width = target.data('width');
|
||||
nub = tip.children('.nub');
|
||||
nubHeight = this.outerHeight(nub);
|
||||
nubWidth = this.outerHeight(nub);
|
||||
|
||||
objPos = function (obj, top, right, bottom, left, width) {
|
||||
return obj.css({
|
||||
'top' : (top) ? top : 'auto',
|
||||
'bottom' : (bottom) ? bottom : 'auto',
|
||||
'left' : (left) ? left : 'auto',
|
||||
'right' : (right) ? right : 'auto',
|
||||
'width' : (width) ? width : 'auto'
|
||||
}).end();
|
||||
};
|
||||
|
||||
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', target.offset().left, width);
|
||||
|
||||
if ($(window).width() < 767) {
|
||||
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', 12.5, $(this.scope).width());
|
||||
tip.addClass('tip-override');
|
||||
objPos(nub, -nubHeight, 'auto', 'auto', target.offset().left);
|
||||
} else {
|
||||
var left = target.offset().left;
|
||||
if (Foundation.rtl) {
|
||||
left = target.offset().left + target.offset().width - this.outerWidth(tip);
|
||||
}
|
||||
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', left, width);
|
||||
tip.removeClass('tip-override');
|
||||
if (classes && classes.indexOf('tip-top') > -1) {
|
||||
objPos(tip, (target.offset().top - this.outerHeight(tip)), 'auto', 'auto', left, width)
|
||||
.removeClass('tip-override');
|
||||
} else if (classes && classes.indexOf('tip-left') > -1) {
|
||||
objPos(tip, (target.offset().top + (this.outerHeight(target) / 2) - nubHeight*2.5), 'auto', 'auto', (target.offset().left - this.outerWidth(tip) - nubHeight), width)
|
||||
.removeClass('tip-override');
|
||||
} else if (classes && classes.indexOf('tip-right') > -1) {
|
||||
objPos(tip, (target.offset().top + (this.outerHeight(target) / 2) - nubHeight*2.5), 'auto', 'auto', (target.offset().left + this.outerWidth(target) + nubHeight), width)
|
||||
.removeClass('tip-override');
|
||||
}
|
||||
}
|
||||
|
||||
tip.css('visibility', 'visible').hide();
|
||||
},
|
||||
|
||||
inheritable_classes : function (target) {
|
||||
var inheritables = ['tip-top', 'tip-left', 'tip-bottom', 'tip-right', 'noradius'].concat(this.settings.additionalInheritableClasses),
|
||||
classes = target.attr('class'),
|
||||
filtered = classes ? $.map(classes.split(' '), function (el, i) {
|
||||
if ($.inArray(el, inheritables) !== -1) {
|
||||
return el;
|
||||
}
|
||||
}).join(' ') : '';
|
||||
|
||||
return $.trim(filtered);
|
||||
},
|
||||
|
||||
show : function ($target) {
|
||||
var $tip = this.getTip($target);
|
||||
|
||||
this.reposition($target, $tip, $target.attr('class'));
|
||||
$tip.fadeIn(150);
|
||||
},
|
||||
|
||||
hide : function ($target) {
|
||||
var $tip = this.getTip($target);
|
||||
|
||||
$tip.fadeOut(150);
|
||||
},
|
||||
|
||||
// deprecate reload
|
||||
reload : function () {
|
||||
var $self = $(this);
|
||||
|
||||
return ($self.data('fndtn-tooltips')) ? $self.foundationTooltips('destroy').foundationTooltips('init') : $self.foundationTooltips('init');
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.tooltip');
|
||||
$(this.settings.tooltipClass).each(function (i) {
|
||||
$('[data-tooltip]').get(i).attr('title', $(this).text());
|
||||
}).remove();
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@@ -0,0 +1,242 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.topbar = {
|
||||
name : 'topbar',
|
||||
|
||||
version : '4.1.2',
|
||||
|
||||
settings : {
|
||||
index : 0,
|
||||
stickyClass : 'sticky',
|
||||
custom_back_text: true,
|
||||
back_text: 'Back',
|
||||
init : false
|
||||
},
|
||||
|
||||
init : function (section, method, options) {
|
||||
var self = this;
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
|
||||
$('.top-bar').each(function () {
|
||||
self.settings.$w = $(window);
|
||||
self.settings.$topbar = $(this);
|
||||
self.settings.$section = self.settings.$topbar.find('section');
|
||||
self.settings.$titlebar = self.settings.$topbar.children('ul').first();
|
||||
|
||||
|
||||
self.settings.$topbar.data('index', 0);
|
||||
|
||||
var breakpoint = $("<div class='top-bar-js-breakpoint'/>").insertAfter(self.settings.$topbar);
|
||||
self.settings.breakPoint = breakpoint.width();
|
||||
breakpoint.remove();
|
||||
|
||||
self.assemble();
|
||||
|
||||
if (self.settings.$topbar.parent().hasClass('fixed')) {
|
||||
$('body').css('padding-top', self.outerHeight(self.settings.$topbar));
|
||||
}
|
||||
});
|
||||
|
||||
if (!self.settings.init) {
|
||||
this.events();
|
||||
}
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
// fire method
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
var offst = this.outerHeight($('.top-bar'));
|
||||
$(this.scope)
|
||||
.on('click.fndtn.topbar', '.top-bar .toggle-topbar', function (e) {
|
||||
var topbar = $(this).closest('.top-bar'),
|
||||
section = topbar.find('section, .section'),
|
||||
titlebar = topbar.children('ul').first();
|
||||
|
||||
if (!topbar.data('height')) self.largestUL();
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
if (self.breakpoint()) {
|
||||
topbar
|
||||
.toggleClass('expanded')
|
||||
.css('min-height', '');
|
||||
}
|
||||
|
||||
if (!topbar.hasClass('expanded')) {
|
||||
if (!self.rtl) {
|
||||
section.css({left: '0%'});
|
||||
section.find('>.name').css({left: '100%'});
|
||||
} else {
|
||||
section.css({right: '0%'});
|
||||
section.find('>.name').css({right: '100%'});
|
||||
}
|
||||
section.find('li.moved').removeClass('moved');
|
||||
topbar.data('index', 0);
|
||||
|
||||
if (topbar.hasClass('fixed')) {
|
||||
topbar.parent().addClass('fixed');
|
||||
topbar.removeClass('fixed');
|
||||
$('body').css('padding-top',offst);
|
||||
}
|
||||
} else if (topbar.parent().hasClass('fixed')) {
|
||||
topbar.parent().removeClass('fixed');
|
||||
topbar.addClass('fixed');
|
||||
$('body').css('padding-top','0');
|
||||
window.scrollTo(0,0);
|
||||
}
|
||||
})
|
||||
|
||||
.on('click.fndtn.topbar', '.top-bar .has-dropdown>a', function (e) {
|
||||
var topbar = $(this).closest('.top-bar'),
|
||||
section = topbar.find('section, .section'),
|
||||
titlebar = topbar.children('ul').first();
|
||||
|
||||
if (Modernizr.touch || self.breakpoint()) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
if (self.breakpoint()) {
|
||||
var $this = $(this),
|
||||
$selectedLi = $this.closest('li');
|
||||
|
||||
topbar.data('index', topbar.data('index') + 1);
|
||||
$selectedLi.addClass('moved');
|
||||
if (!self.rtl) {
|
||||
section.css({left: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({left: 100 * topbar.data('index') + '%'});
|
||||
} else {
|
||||
section.css({right: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({right: 100 * topbar.data('index') + '%'});
|
||||
}
|
||||
|
||||
$this.siblings('ul')
|
||||
.height(topbar.data('height') + self.outerHeight(titlebar, true));
|
||||
topbar
|
||||
.css('min-height', topbar.data('height') + self.outerHeight(titlebar, true) * 2)
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('resize.fndtn.topbar', function () {
|
||||
if (!self.breakpoint()) {
|
||||
$('.top-bar')
|
||||
.css('min-height', '')
|
||||
.removeClass('expanded');
|
||||
}
|
||||
}.bind(this));
|
||||
|
||||
// Go up a level on Click
|
||||
$(this.scope).on('click.fndtn', '.top-bar .has-dropdown .back', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var $this = $(this),
|
||||
topbar = $this.closest('.top-bar'),
|
||||
section = topbar.find('section, .section'),
|
||||
$movedLi = $this.closest('li.moved'),
|
||||
$previousLevelUl = $movedLi.parent();
|
||||
|
||||
topbar.data('index', topbar.data('index') - 1);
|
||||
if (!self.rtl) {
|
||||
section.css({left: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({left: 100 * topbar.data('index') + '%'});
|
||||
} else {
|
||||
section.css({right: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({right: 100 * topbar.data('index') + '%'});
|
||||
}
|
||||
|
||||
if (topbar.data('index') === 0) {
|
||||
topbar.css('min-height', 0);
|
||||
}
|
||||
|
||||
setTimeout(function () {
|
||||
$movedLi.removeClass('moved');
|
||||
}, 300);
|
||||
});
|
||||
},
|
||||
|
||||
breakpoint : function () {
|
||||
return $(window).width() <= this.settings.breakPoint || $('html').hasClass('lt-ie9');
|
||||
},
|
||||
|
||||
assemble : function () {
|
||||
var self = this;
|
||||
// Pull element out of the DOM for manipulation
|
||||
this.settings.$section.detach();
|
||||
|
||||
this.settings.$section.find('.has-dropdown>a').each(function () {
|
||||
var $link = $(this),
|
||||
$dropdown = $link.siblings('.dropdown'),
|
||||
$titleLi = $('<li class="title back js-generated"><h5><a href="#"></a></h5></li>');
|
||||
|
||||
// Copy link to subnav
|
||||
if (self.settings.custom_back_text == true) {
|
||||
$titleLi.find('h5>a').html('« ' + self.settings.back_text);
|
||||
} else {
|
||||
$titleLi.find('h5>a').html('« ' + $link.html());
|
||||
}
|
||||
$dropdown.prepend($titleLi);
|
||||
});
|
||||
|
||||
// Put element back in the DOM
|
||||
this.settings.$section.appendTo(this.settings.$topbar);
|
||||
|
||||
// check for sticky
|
||||
this.sticky();
|
||||
},
|
||||
|
||||
largestUL : function () {
|
||||
var uls = this.settings.$topbar.find('section ul ul'),
|
||||
largest = uls.first(),
|
||||
total = 0,
|
||||
self = this;
|
||||
|
||||
uls.each(function () {
|
||||
if ($(this).children('li').length > largest.children('li').length) {
|
||||
largest = $(this);
|
||||
}
|
||||
});
|
||||
|
||||
largest.children('li').each(function () { total += self.outerHeight($(this), true); });
|
||||
|
||||
this.settings.$topbar.data('height', total);
|
||||
},
|
||||
|
||||
sticky : function () {
|
||||
var klass = '.' + this.settings.stickyClass;
|
||||
if ($(klass).length > 0) {
|
||||
var distance = $(klass).length ? $(klass).offset().top: 0,
|
||||
$window = $(window);
|
||||
var offst = this.outerHeight($('.top-bar'));
|
||||
|
||||
$window.scroll(function() {
|
||||
if ($window.scrollTop() >= (distance)) {
|
||||
$(klass).addClass("fixed");
|
||||
$('body').css('padding-top',offst);
|
||||
}
|
||||
|
||||
else if ($window.scrollTop() < distance) {
|
||||
$(klass).removeClass("fixed");
|
||||
$('body').css('padding-top','0');
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.topbar');
|
||||
$(window).off('.fndtn.topbar');
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
@@ -0,0 +1,62 @@
|
||||
function format_image(img) {
|
||||
return '<li><a href="'+ img.link +'" class="colored primary"><img src="'+ img.images.low_resolution.url +'" /></a></li>';
|
||||
}
|
||||
jQuery(document).foundation();
|
||||
|
||||
jQuery(function($) {
|
||||
|
||||
/* Instagram feed
|
||||
* Ref: http://instafeedjs.com/ */
|
||||
var feed = new Instafeed({
|
||||
get: 'tagged',
|
||||
tagName: 'studiofestivalen',
|
||||
clientId: 'e82ee5c6c85a4057a3545442e6cc5162',
|
||||
limit: 5,
|
||||
mock: true,
|
||||
success: function(result) {
|
||||
//allso: result.pagination
|
||||
var first = format_image(result.data[0]);
|
||||
$(".instagram-feed .first").append(first);
|
||||
|
||||
var html = "";
|
||||
for(var i=1; i < result.data.length; i++) {
|
||||
html += format_image(result.data[i]);
|
||||
}
|
||||
$(".instagram-feed .rest").append(html);
|
||||
}
|
||||
});
|
||||
feed.run();
|
||||
|
||||
/* konami code */
|
||||
var showing = false;
|
||||
var anda_da_zee = '<div class="anda-da-zee"><div class="trail-of-bubbles"><div class="bubble first"></div><div class="bubble second"></div><div class="bubble third"></div></div><div class="punsjebollen"><div class="bubble first"></div><div class="bubble second"></div><div class="bubble third"></div></div></div>';
|
||||
|
||||
function showKonami() {
|
||||
if (showing) { return; }
|
||||
$("#inner-footer").html(anda_da_zee);
|
||||
$(".wavetop").addClass('animated');
|
||||
showing = true;
|
||||
}
|
||||
|
||||
var kkeys = [];
|
||||
var konamiString = "38,38,40,40,37,39,37,39,66,65";
|
||||
// up, up, down, down, left, right, left, right, B, A
|
||||
|
||||
if (window.addEventListener) {
|
||||
window.addEventListener('keydown', function(e) {
|
||||
kkeys.push(e.keyCode );
|
||||
if (kkeys.toString().indexOf(konamiString) >= 0 )
|
||||
showKonami();
|
||||
}, true)
|
||||
}
|
||||
/* IE */
|
||||
else if(document.body.attachEvent) {
|
||||
document.body.attachEvent('onkeydown', function(e){
|
||||
kkeys.push(e.keyCode);
|
||||
if (kkeys.toString().indexOf(konamiString) >= 0)
|
||||
showKonami();
|
||||
}, true)
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
@@ -0,0 +1,4 @@
|
||||
/* Modernizr 2.6.2 (Custom Build) | MIT & BSD
|
||||
* Build: http://modernizr.com/download/#-inlinesvg-svg-svgclippaths-touch-shiv-mq-cssclasses-teststyles-prefixes-ie8compat-load
|
||||
*/
|
||||
;window.Modernizr=function(a,b,c){function y(a){j.cssText=a}function z(a,b){return y(m.join(a+";")+(b||""))}function A(a,b){return typeof a===b}function B(a,b){return!!~(""+a).indexOf(b)}function C(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:A(f,"function")?f.bind(d||b):f}return!1}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={svg:"http://www.w3.org/2000/svg"},o={},p={},q={},r=[],s=r.slice,t,u=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},v=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return u("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},w={}.hasOwnProperty,x;!A(w,"undefined")&&!A(w.call,"undefined")?x=function(a,b){return w.call(a,b)}:x=function(a,b){return b in a&&A(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=s.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(s.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(s.call(arguments)))};return e}),o.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:u(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},o.svg=function(){return!!b.createElementNS&&!!b.createElementNS(n.svg,"svg").createSVGRect},o.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="<svg/>",(a.firstChild&&a.firstChild.namespaceURI)==n.svg},o.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(l.call(b.createElementNS(n.svg,"clipPath")))};for(var D in o)x(o,D)&&(t=D.toLowerCase(),e[t]=o[D](),r.push((e[t]?"":"no-")+t));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)x(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},y(""),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=rLine truncated
|
||||
@@ -0,0 +1,2 @@
|
||||
// Generated by CoffeeScript 1.3.3
|
||||
(function(){var e,t;e=function(){function e(e){var t,n;this.options={target:"instafeed",get:"popular",resolution:"thumbnail",sortBy:"most-recent",links:!0,limit:15,mock:!1};if(typeof e=="object")for(t in e)n=e[t],this.options[t]=n;this.unique=this._genKey()}return e.prototype.run=function(){var t,n,r;if(typeof this.options.clientId!="string"&&typeof this.options.accessToken!="string")throw new Error("Missing clientId or accessToken.");if(typeof this.options.accessToken!="string"&&typeof this.options.clientId!="string")throw new Error("Missing clientId or accessToken.");return this.options.before!=null&&typeof this.options.before=="function"&&this.options.before.call(this),typeof document!="undefined"&&document!==null&&(r=document.createElement("script"),r.id="instafeed-fetcher",r.src=this._buildUrl(),t=document.getElementsByTagName("head"),t[0].appendChild(r),n="instafeedCache"+this.unique,window[n]=new e(this.options),window[n].unique=this.unique),!0},e.prototype.parse=function(e){var t,n,r,i,s,o,u,a,f,l,c,h,p,d,v;if(typeof e!="object"){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,"Invalid JSON data"),!1;throw new Error("Invalid JSON response")}if(e.meta.code!==200){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,e.meta.error_message),!1;throw new Error("Error from Instagram: "+e.meta.error_message)}if(e.data.length===0){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,"No images were returned from Instagram"),!1;throw new Error("No images were returned from Instagram")}this.options.success!=null&&typeof this.options.success=="function"&&this.options.success.call(this,e);if(this.options.sortBy!=="most-recent"){this.options.sortBy==="random"?c=["","random"]:c=this.options.sortBy.split("-"),l=c[0]==="least"?!0:!1;switch(c[1]){case"random":e.data.sort(function(){return.5-Math.random()});break;case"recent":e.data=this._sortBy(e.data,"created_time",l);break;case"liked":e.data=this._sortBy(e.data,"likes.count",l);break;case"commented":e.data=this._sortBy(e.data,"comments.count",l);break;default:throw new Error("Invalid option for sortBy: '"+this.options.sortBy+"'.")}}if(typeof document!="undefined"&&document!==null&&this.options.mock===!1){document.getElementById(this.options.target).innerHTML="",u=e.data,u.length>this.options.limit&&(u=u.slice(0,this.options.limit+1||9e9));if(this.options.template!=null&&typeof this.options.template=="string"){i="",o="";for(h=0,d=u.length;h<d;h++)s=u[h],o=this._makeTemplate(this.options.template,{model:s,id:s.id,link:s.link,image:s.images[this.options.resolution].url,caption:this._getObjectProperty(s,"caption.text"),likes:s.likes.count,comments:s.comments.count,location:this._getObjectProperty(s,"location.name")}),i+=o;document.getElementById(this.options.target).innerHTML=i}else{n=document.createDocumentFragment();for(p=0,v=u.length;p<v;p++)s=u[p],a=document.createElement("img"),a.src=s.images[this.options.resolution].url,this.options.links===!0?(t=document.createElement("a"),t.href=s.link,t.appendChild(a),n.appendChild(t)):n.appendChild(a);document.getElementById(this.options.target).appendChild(n)}r=document.getElementsByTagName("head")[0],r.removeChild(document.getElementById("instafeed-fetcher")),f="instafeedCache"+this.unique,delete window[f]}return this.options.after!=null&&typeof this.options.after=="function"&&this.options.after.call(this),!0},e.prototype._buildUrl=function(){var e,t,n;e="https://api.instagram.com/v1";switch(this.options.get){case"popular":t="media/popular";break;case"tagged":if(typeof this.options.tagName!="string")throw new Error("No tag name specified. Use the 'tagName' option.");t="tags/"+this.options.tagName+"/media/recent";break;case"location":if(typeof this.options.locationId!="number")throw new Error("No location specified. Use the 'locationId' option.");t="locations/"+this.options.locationId+"/media/recent";break;case"user":if(typeof this.options.userId!="number")throw new Error("No user specified. Use the 'userId' option.");if(typeof this.options.accessToken!="string")throw new Error("No access token. Use the 'accessToken' option.");t="users/"+this.options.userId+"/media/recent";break;default:throw new Error("Invalid option for get: '"+this.options.get+"'.")}return n=""+e+"/"+t,this.options.accessToken!=null?n+="?access_token="+this.options.accessToken:n+="?client_id="+this.options.clientId,n+="&count="+this.options.limit,n+="&callback=instafeedCache"+this.unique+".parse",n},e.prototype._genKey=function(){var e;return e=function(){return((1+Math.random())*65536|0).toString(16).substring(1)},""+e()+e()+e()+e()},e.prototype._makeTemplate=function(e,t){var n,r,i,s,o;r=/(?:\{{2})([\w\[\]\.]+)(?:\}{2})/,n=e;while(r.test(n))i=n.match(r)[1],s=(o=this._getObjectProperty(t,i))!=null?o:"",n=n.replace(r,""+s);return n},e.prototype._getObjectProperty=function(e,t){var n,r;t=t.replace(/\[(\Line truncated
|
||||
@@ -0,0 +1 @@
|
||||
(function(){var a={months:"januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan_feb_mar_apr_mai_jun_jul_aug_sep_okt_nov_des".split("_"),weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"søn_man_tir_ons_tor_fre_lør".split("_"),longDateFormat:{LT:"HH:mm",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY LT",LLLL:"dddd D MMMM YYYY LT"},meridiem:{AM:"AM",am:"am",PM:"PM",pm:"pm"},calendar:{sameDay:"[I dag klokken] LT",nextDay:"[I morgen klokken] LT",nextWeek:"dddd [klokken] LT",lastDay:"[I går klokken] LT",lastWeek:"[Forrige] dddd [klokken] LT",sameElse:"L"},relativeTime:{future:"om %s",past:"for %s siden",s:"noen sekunder",m:"ett minutt",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dager",M:"en måned",MM:"%d måneder",y:"ett år",yy:"%d år"},ordinal:function(a){return"."}};typeof module!="undefined"&&(module.exports=a),typeof window!="undefined"&&this.moment&&this.moment.lang&&this.moment.lang("nb",a)})();
|
||||
@@ -0,0 +1,6 @@
|
||||
// moment.js
|
||||
// version : 2.0.0
|
||||
// author : Tim Wood
|
||||
// license : MIT
|
||||
// momentjs.com
|
||||
(function(e){function O(e,t){return function(n){return j(e.call(this,n),t)}}function M(e){return function(t){return this.lang().ordinal(e.call(this,t))}}function _(){}function D(e){H(this,e)}function P(e){var t=this._data={},n=e.years||e.year||e.y||0,r=e.months||e.month||e.M||0,i=e.weeks||e.week||e.w||0,s=e.days||e.day||e.d||0,o=e.hours||e.hour||e.h||0,u=e.minutes||e.minute||e.m||0,a=e.seconds||e.second||e.s||0,f=e.milliseconds||e.millisecond||e.ms||0;this._milliseconds=f+a*1e3+u*6e4+o*36e5,this._days=s+i*7,this._months=r+n*12,t.milliseconds=f%1e3,a+=B(f/1e3),t.seconds=a%60,u+=B(a/60),t.minutes=u%60,o+=B(u/60),t.hours=o%24,s+=B(o/24),s+=i*7,t.days=s%30,r+=B(s/30),t.months=r%12,n+=B(r/12),t.years=n}function H(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n]);return e}function B(e){return e<0?Math.ceil(e):Math.floor(e)}function j(e,t){var n=e+"";while(n.length<t)n="0"+n;return n}function F(e,t,n){var r=t._milliseconds,i=t._days,s=t._months,o;r&&e._d.setTime(+e+r*n),i&&e.date(e.date()+i*n),s&&(o=e.date(),e.date(1).month(e.month()+s*n).date(Math.min(o,e.daysInMonth())))}function I(e){return Object.prototype.toString.call(e)==="[object Array]"}function q(e,t){var n=Math.min(e.length,t.length),r=Math.abs(e.length-t.length),i=0,s;for(s=0;s<n;s++)~~e[s]!==~~t[s]&&i++;return i+r}function R(e,t){return t.abbr=e,s[e]||(s[e]=new _),s[e].set(t),s[e]}function U(e){return e?(!s[e]&&o&&require("./lang/"+e),s[e]):t.fn._lang}function z(e){return e.match(/\[.*\]/)?e.replace(/^\[|\]$/g,""):e.replace(/\\/g,"")}function W(e){var t=e.match(a),n,r;for(n=0,r=t.length;n<r;n++)A[t[n]]?t[n]=A[t[n]]:t[n]=z(t[n]);return function(i){var s="";for(n=0;n<r;n++)s+=typeof t[n].call=="function"?t[n].call(i,e):t[n];return s}}function X(e,t){function r(t){return e.lang().longDateFormat(t)||t}var n=5;while(n--&&f.test(t))t=t.replace(f,r);return C[t]||(C[t]=W(t)),C[t](e)}function V(e){switch(e){case"DDDD":return p;case"YYYY":return d;case"YYYYY":return v;case"S":case"SS":case"SSS":case"DDD":return h;case"MMM":case"MMMM":case"dd":case"ddd":case"dddd":case"a":case"A":return m;case"X":return b;case"Z":case"ZZ":return g;case"T":return y;case"MM":case"DD":case"YY":case"HH":case"hh":case"mm":case"ss":case"M":case"D":case"d":case"H":case"h":case"m":case"s":return c;default:return new RegExp(e.replace("\\",""))}}function $(e,t,n){var r,i,s=n._a;switch(e){case"M":case"MM":s[1]=t==null?0:~~t-1;break;case"MMM":case"MMMM":r=U(n._l).monthsParse(t),r!=null?s[1]=r:n._isValid=!1;break;case"D":case"DD":case"DDD":case"DDDD":t!=null&&(s[2]=~~t);break;case"YY":s[0]=~~t+(~~t>68?1900:2e3);break;case"YYYY":case"YYYYY":s[0]=~~t;break;case"a":case"A":n._isPm=(t+"").toLowerCase()==="pm";break;case"H":case"HH":case"h":case"hh":s[3]=~~t;break;case"m":case"mm":s[4]=~~t;break;case"s":case"ss":s[5]=~~t;break;case"S":case"SS":case"SSS":s[6]=~~(("0."+t)*1e3);break;case"X":n._d=new Date(parseFloat(t)*1e3);break;case"Z":case"ZZ":n._useUTC=!0,r=(t+"").match(x),r&&r[1]&&(n._tzh=~~r[1]),r&&r[2]&&(n._tzm=~~r[2]),r&&r[0]==="+"&&(n._tzh=-n._tzh,n._tzm=-n._tzm)}t==null&&(n._isValid=!1)}function J(e){var t,n,r=[];if(e._d)return;for(t=0;t<7;t++)e._a[t]=r[t]=e._a[t]==null?t===2?1:0:e._a[t];r[3]+=e._tzh||0,r[4]+=e._tzm||0,n=new Date(0),e._useUTC?(n.setUTCFullYear(r[0],r[1],r[2]),n.setUTCHours(r[3],r[4],r[5],r[6])):(n.setFullYear(r[0],r[1],r[2]),n.setHours(r[3],r[4],r[5],r[6])),e._d=n}function K(e){var t=e._f.match(a),n=e._i,r,i;e._a=[];for(r=0;r<t.length;r++)i=(V(t[r]).exec(n)||[])[0],i&&(n=n.slice(n.indexOf(i)+i.length)),A[t[r]]&&$(t[r],i,e);e._isPm&&e._a[3]<12&&(e._a[3]+=12),e._isPm===!1&&e._a[3]===12&&(e._a[3]=0),J(e)}function Q(e){var t,n,r,i=99,s,o,u;while(e._f.length){t=H({},e),t._f=e._f.pop(),K(t),n=new D(t);if(n.isValid()){r=n;break}u=q(t._a,n.toArray()),u<i&&(i=u,r=n)}H(e,r)}function G(e){var t,n=e._i;if(w.exec(n)){e._f="YYYY-MM-DDT";for(t=0;t<4;t++)if(S[t][1].exec(n)){e._f+=S[t][0];break}g.exec(n)&&(e._f+=" Z"),K(e)}else e._d=new Date(n)}function Y(t){var n=t._i,r=u.exec(n);n===e?t._d=new Date:r?t._d=new Date(+r[1]):typeof n=="string"?G(t):I(n)?(t._a=n.slice(0),J(t)):t._d=n instanceof Date?new Date(+n):new Date(n)}function Z(e,t,n,r,i){return i.relativeTime(t||1,!!n,e,r)}function et(e,t,n){var i=r(Math.abs(e)/1e3),s=r(i/60),o=r(s/60),u=r(o/24),a=r(u/365),f=i<45&&["s",i]||s===1&&["m"]||s<45&&["mm",s]||o===1&&["h"]||o<22&&["hh",o]||u===1&&["d"]||u<=25&&["dd",u]||u<=45&&["M"]||u<345&&["MM",r(u/30)]||a===1&&["y"]||["yy",a];return f[2]=t,f[3]=e>0,f[4]=n,Z.apply({},f)}function tt(e,n,r){var i=r-n,s=r-e.day();return s>i&&(s-=7),s<i-7&&(s+=7),Math.ceil(t(e).add("d",s).dayOfYear()/7)}function nt(e){var n=e._i,r=e._f;return n===null||n===""?null:(typeof n=="string"&&(e._i=n=U().preparse(n)),t.isMoment(n)?(e=H({},n),e._d=new Date(+n._d)):r?I(r)?Q(e):K(e):Y(e),new D(e))}function rt(e,n){t.fn[e]=t.fn[e+"s"]=function(e){var t=this._isUTC?"UTC":"";return e!=null?(this._d["set"+t+n](e),this):this._d["get"+t+n]()}}function it(e){t.duration.fn[e]=function(){return this._data[e]}}function st(e,n){Line truncated
|
||||
@@ -0,0 +1,2 @@
|
||||
/*! skrollr 0.5.14 (2013-04-04) | Alexander Prinzhorn - https://github.com/Prinzhorn/skrollr | Free to use under terms of MIT license */
|
||||
(function(o,e){var t=/hsla?\(\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)%\s*,\s*(-?[\d.]+)%.*?\)/g,r=/rgba?\(\s*(-?[\d.]+%?)\s*,\s*(-?[\d.]+%?)\s*,\s*(-?[\d.]+%?).*?\)/g,n=/^#[^\s]+$/,l=e.setStyle;e.setStyle=function(o,e,n){l.apply(this,arguments);var a,i=o.style;if("opacity"===e)return i.zoom=1,n>=1&&i.removeAttribute?i.removeAttribute("filter"):i.filter="alpha(opacity="+100*n+")",void 0;if(n.indexOf("hsl")>-1&&(a=!1,n=n.replace(t,function(o,e,t,r){return a=!0,s.hsl(parseFloat(e),parseFloat(t),parseFloat(r))}),a))try{i[e]=n}catch(c){}else if(n.indexOf("rgb")>-1&&(a=!1,n=n.replace(r,function(o,e,t,r){return a=!0,e=parseFloat(e,10),t=parseFloat(t,10),r=parseFloat(r,10),o.indexOf("%")>-1&&(e=255*(e/100),t=255*(t/100),r=255*(r/100)),s.rgb(0|e,0|t,0|r)}),a))try{i[e]=n}catch(c){}else;};var s={hsl:function(o,e,t,r){return o%=360,o/=60,t/=100,e=[t+=e*=(.5>t?t:1-t)/100,t-2*o%1*e,t-=e*=2,t,t+o%1*e,t+e],r=[e[~~o%6],e[(16|o)%6],e[(8|o)%6]],s.rgb(parseInt(255*r[0],10),parseInt(255*r[1],10),parseInt(255*r[2],10))},rgb:function(o,e,t){return"#"+((256+o<<8|e)<<8|t).toString(16).slice(1)}};o.querySelector=o.querySelector||function(e){if(!n.test(e))throw'Unsupported selector "'+e+'". The querySelector polyfill only works for IDs.';return o.getElementById(e.substr(1))}})(document,window.skrollr);
|
||||
@@ -0,0 +1,2 @@
|
||||
/*! skrollr 0.5.14 (2013-04-04) | Alexander Prinzhorn - https://github.com/Prinzhorn/skrollr | Free to use under terms of MIT license */
|
||||
(function(o,e){var t=500,r="sqrt",n="data-menu-top",l=function(e){return"A"===e.tagName?e:e===o?!1:l(e.parentNode)},a=function(e){var t=l(e.target);if(t){var r=t.getAttribute("href");if(0===r.indexOf("#")){var a;if(t.hasAttribute(n))a=+t.getAttribute(n);else{var u=o.getElementById(r.substr(1));if(!u)return;a=s.relativeToAbsolute(u,"top","top")}p?s.animateTo(a,{duration:c,easing:i}):s.setScrollTop(a),e.preventDefault()}}};e.menu={},e.menu.init=function(n,l){s=n,l=l||{},c=l.duration||t,i=l.easing||r,p=l.animate!==!1,e.addEvent(o,"click",a)};var s,i,c,p;window.setTimeout(function(){location.hash&&window.scrollTo(0,0)},1)})(document,window.skrollr);
|
||||
@@ -0,0 +1,2 @@
|
||||
/*! skrollr 0.5.14 (2013-04-04) | Alexander Prinzhorn - https://github.com/Prinzhorn/skrollr | Free to use under terms of MIT license */
|
||||
(function(e,t,r){"use strict";function n(r){if(o=t.documentElement,a=t.body,O(),j=this,r=r||{},K=r.constants||{},r.easing)for(var n in r.easing)V[n]=r.easing[n];if(Y={beforerender:r.beforerender,render:r.render},J=r.forceHeight!==!1,X=r.smoothScrolling!==!1,Z={targetTop:j.getScrollTop()},J&&(ct=r.scale||1),ot(o,[u],[p]),J){var i=t.getElementById("skrollr-body")||t.createElement("div"),s=i.style;s.minWidth="1px",s.position="absolute",s.top=s.zIndex="0",i.id||(s.width="1px",s.right="0",a.appendChild(i)),function(e){tt=function(){e.apply(this,arguments),s.height=ft+o.clientHeight+"px"}}(tt)}return j.refresh(),l.addEvent(e,"resize",tt),function f(){S(f),N()}(),j}var o,a,l=e.skrollr={get:function(){return j},init:function(e){return j||new n(e)},VERSION:"0.5.14"},i=Object.prototype.hasOwnProperty,s="rendered",f="un"+s,c="skrollable",u="skrollr",p="no-"+u,m="linear",d=1e3,g=200,h="start",v="end",T="center",y="bottom",b="___has_rendered_class",k="___skrollable_id",S=e.requestAnimationFrame;(function(){var t,r=["ms","moz","webkit","o"];for(t=0;r.length>t&&!S;t++)S=e[r[t]+"RequestAnimationFrame"];var n=0;S||(S=function(t){var r=it(),o=Math.max(0,30-(r-n));e.setTimeout(function(){t(r+o)},o),n=r+o})})();var w,x,E=/^\s+|\s+$/g,F=/^data(?:-(_\w+))?(?:-?(-?\d+))?(?:-?(start|end|top|center|bottom))?(?:-?(top|center|bottom))?$/,z=/\s*([a-z\-\[\]]+)\s*:\s*(.+?)\s*(?:;|$)/gi,A=/^([a-z\-]+)\[(\w+)\]$/,M=/-([a-z])/g,_=function(e,t){return t.toUpperCase()},D=/[\-+]?[\d]*\.?[\d]+/g,H=/\{\?\}/g,C=/rgba?\(\s*-?\d+\s*,\s*-?\d+\s*,\s*-?\d+/g,I=/[a-z\-]+-gradient/g,O=function(){var t=/^(?:O|Moz|webkit|ms)|(?:-(?:o|moz|webkit|ms)-)/;if(e.getComputedStyle){var r=e.getComputedStyle(a,null);for(var n in r)if(w=n.match(t)||+n==n&&r[n].match(t))break;w&&(w=w[0],"-"===w.slice(0,1)?(x=w,w={"-webkit-":"webkit","-moz-":"Moz","-ms-":"ms","-o-":"O"}[w]):x="-"+w.toLowerCase()+"-")}},V={begin:function(){return 0},end:function(){return 1},linear:function(e){return e},quadratic:function(e){return e*e},cubic:function(e){return e*e*e},swing:function(e){return-Math.cos(e*Math.PI)/2+.5},sqrt:function(e){return Math.sqrt(e)},bounce:function(e){var t;if(.5083>=e)t=3;else if(.8489>=e)t=9;else if(.96208>=e)t=27;else{if(!(.99981>=e))return 1;t=91}return 1-Math.abs(3*Math.cos(1.028*e*t)/t)}};n.prototype.refresh=function(e){var n,o=!1;for(e===r?(o=!0,W=[],dt=0,e=t.getElementsByTagName("*")):e=[].concat(e),n=0;e.length>n;n++){var a=e[n],l=a,i=[],u=X;if(a.attributes){for(var p=0;a.attributes.length>p;p++){var m=a.attributes[p];if("data-anchor-target"!==m.name)if("data-smooth-scrolling"!==m.name){var d=m.name.match(F);if(null!==d){var g=d[1];g=g&&K[g.substr(1)]||0;var T=(0|d[2])+g,y=d[3],S=d[4]||y,w={offset:T,props:m.value,element:a};i.push(w),y&&y!==h&&y!==v?(w.mode="relative",w.anchors=[y,S]):(w.mode="absolute",y===v?w.isEnd=!0:(w.frame=T*ct,delete w.offset))}}else u="off"!==m.value;else if(l=t.querySelector(m.value),null===l)throw'Unable to find anchor target "'+m.value+'"'}if(i.length){var x,E,z;!o&&k in a?(z=a[k],x=W[z].styleAttr,E=W[z].classAttr):(z=a[k]=dt++,x=a.style.cssText,E=nt(a));var A=W[z]={element:a,styleAttr:x,classAttr:E,anchorTarget:l,keyFrames:i,smoothScrolling:u};ot(a,[c,s],[f]),A[b]=!0}}}for(tt(),n=0;e.length>n;n++){var M=W[e[n][k]];M!==r&&(M.keyFrames.sort(st),$(M),L(M))}return j},n.prototype.relativeToAbsolute=function(e,t,r){var n=o.clientHeight,a=e.getBoundingClientRect(),l=a.top,i=a.bottom-a.top;return t===y?l-=n:t===T&&(l-=n/2),r===y?l+=i:r===T&&(l+=i/2),l+=j.getScrollTop(),0|l+.5},n.prototype.animateTo=function(e,t){t=t||{};var n=it(),o=j.getScrollTop();return Q={startTop:o,topDiff:e-o,targetTop:e,duration:t.duration||d,startTime:n,endTime:n+(t.duration||d),easing:V[t.easing||m],done:t.done},Q.topDiff||(Q.done&&Q.done.call(j,!1),Q=r),j},n.prototype.stopAnimateTo=function(){Q&&Q.done&&Q.done.call(j,!0),Q=r},n.prototype.isAnimatingTo=function(){return!!Q},n.prototype.setScrollTop=function(t,r){return r===!0&&(pt=t,et=!0),l.iscroll?l.iscroll.scrollTo(0,-t):e.scrollTo(0,t),j},n.prototype.getScrollTop=function(){return l.iscroll?-l.iscroll.y:e.pageYOffset||o.scrollTop||a.scrollTop||0},n.prototype.on=function(e,t){return Y[e]=t,j},n.prototype.off=function(e){return delete Y[e],j};var q=function(){var e,t,r,n,o,a,l,i,s;for(a=0;W.length>a;a++)for(e=W[a],t=e.element,r=e.anchorTarget,n=e.keyFrames,l=0;n.length>l;l++)o=n[l],"relative"===o.mode&&(i=t.style.cssText,s=nt(t),t.style.cssText=e.styleAttr,ot(t,e.classAttr),o.frame=j.relativeToAbsolute(r,o.anchors[0],o.anchors[1])-o.offset,t.style.cssText=i,ot(t,s)),J&&!o.isEnd&&o.frame>ft&&(ft=o.frame);for(ft=Math.max(ft,rt()),a=0;W.length>a;a++)for(e=W[a],n=e.keyFrames,l=0;n.length>l;l++)o=n[l],o.isEnd&&(o.frame=ft-o.offset)},G=function(e,t){for(var r=0;W.length>r;r++){var n,o,a=W[r],c=a.smoothScrolling?e:t,u=a.keyFrames,p=u[0].frame,m=u[u.length-1].frame,d=p>=c,g=c>=m;if(d||g){var h=u[d?0:u.length-1].props;for(n in h)i.call(h,n)&&(o=P(h[n].value),l.setStyle(a.element,n,o));a[b]&&(p>c||c>m)&&(ot(a.elemeLine truncated
|
||||
@@ -0,0 +1,4 @@
|
||||
/*! skrollr 0.5.14 (2013-04-04) | Alexander Prinzhorn - https://github.com/Prinzhorn/skrollr | Free to use under terms of MIT license */
|
||||
/*! contains iScroll */
|
||||
/*! iScroll v4.2.4 ~ Copyright (c) 2012 Matteo Spinelli, http://cubiq.org Released under MIT license, http://cubiq.org/license */
|
||||
(function(o,e){function t(o){return""===l?o:(o=o.charAt(0).toUpperCase()+o.substr(1),l+o)}var r=Math,n=e.createElement("div").style,l=function(){for(var o,e="t,webkitT,MozT,msT,OT".split(","),t=0,r=e.length;r>t;t++)if(o=e[t]+"ransform",o in n)return e[t].substr(0,e[t].length-1);return!1}(),s=l?"-"+l.toLowerCase()+"-":"",a=t("transform"),i=t("transitionProperty"),c=t("transitionDuration"),p=t("transformOrigin"),u=t("transitionTimingFunction"),m=t("transitionDelay"),h=/android/gi.test(navigator.appVersion),d=/iphone|ipad/gi.test(navigator.appVersion),f=/hp-tablet/gi.test(navigator.appVersion),S=t("perspective")in n,b="ontouchstart"in o&&!f,g=l!==!1,x=t("transition")in n,v="onorientationchange"in o?"orientationchange":"resize",y=b?"touchstart":"mousedown",T=b?"touchmove":"mousemove",Y=b?"touchend":"mouseup",w=b?"touchcancel":"mouseup",X=function(){if(l===!1)return!1;var o={"":"transitionend",webkit:"webkitTransitionEnd",Moz:"transitionend",O:"otransitionend",ms:"MSTransitionEnd"};return o[l]}(),_=function(){return o.requestAnimationFrame||o.webkitRequestAnimationFrame||o.mozRequestAnimationFrame||o.oRequestAnimationFrame||o.msRequestAnimationFrame||function(o){return setTimeout(o,1)}}(),z=function(){return o.cancelRequestAnimationFrame||o.webkitCancelAnimationFrame||o.webkitCancelRequestAnimationFrame||o.mozCancelRequestAnimationFrame||o.oCancelRequestAnimationFrame||o.msCancelRequestAnimationFrame||clearTimeout}(),M=S?" translateZ(0)":"",E=function(t,r){var n,l=this;l.wrapper="object"==typeof t?t:e.getElementById(t),l.wrapper.style.overflow="hidden",l.scroller=l.wrapper.children[0],l.options={hScroll:!0,vScroll:!0,x:0,y:0,bounce:!0,bounceLock:!1,momentum:!0,lockDirection:!0,useTransform:!0,useTransition:!1,topOffset:0,checkDOMChanges:!1,handleClick:!0,hScrollbar:!0,vScrollbar:!0,fixedScrollbar:h,hideScrollbar:d,fadeScrollbar:d&&S,scrollbarClass:"",zoom:!1,zoomMin:1,zoomMax:4,doubleTapZoom:2,wheelAction:"scroll",snap:!1,snapThreshold:1,onRefresh:null,onBeforeScrollStart:function(o){o.preventDefault()},onScrollStart:null,onBeforeScrollMove:null,onScrollMove:null,onBeforeScrollEnd:null,onScrollEnd:null,onTouchEnd:null,onDestroy:null,onZoomStart:null,onZoom:null,onZoomEnd:null};for(n in r)l.options[n]=r[n];l.x=l.options.x,l.y=l.options.y,l.options.useTransform=g&&l.options.useTransform,l.options.hScrollbar=l.options.hScroll&&l.options.hScrollbar,l.options.vScrollbar=l.options.vScroll&&l.options.vScrollbar,l.options.zoom=l.options.useTransform&&l.options.zoom,l.options.useTransition=x&&l.options.useTransition,l.options.zoom&&h&&(M=""),l.scroller.style[i]=l.options.useTransform?s+"transform":"top left",l.scroller.style[c]="0",l.scroller.style[p]="0 0",l.options.useTransition&&(l.scroller.style[u]="cubic-bezier(0.33,0.66,0.66,1)"),l.options.useTransform?l.scroller.style[a]="translate("+l.x+"px,"+l.y+"px)"+M:l.scroller.style.cssText+=";position:absolute;top:"+l.y+"px;left:"+l.x+"px",l.options.useTransition&&(l.options.fixedScrollbar=!0),l.refresh(),l._bind(v,o),l._bind(y),b||"none"!=l.options.wheelAction&&(l._bind("DOMMouseScroll"),l._bind("mousewheel")),l.options.checkDOMChanges&&(l.checkDOMTime=setInterval(function(){l._checkDOMChanges()},500))};E.prototype={enabled:!0,x:0,y:0,steps:[],scale:1,currPageX:0,currPageY:0,pagesX:[],pagesY:[],aniTime:null,wheelZoomCount:0,handleEvent:function(o){var e=this;switch(o.type){case y:if(!b&&0!==o.button)return;e._start(o);break;case T:e._move(o);break;case Y:case w:e._end(o);break;case v:e._resize();break;case"DOMMouseScroll":case"mousewheel":e._wheel(o);break;case X:e._transitionEnd(o)}},_checkDOMChanges:function(){this.moved||this.zoomed||this.animating||this.scrollerW==this.scroller.offsetWidth*this.scale&&this.scrollerH==this.scroller.offsetHeight*this.scale||this.refresh()},_scrollbar:function(o){var t,n=this;return n[o+"Scrollbar"]?(n[o+"ScrollbarWrapper"]||(t=e.createElement("div"),n.options.scrollbarClass?t.className=n.options.scrollbarClass+o.toUpperCase():t.style.cssText="position:absolute;z-index:100;"+("h"==o?"height:7px;bottom:1px;left:2px;right:"+(n.vScrollbar?"7":"2")+"px":"width:7px;bottom:"+(n.hScrollbar?"7":"2")+"px;top:2px;right:1px"),t.style.cssText+=";pointer-events:none;"+s+"transition-property:opacity;"+s+"transition-duration:"+(n.options.fadeScrollbar?"350ms":"0")+";overflow:hidden;opacity:"+(n.options.hideScrollbar?"0":"1"),n.wrapper.appendChild(t),n[o+"ScrollbarWrapper"]=t,t=e.createElement("div"),n.options.scrollbarClass||(t.style.cssText="position:absolute;z-index:100;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.9);"+s+"background-clip:padding-box;"+s+"box-sizing:border-box;"+("h"==o?"height:100%":"width:100%")+";"+s+"border-radius:3px;border-radius:3px"),t.style.cssText+=";pointer-events:none;"+s+"transition-property:"+s+"transform;"+s+"transition-timing-function:cubic-bezier(0.33,0.66,0.66,1);"+s+"transition-duration:0;"+s+"transform: translate(0,0)"+M,n.options.useTransition&&(t.style.cssText+=";"+s+"transition-timing-function:Line truncated
|
||||
@@ -0,0 +1,2 @@
|
||||
/*! skrollr-stylesheets 0.0.2 (2013-04-12) | Alexander Prinzhorn - https://github.com/Prinzhorn/skrollr-stylesheets | Free to use under terms of MIT license */
|
||||
(function(e,t){"use strict";var n,r=[],l=/@-skrollr-keyframes\s+(\w+)/g,s=/\s*\{\s*((?:[^{]+\{[^}]*\}\s*)+?)\s*\}/g,a=/([\w\-]+)\s*\{([^}]+)\}/g,o=/-skrollr-animation-name\s*:\s*(\w+)/g,u=function(t){var n=new XMLHttpRequest;try{n.open("GET",t,!1),n.send(null)}catch(r){e.XDomainRequest&&(n=new XDomainRequest,n.open("GET",t,!1),n.send(null))}return n.responseText},i=function(e){for(var t=0;e.length>t;t++){var l=e[t];if("LINK"===l.tagName){if(null===l.getAttribute("data-skrollr-stylesheet"))continue;n=u(l.href)}else n=l.textContent||l.innerText||l.innerHTML;n&&r.push(n)}r.reverse();for(var s={},a=[],o=0;r.length>o;o++)n=r[o],c(n,s),f(n,a);g(s,a)},c=function(e,t){l.lastIndex=0;for(var n,r,o,u;null!==(n=l.exec(e));)for(s.lastIndex=l.lastIndex,r=s.exec(e),a.lastIndex=0,u=t[n[1]]={};null!==(o=a.exec(r[1]));)u[o[1]]=o[2].replace(/[\n\r\t]/g,"")},f=function(e,t){o.lastIndex=0;for(var n,r,l;null!==(n=o.exec(e));){for(l=o.lastIndex;l--&&"{"!==e.charAt(l););for(r=l;r--&&"}"!==e.charAt(r-1););t.push([e.substring(r,l).replace(/[\n\r\t]/g,""),n[1]])}},g=function(e,n){for(var r,l,s,a,o,u,i,c=0;n.length>c;c++)if(r=t.querySelectorAll(n[c][0])){l=e[n[c][1]];for(s in l)for(a=0;r.length>a;a++)i=r[a],o="data-"+s,u=l[s],i.hasAttribute(o)&&(u+=i.getAttribute(o)),r[a].setAttribute(o,u)}};i(t.querySelectorAll("link, style"))})(window,document);
|
||||
@@ -0,0 +1,12 @@
|
||||
<?php get_header(); ?>
|
||||
<div id="content">
|
||||
<div id="inner-content" class="row">
|
||||
<div id="main" role="main" class="small-8 columns">
|
||||
<?php while (have_posts()) : the_post(); ?>
|
||||
<?php get_template_part( 'content', 'full' ); ?>
|
||||
<?php endwhile; ?>
|
||||
</div> <!-- end #main -->
|
||||
<?php get_sidebar(); ?>
|
||||
</div> <!-- end #inner-content -->
|
||||
</div> <!-- end #content -->
|
||||
<?php get_footer(); ?>
|
||||
@@ -0,0 +1,4 @@
|
||||
# www.robotstxt.org/
|
||||
# www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449
|
||||
|
||||
User-agent: *
|
||||
@@ -0,0 +1,643 @@
|
||||
@import "settings"; // Global Foundation Settings
|
||||
|
||||
@import "foundation/foundation-global"; // *always required
|
||||
@import "foundation/components/global"; // *always required
|
||||
@import "foundation/components/grid";
|
||||
// @import "foundation/components/visibility";
|
||||
@import "foundation/components/block-grid";
|
||||
@import "foundation/components/type";
|
||||
@import "foundation/components/buttons";
|
||||
@import "foundation/components/forms"; // *requires components/buttons
|
||||
// @import "foundation/components/custom-forms"; // *requires components/buttons, components/forms
|
||||
@import "foundation/components/button-groups"; // *requires components/buttons
|
||||
// @import "foundation/components/dropdown-buttons"; // *requires components/buttons
|
||||
// @import "foundation/components/split-buttons"; // *requires components/buttons
|
||||
@import "foundation/components/flex-video";
|
||||
// @import "foundation/components/section";
|
||||
// @import "foundation/components/top-bar"; // *requires components/grid
|
||||
@import "foundation/components/orbit";
|
||||
@import "foundation/components/reveal";
|
||||
// @import "foundation/components/joyride";
|
||||
// @import "foundation/components/clearing";
|
||||
// @import "foundation/components/alert-boxes";
|
||||
// @import "foundation/components/breadcrumbs";
|
||||
// @import "foundation/components/keystrokes";
|
||||
@import "foundation/components/labels";
|
||||
// @import "foundation/components/inline-lists";
|
||||
@import "foundation/components/pagination";
|
||||
// @import "foundation/components/panels";
|
||||
// @import "foundation/components/pricing-tables";
|
||||
// @import "foundation/components/progress-bars";
|
||||
// @import "foundation/components/side-nav";
|
||||
// @import "foundation/components/sub-nav";
|
||||
// @import "foundation/components/switch";
|
||||
// @import "foundation/components/magellan";
|
||||
@import "foundation/components/tables";
|
||||
// @import "foundation/components/thumbs";
|
||||
// @import "foundation/components/tooltips";
|
||||
// @import "foundation/components/dropdown";
|
||||
|
||||
@import "compass/typography/lists/inline-block-list";
|
||||
@import "compass/css3/transform";
|
||||
@import "compass/css3/transition";
|
||||
@import "compass/css3/box-shadow";
|
||||
@import "compass/css3/filter";
|
||||
@import "compass/css3/animation"; // requires compass v0.13, see README.md
|
||||
@import "compass/css3/images";
|
||||
@import "compass/css3/border-radius";
|
||||
|
||||
$multiplied: #00005e; // FIXME: use this instead of transparent water?
|
||||
$punch-color: #000043;
|
||||
|
||||
/* General styles */
|
||||
body {
|
||||
h1,h2,h3,h4 {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
h1 {
|
||||
margin-bottom: 0.3em;
|
||||
}
|
||||
a {
|
||||
@include transition(
|
||||
background-color .15s ease,
|
||||
background-image .15s ease,
|
||||
color .15s ease);
|
||||
|
||||
&:hover {
|
||||
color: $secondary-color;
|
||||
}
|
||||
}
|
||||
span,
|
||||
input[type=submit] {
|
||||
@include transition(
|
||||
background-color .15s ease,
|
||||
color .15s ease);
|
||||
}
|
||||
img {
|
||||
@include transition(opacity .15s ease);
|
||||
}
|
||||
|
||||
}
|
||||
.hide-text {
|
||||
text-indent: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.semi-bold {
|
||||
font-weight: 600;
|
||||
}
|
||||
/* buttons */
|
||||
body {
|
||||
.button {
|
||||
border: 0;
|
||||
@extend .secondary;
|
||||
@include box-shadow(none);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.btn-tiny {
|
||||
$size: 32px;
|
||||
text-align: center;
|
||||
font-size: 1.3em;
|
||||
display: inline-block;
|
||||
color: white;
|
||||
width: $size;
|
||||
height: $size;
|
||||
line-height: $size;
|
||||
|
||||
.icon-twitter {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
.primary {
|
||||
background-color: $primary-color;
|
||||
|
||||
&:hover {
|
||||
color: white;
|
||||
background-color: $secondary-color;
|
||||
}
|
||||
}
|
||||
.secondary {
|
||||
background-color: $secondary-color;
|
||||
|
||||
&:hover {
|
||||
color: white;
|
||||
background-color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Images */
|
||||
.attachment-eight-columns,
|
||||
.attachment-four-columns {
|
||||
width: 100%;
|
||||
}
|
||||
/* more hover stuff */
|
||||
a.colored {
|
||||
display: block;
|
||||
background-color: $secondary-color;
|
||||
|
||||
&.primary {
|
||||
background-color: $primary-color;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:hover img {
|
||||
opacity: .4;
|
||||
}
|
||||
}
|
||||
/* Disco */
|
||||
@include keyframes(disco) {
|
||||
from { background-color: $primary-color; }
|
||||
to { background-color: $secondary-color; }
|
||||
|
||||
}
|
||||
.disco {
|
||||
color: white;
|
||||
background-color: $primary-color;
|
||||
@include animation(disco .5s infinite alternate);
|
||||
|
||||
&.reversed {
|
||||
@include animation(disco .5s .5s infinite alternate);
|
||||
}
|
||||
}
|
||||
|
||||
header.header {
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em;
|
||||
|
||||
.date {
|
||||
color: $primary-color;
|
||||
font-size: 3.4em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
.logo img {
|
||||
position: relative;
|
||||
bottom: -15px;
|
||||
left: 10px;
|
||||
|
||||
&.multiply {
|
||||
position: absolute;
|
||||
left: 372px;
|
||||
bottom: -12px;
|
||||
z-index: 1;
|
||||
|
||||
}
|
||||
}
|
||||
.nav-menu {
|
||||
@include inline-block-list;
|
||||
margin: 0 auto;
|
||||
|
||||
a {
|
||||
background-color: $primary-color;
|
||||
font-size: 1.5em;
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
padding: .7em .805em;
|
||||
color: white;
|
||||
text-transform: uppercase;
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
z-index: 2;
|
||||
background-color: $secondary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.highlight {
|
||||
a {
|
||||
height: 280px;
|
||||
line-height: 1.1;
|
||||
font-size: 2.5em;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
display: block;
|
||||
color: white;
|
||||
background-color: $secondary-color;
|
||||
|
||||
&.highlight-image {
|
||||
@extend .hide-text;
|
||||
background-color: white;
|
||||
background-image: url('../images/fri_villig.png');
|
||||
background-repeat: no-repeat;
|
||||
|
||||
&:hover {
|
||||
background-color: white;
|
||||
background-image: url('../images/fri_villig_hover.png');
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
color: white;
|
||||
background-color: $primary-color;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
padding-top: 30px;
|
||||
&.larger {
|
||||
padding-top: 62px;
|
||||
font-size: 1.6em;
|
||||
}
|
||||
}
|
||||
.number {
|
||||
font-size: 3em;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.separator {
|
||||
height: 2px;
|
||||
background-color: $secondary-color;
|
||||
margin: 2em 0;
|
||||
&.tiny-margin {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.4em;
|
||||
}
|
||||
}
|
||||
article {
|
||||
margin-bottom: 1.5em;
|
||||
|
||||
p {
|
||||
margin-bottom: 0.6em;
|
||||
}
|
||||
|
||||
.article-header {
|
||||
h1 a {
|
||||
color: $secondary-color;
|
||||
background-color: white;
|
||||
|
||||
&:hover {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
h4 a {
|
||||
color: $secondary-color;
|
||||
background-color: white;
|
||||
&:hover { color: $primary-color; }
|
||||
}
|
||||
}
|
||||
.entry-content {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.article-footer {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.moretag {
|
||||
font-weight: bold;
|
||||
}
|
||||
.bluebordered {
|
||||
border-left: 2px solid $primary-color;
|
||||
}
|
||||
.row.row.tweets-and-blog {
|
||||
margin-top: 2em;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
.tweets-image {
|
||||
@extend .hide-text;
|
||||
display: inline-block;
|
||||
width: 291px;
|
||||
height: 114px;
|
||||
background-color: white;
|
||||
background-image: url('../images/tweets.png');
|
||||
background-repeat: no-repeat;
|
||||
|
||||
&:hover {
|
||||
background-color: white;
|
||||
background-image: url('../images/tweets_hover.png');
|
||||
}
|
||||
}
|
||||
.blog-image {
|
||||
@extend .hide-text;
|
||||
display: inline-block;
|
||||
width: 285px;
|
||||
height: 258px;
|
||||
background-color: white;
|
||||
background-image: url('../images/blog.png');
|
||||
background-repeat: no-repeat;
|
||||
|
||||
&:hover {
|
||||
background-color: white;
|
||||
background-image: url('../images/blog_hover.png');
|
||||
}
|
||||
}
|
||||
.instagram-image {
|
||||
@extend .hide-text;
|
||||
display: inline-block;
|
||||
width: 300px;
|
||||
height: 304px;
|
||||
background-color: white;
|
||||
background-image: url('../images/instagram.png');
|
||||
background-repeat: no-repeat;
|
||||
|
||||
&:hover {
|
||||
background-color: white;
|
||||
background-image: url('../images/instagram_hover.png');
|
||||
}
|
||||
}
|
||||
.social-media {
|
||||
font-size: 2em;
|
||||
color: $secondary-color;
|
||||
|
||||
a {
|
||||
font-size: 1.5em;
|
||||
color: $primary-color;
|
||||
padding: 0 0.25em;
|
||||
|
||||
&:hover {
|
||||
color: $secondary-color;
|
||||
}
|
||||
}
|
||||
.icon-twitter {
|
||||
margin-left: 0.25em;
|
||||
}
|
||||
.follow {
|
||||
position: relative;
|
||||
font-size: 0.85em;
|
||||
top: -8px;
|
||||
}
|
||||
}
|
||||
.artists-image {
|
||||
@extend .hide-text;
|
||||
display: inline-block;
|
||||
width: 300px;
|
||||
height: 220px;
|
||||
background-color: white;
|
||||
background-image: url('../images/artists.png');
|
||||
background-repeat: no-repeat;
|
||||
|
||||
&:hover {
|
||||
background-color: white;
|
||||
background-image: url('../images/artists_hover.png');
|
||||
}
|
||||
}
|
||||
.sidebar {
|
||||
.lineup {
|
||||
ul.artists {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
line-height: 1.2;
|
||||
|
||||
a {
|
||||
color: $primary-color;
|
||||
&:hover {
|
||||
color: white;
|
||||
background-color: $secondary-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.headliners {
|
||||
margin-top: 1em;
|
||||
font-size: 2em;
|
||||
|
||||
li:nth-child(even) a {
|
||||
color: $secondary-color;
|
||||
&:hover {
|
||||
color: white;
|
||||
background-color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.flying-megawhale {
|
||||
width: 719px;
|
||||
height: 582px;
|
||||
background-image: url("../images/megawhale_wink.gif");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin: auto;
|
||||
margin-top: 4em;
|
||||
position: relative;
|
||||
top: 50px;
|
||||
z-index: -1;
|
||||
img {
|
||||
position: absolute;
|
||||
right: -20px;
|
||||
top: 0px;
|
||||
width: 190px;
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
min-width: 100%;
|
||||
text-align: center;
|
||||
height: 400px;
|
||||
background-color: $primary-color;
|
||||
#inner-footer {
|
||||
img {
|
||||
margin-top: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.wave {
|
||||
position:fixed;
|
||||
left:0px;
|
||||
bottom:0px;
|
||||
height:30px;
|
||||
width:100%;
|
||||
background-color: $primary-color;
|
||||
}
|
||||
.wavetop {
|
||||
position: relative;
|
||||
bottom: 12px;
|
||||
height: 12px;
|
||||
background-image: url("../images/wave_top.png");
|
||||
background-size: 48px 12px;
|
||||
background-repeat: repeat-x;
|
||||
background-position: 0;
|
||||
width:100%;
|
||||
&.animated {
|
||||
@include animation(move-left 1s infinite linear);
|
||||
}
|
||||
}
|
||||
.row {
|
||||
/* FIXME: responsive */
|
||||
width: 1000px;
|
||||
max-width: 1000px;
|
||||
}
|
||||
/* Template styles */
|
||||
.template-artists {
|
||||
img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.artists {
|
||||
font-size: 1.5em;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
.artist-box {
|
||||
a {
|
||||
color: $primary-color;
|
||||
span {
|
||||
display: block;
|
||||
color: white;
|
||||
background-color: $primary-color;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: white;
|
||||
span {
|
||||
color: white;
|
||||
background-color: $secondary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
/* 404 */
|
||||
.search {
|
||||
.screen-reader-text {
|
||||
display: none;
|
||||
}
|
||||
label,
|
||||
input {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
input {
|
||||
width: 300px;
|
||||
margin: 0 auto;
|
||||
&[type=text]{
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
&[type=submit] {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
padding: 0.5em 0.4em;
|
||||
background-color: $secondary-color;
|
||||
color: white;
|
||||
border: 0;
|
||||
|
||||
&:hover {
|
||||
background-color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Samuel E. Wright - Under the sea */
|
||||
.anda-da-zee {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 5000px;
|
||||
@include background-image(linear-gradient($primary-color, $multiplied));
|
||||
border-bottom: solid 65px $punch-color;
|
||||
.punsjebollen {
|
||||
position: absolute;
|
||||
bottom: -40px;
|
||||
left: 25%;
|
||||
z-index: 1;
|
||||
width: 512px;
|
||||
height: 340px;
|
||||
@include background-image( url('../images/punsjebolle.png'));
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.trail-of-bubbles {
|
||||
position: absolute;
|
||||
top: 475px;
|
||||
left: 50%;
|
||||
|
||||
.bubble {
|
||||
border-color: darken($primary-color, 10%);
|
||||
}
|
||||
|
||||
}
|
||||
.bubble {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
@include border-radius(50% 50%);
|
||||
border: 6px solid $primary-color;
|
||||
|
||||
&.first {
|
||||
left: 80px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-width: 14px;
|
||||
@include animation(fade-move-long 4s infinite);
|
||||
}
|
||||
&.second {
|
||||
left: 150px;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
bottom: 40px;
|
||||
border-width: 10px;
|
||||
@include animation(fade-move-middle 4s .6s infinite);
|
||||
}
|
||||
&.third {
|
||||
left: 100px;
|
||||
@include animation(fade-move 4s 1.4s infinite);
|
||||
}
|
||||
}
|
||||
}
|
||||
/* fade move bubbles */
|
||||
@include keyframes(fade-move) {
|
||||
0% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
bottom: 230px;
|
||||
}
|
||||
|
||||
}
|
||||
@include keyframes(fade-move-middle) {
|
||||
0% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
bottom: 330px;
|
||||
}
|
||||
|
||||
}
|
||||
@include keyframes(fade-move-long) {
|
||||
0% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
bottom: 430px;
|
||||
}
|
||||
|
||||
}
|
||||
/* move left */
|
||||
@include keyframes(move-left) {
|
||||
0% {
|
||||
background-position: 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 48px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,396 @@
|
||||
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
|
||||
|
||||
/* ==========================================================================
|
||||
HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Correct `block` display not defined in IE 8/9.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct `inline-block` display not defined in IE 8/9.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent modern browsers from displaying `audio` without controls.
|
||||
* Remove excess height in iOS 5 devices.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Base
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Set default font family to sans-serif.
|
||||
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
||||
* user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove default margin.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address `outline` inconsistency between Chrome and other browsers.
|
||||
*/
|
||||
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability when focused and also mouse hovered in all browsers.
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Typography
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address variable `h1` font-size and margin within `section` and `article`
|
||||
* contexts in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address differences between Firefox and other browsers.
|
||||
*/
|
||||
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct font family set oddly in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability of pre-formatted text in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
/**
|
||||
* Set consistent quote types.
|
||||
*/
|
||||
|
||||
q {
|
||||
quotes: "\201C" "\201D" "\2018" "\2019";
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent and variable font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove border when inside `a` element in IE 8/9.
|
||||
*/
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct overflow displayed oddly in IE 9.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Figures
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address margin not present in IE 8/9 and Safari 5.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Define consistent border, margin, and padding.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct `color` not being inherited in IE 8/9.
|
||||
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
||||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct font family not being inherited in all browsers.
|
||||
* 2. Correct font size not being inherited in all browsers.
|
||||
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 2 */
|
||||
margin: 0; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
||||
* the UA stylesheet.
|
||||
*/
|
||||
|
||||
button,
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||
* All other form control elements do not inherit `text-transform` values.
|
||||
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
|
||||
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||
* and `video` controls.
|
||||
* 2. Correct inability to style clickable `input` types in iOS.
|
||||
* 3. Improve usability and consistency of cursor style between image-type
|
||||
* `input` and others.
|
||||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"], /* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
cursor: pointer; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Re-set default cursor for disabled elements.
|
||||
*/
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address box sizing set to `content-box` in IE 8/9.
|
||||
* 2. Remove excess padding in IE 8/9.
|
||||
*/
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
||||
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
||||
* (include `-moz` to future-proof).
|
||||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; /* 2 */
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
||||
* on OS X.
|
||||
*/
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and border in Firefox 4+.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove default vertical scrollbar in IE 8/9.
|
||||
* 2. Improve readability and alignment in all browsers.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto; /* 1 */
|
||||
vertical-align: top; /* 2 */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Tables
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove most spacing between table cells.
|
||||
*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
After Width: | Height: | Size: 11 KiB |
@@ -0,0 +1,19 @@
|
||||
<?php get_header(); ?>
|
||||
<div id="content">
|
||||
<div id="inner-content" class="row">
|
||||
<div id="main" role="main" class="small-8 columns">
|
||||
<h1 class="archive-title"><span>Søkeresultat for </span> '<?php echo esc_attr(get_search_query()); ?>'</h1>
|
||||
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
|
||||
<?php get_template_part( 'content' ); ?>
|
||||
<?php endwhile; ?>
|
||||
<nav class="wp-prev-next">
|
||||
<?php posts_nav_link(); ?>
|
||||
</nav>
|
||||
<?php else : ?>
|
||||
<?php get_template_part( 'content', 'notfound' ); ?>
|
||||
<?php endif; ?>
|
||||
</div> <!-- end #main -->
|
||||
<?php get_sidebar(); ?>
|
||||
</div> <!-- end #inner-content -->
|
||||
</div> <!-- end #content -->
|
||||
<?php get_footer(); ?>
|
||||
@@ -0,0 +1,30 @@
|
||||
<div id="sidebar1" class="sidebar small-4 columns" role="complementary">
|
||||
<div class="lineup">
|
||||
<a href="/artister/" class="artists-image">Artister</a>
|
||||
<ul class="artists headliners">
|
||||
<?php
|
||||
/* Print our custom post type */
|
||||
$query = new WP_Query( array ( 'post_type' => 'artist', 'tag' => 'headliner' ) );
|
||||
while ( $query->have_posts() ):
|
||||
$query->the_post();
|
||||
echo '<li><a href="'.get_permalink().'">' . get_the_title() . '</a></li>';
|
||||
endwhile;
|
||||
wp_reset_postdata();
|
||||
?>
|
||||
</ul>
|
||||
<ul class="artists">
|
||||
<?php
|
||||
/* exclude all the headliners */
|
||||
$headline_tag_id = get_term_by( 'slug', 'headliner', 'post_tag')->term_id;
|
||||
$query = new WP_Query(array(
|
||||
'post_type' => 'artist',
|
||||
'tag__not_in' => array($headline_tag_id)));
|
||||
while ( $query->have_posts() ):
|
||||
$query->the_post();
|
||||
echo '<li><a href="'.get_permalink().'">' . get_the_title() . '</a></li>';
|
||||
endwhile;
|
||||
wp_reset_postdata();
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,7 @@
|
||||
/******************************************************************
|
||||
Theme Name: Studio 2013 Pink
|
||||
Theme URI: http://kak.neuf.no
|
||||
Description: Tema for Studiofestivalen 2013, rosa versjon
|
||||
Author: Jenny Jordahl, Nikolai Kristiansen & Jon Arne Berg
|
||||
Author URI: http://kak.neuf.no
|
||||
Version: 1.0
|
||||
@@ -0,0 +1,34 @@
|
||||
<?php
|
||||
/*
|
||||
Template Name: Artists page
|
||||
*/
|
||||
?>
|
||||
<?php get_header(); ?>
|
||||
<div id="content" class="template-artists">
|
||||
<div id="inner-content" class="row">
|
||||
<div id="main" role="main" class="small-12 columns">
|
||||
|
||||
<article id="post-<?php the_ID(); ?>" role="article">
|
||||
<header class="article-header row">
|
||||
<div class="small-12 columns">
|
||||
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
|
||||
</div>
|
||||
</header> <!-- end article header -->
|
||||
<section class="entry-content">
|
||||
<?php the_content(); ?>
|
||||
<ul class="artists headliners small-block-grid-4">
|
||||
<?php
|
||||
/* Print our custom post type */
|
||||
$query = new WP_Query( array ( 'post_type' => 'artist', 'orderby' => 'title', 'order' => 'asc') );
|
||||
while ( $query->have_posts() ):
|
||||
$query->the_post(); ?><li class="artist-box"><a href="<?php the_permalink();?>" class="colored primary"><?php the_post_thumbnail('artist-thumb');?><span><?php the_title(); ?></span></a></li><?php endwhile;
|
||||
wp_reset_postdata();?>
|
||||
</ul>
|
||||
</section> <!-- end article section -->
|
||||
<footer class="article-footer">
|
||||
</footer> <!-- end article footer -->
|
||||
</article> <!-- end article -->
|
||||
</div> <!-- end #main -->
|
||||
</div> <!-- end #inner-content -->
|
||||
</div> <!-- end #content -->
|
||||
<?php get_footer();?>
|
||||