Last active
March 16, 2017 01:37
-
-
Save JacobHsu/72399f6a47a91bd293356a6a7adba2cf to your computer and use it in GitHub Desktop.
jQuery .on // source https://jsbin.com/dovuquk
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style id="jsbin-css"> | |
| /* line 5, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, em, img, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, output, section, time, mark, audio, video { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| font-size: 100%; | |
| font: inherit; | |
| vertical-align: baseline; | |
| } | |
| /* line 13, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { | |
| display: block; | |
| } | |
| /* line 16, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| li { | |
| list-style: none; | |
| } | |
| /* line 19, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| blockquote { | |
| quotes: none; | |
| } | |
| /* line 21, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| blockquote:before, blockquote:after { | |
| content: ""; | |
| content: none; | |
| } | |
| /* line 26, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| @font-face { | |
| font-family: "KlavikaWeb"; | |
| src: url(//d3n3e0roqdrhcc.cloudfront.net/assets/KlavikaWebBasicRegular-856f3e14904bb5d664d4f11ea1a3251a.woff) format("woff"); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| @font-face { | |
| font-family: "KlavikaWeb"; | |
| src: url(//d3n3e0roqdrhcc.cloudfront.net/assets/KlavikaWebBasicBold-a99c9ab0c113214d69c24eed51a755ca.woff) format("woff"); | |
| font-weight: bold; | |
| font-style: normal; | |
| } | |
| @font-face { | |
| font-family: "KlavikaWeb"; | |
| src: url(//d3n3e0roqdrhcc.cloudfront.net/assets/KlavikaWebBasicRegularItalic-798fb44a2ea7b7bb00b00e141bee6e34.woff) format("woff"); | |
| font-weight: normal; | |
| font-style: italic; | |
| } | |
| /* line 62, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| .split, .sorting, | |
| .filters, | |
| #filters { | |
| zoom: 1; | |
| } | |
| /* line 64, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| .split:before, .sorting:before, | |
| .filters:before, | |
| #filters:before, .split:after, .sorting:after, | |
| .filters:after, | |
| #filters:after { | |
| content: ""; | |
| display: table; | |
| } | |
| /* line 68, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| .split:after, .sorting:after, | |
| .filters:after, | |
| #filters:after { | |
| clear: both; | |
| } | |
| @-webkit-keyframes load { | |
| /* line 79, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| width: 0%; | |
| } | |
| /* line 81, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| width: 100%; | |
| } | |
| } | |
| @-moz-keyframes load { | |
| /* line 84, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| width: 0%; | |
| } | |
| /* line 86, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| width: 100%; | |
| } | |
| } | |
| @keyframes load { | |
| /* line 89, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| width: 0%; | |
| } | |
| /* line 91, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| width: 100%; | |
| } | |
| } | |
| @-webkit-keyframes spin { | |
| /* line 95, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| -webkit-transform: rotate(0deg); | |
| -moz-transform: rotate(0deg); | |
| -ms-transform: rotate(0deg); | |
| -o-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| /* line 97, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| -webkit-transform: rotate(360deg); | |
| -moz-transform: rotate(360deg); | |
| -ms-transform: rotate(360deg); | |
| -o-transform: rotate(360deg); | |
| transform: rotate(360deg); | |
| } | |
| } | |
| @-moz-keyframes spin { | |
| /* line 101, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| -webkit-transform: rotate(0deg); | |
| -moz-transform: rotate(0deg); | |
| -ms-transform: rotate(0deg); | |
| -o-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| /* line 103, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| -webkit-transform: rotate(360deg); | |
| -moz-transform: rotate(360deg); | |
| -ms-transform: rotate(360deg); | |
| -o-transform: rotate(360deg); | |
| transform: rotate(360deg); | |
| } | |
| } | |
| @keyframes spin { | |
| /* line 107, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| -webkit-transform: rotate(0deg); | |
| -moz-transform: rotate(0deg); | |
| -ms-transform: rotate(0deg); | |
| -o-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| /* line 109, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| -webkit-transform: rotate(360deg); | |
| -moz-transform: rotate(360deg); | |
| -ms-transform: rotate(360deg); | |
| -o-transform: rotate(360deg); | |
| transform: rotate(360deg); | |
| } | |
| } | |
| @-webkit-keyframes pulse { | |
| /* line 115, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| opacity: 1; | |
| } | |
| /* line 117, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| opacity: 0.25; | |
| } | |
| } | |
| @-moz-keyframes pulse { | |
| /* line 120, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| opacity: 1; | |
| } | |
| /* line 122, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| opacity: 0.25; | |
| } | |
| } | |
| @-o-keyframes pulse { | |
| /* line 125, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| opacity: 1; | |
| } | |
| /* line 127, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| opacity: 0.25; | |
| } | |
| } | |
| @keyframes pulse { | |
| /* line 130, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| opacity: 1; | |
| } | |
| /* line 132, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| opacity: 0.25; | |
| } | |
| } | |
| /* line 5, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| html { | |
| background: url(//d3n3e0roqdrhcc.cloudfront.net/assets/bg-html-915211d8095672e2b45fe4718bd20fca.png) center 300px no-repeat #252b30; | |
| background-size: 111px 82px; | |
| } | |
| /* line 8, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| html.iframe { | |
| background: none; | |
| } | |
| /* line 61, ../../../../.gem/ruby/1.9.3/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */ | |
| * html { | |
| font-size: 112.5%; | |
| } | |
| /* line 64, ../../../../.gem/ruby/1.9.3/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */ | |
| html { | |
| font-size: 18px; | |
| line-height: 1.33333em; | |
| } | |
| /* line 13, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| body { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 31px; | |
| right: 0; | |
| background: #343b42; | |
| color: white; | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| min-width: 650px; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| /* line 20, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| body.iframe { | |
| background: none; | |
| left: 20px; | |
| right: 20px; | |
| } | |
| @media screen and (min-width: 800px) { | |
| /* line 25, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| body.is-expanded { | |
| left: 250px; | |
| } | |
| } | |
| /* line 30, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h1, h2, h3, h4 { | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| font-weight: bold; | |
| } | |
| /* line 34, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h1 { | |
| font-size: 3.61111em; | |
| line-height: 1.10769em; | |
| margin-top: 0.36923em; | |
| margin-bottom: 0.36923em; | |
| color: white; | |
| padding: 0 24px; | |
| } | |
| /* line 41, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h2 { | |
| font-size: 2.22222em; | |
| line-height: 1.2em; | |
| margin-bottom: 0.096em; | |
| -webkit-transition: background 0.2s 0.2s; | |
| -webkit-transition-delay: ease-in-out; | |
| -moz-transition: background 0.2s 0.2s ease-in-out; | |
| -o-transition: background 0.2s 0.2s ease-in-out; | |
| transition: background 0.2s 0.2s ease-in-out; | |
| } | |
| /* line 45, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h2 b { | |
| color: white; | |
| } | |
| /* line 48, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h3 { | |
| font-size: 1.11111em; | |
| line-height: 1.2em; | |
| } | |
| /* line 51, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h4 { | |
| font-size: 0.77778em; | |
| line-height: 1.71429em; | |
| color: white; | |
| } | |
| /* line 55, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| p { | |
| margin-bottom: 1.06667em; | |
| } | |
| /* line 58, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| pre { | |
| padding-top: 1.33333em; | |
| padding-bottom: 1.33333em; | |
| margin-bottom: 1.33333em; | |
| -webkit-transition: border-color 0.2s ease-in-out; | |
| -moz-transition: border-color 0.2s ease-in-out; | |
| -o-transition: border-color 0.2s ease-in-out; | |
| transition: border-color 0.2s ease-in-out; | |
| background: #e4dfdb; | |
| background: rgba(196, 65, 23, 0.35); | |
| border-color: #c44117; | |
| overflow-x: auto; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| /* line 69, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| pre code { | |
| background: none; | |
| color: white; | |
| padding: 0; | |
| } | |
| /* line 74, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| img { | |
| max-width: 100%; | |
| } | |
| /* line 79, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| a { | |
| color: #a0cafe; | |
| text-decoration: none; | |
| } | |
| /* line 82, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| a:hover, a:focus { | |
| text-decoration: underline; | |
| } | |
| /* line 93, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| code { | |
| font-size: 0.83333em; | |
| line-height: 1.6em; | |
| font-family: Monaco, Courier, monospace; | |
| padding: 0 3px; | |
| } | |
| /* line 98, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .docs { | |
| background: #252b30; | |
| color: #a0cafe; | |
| cursor: pointer; | |
| padding: 2px 4px; | |
| position: relative; | |
| } | |
| /* line 105, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .docs:hover { | |
| color: white; | |
| } | |
| /* line 107, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .docs:after { | |
| content: url(//d3n3e0roqdrhcc.cloudfront.net/assets/icn-link-f9744ae5a55101dcba73a424ffa97fd1.png); | |
| left: 2px; | |
| margin-right: 2px; | |
| position: relative; | |
| top: -5px; | |
| } | |
| /* line 114, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| em { | |
| font-style: italic; | |
| } | |
| /* line 117, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| strong { | |
| font-weight: bold; | |
| } | |
| /* line 120, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| ::selection { | |
| background: #a0cafe; | |
| color: white; | |
| } | |
| /* line 124, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| ::-moz-selection { | |
| background: #a0cafe; | |
| color: white; | |
| } | |
| /* line 130, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .course { | |
| background: url(//d3n3e0roqdrhcc.cloudfront.net/assets/bg-body-e1bd71c8db06545b3f76eb77f49596c9.jpg) center top; | |
| color: white; | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| min-height: 100%; | |
| } | |
| /* line 138, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .split { | |
| padding-top: 2em; | |
| border-top: 1px solid rgba(148, 163, 172, 0.3); | |
| } | |
| /* line 143, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .split-a, | |
| .split-b { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| float: left; | |
| width: 45%; | |
| } | |
| /* line 149, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .split-a { | |
| margin-right: 10%; | |
| } | |
| /* line 154, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .btn { | |
| background: #4cb64f; | |
| border: 1px solid #081f09; | |
| color: black; | |
| cursor: pointer; | |
| display: block; | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| font-size: 1.25em; | |
| font-weight: bold; | |
| line-height: 1; | |
| padding: 0.5em 24px 0.5em 24px; | |
| text-align: center; | |
| text-transform: uppercase; | |
| } | |
| /* line 167, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .btn:hover, .btn:focus { | |
| background: #70c573; | |
| text-decoration: none; | |
| } | |
| /* line 174, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .tsm { | |
| font-size: 1.66667em; | |
| line-height: 1.6em; | |
| } | |
| /* line 4, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| iframe { | |
| height: 70px; | |
| } | |
| /* line 11, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #exercise-110 .rendered iframe, | |
| .lab-2 .rendered iframe, | |
| .lab-3 .rendered iframe { | |
| height: 200px; | |
| } | |
| /* line 15, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe h1 { | |
| font-size: 1.33333em; | |
| line-height: 1.5em; | |
| margin-top: 0em; | |
| padding: 0; | |
| } | |
| /* line 19, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe h2 { | |
| font-size: 1em; | |
| line-height: 1.33333em; | |
| position: relative; | |
| top: 2px; | |
| } | |
| /* line 23, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe h3 { | |
| font-size: 0.88889em; | |
| line-height: 1.5em; | |
| } | |
| /* line 25, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe p { | |
| font-size: 0.77778em; | |
| line-height: 1.71429em; | |
| } | |
| /* line 27, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe button { | |
| font-size: 1em; | |
| line-height: 1.33333em; | |
| margin-top: 0.4em; | |
| margin-bottom: 0.4em; | |
| background: #4cb64f; | |
| border: 1px solid #081f09; | |
| color: black; | |
| cursor: pointer; | |
| display: block; | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| font-weight: bold; | |
| line-height: 1; | |
| padding: 5px 24px 3px 24px; | |
| text-transform: uppercase; | |
| width: 100%; | |
| } | |
| /* line 42, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe button:hover, .iframe button:focus { | |
| background: #70c573; | |
| text-decoration: none; | |
| } | |
| /* line 47, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe li span { | |
| font-size: 0.66667em; | |
| line-height: 2em; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| /* line 47, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe li span { | |
| font-size: 0.77778em; | |
| line-height: 1.71429em; | |
| } | |
| } | |
| /* line 51, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe .details { | |
| font-size: 0.88889em; | |
| line-height: 1.5em; | |
| background: #82add8; | |
| border: 1px solid #191d20; | |
| bottom: 0.5em; | |
| color: #191d20; | |
| display: block; | |
| font-weight: bold; | |
| left: 0.5em; | |
| padding: 3px 0; | |
| right: 0.5em; | |
| text-align: center; | |
| } | |
| /* line 66, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations, | |
| #tours { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-top: 1.33333em; | |
| } | |
| /* line 70, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations:after, | |
| #tours:after { | |
| content: "."; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden; | |
| } | |
| /* line 77, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations > li, | |
| #tours > li, | |
| #tours > ul > li, | |
| #all-tours ul li { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| background: rgba(37, 43, 48, 0.5); | |
| float: left; | |
| min-height: 6em; | |
| padding: 0.5em; | |
| position: relative; | |
| vertical-align: top; | |
| width: 22.75%; | |
| } | |
| /* line 89, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations > li h2, | |
| #tours > li h2, | |
| #tours > ul > li h2, | |
| #all-tours ul li h2 { | |
| margin-bottom: 0.66667em; | |
| } | |
| /* line 91, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations > li + li, | |
| #tours > li + li, | |
| #tours > ul > li + li, | |
| #all-tours ul li + li { | |
| margin-left: 3%; | |
| } | |
| /* line 93, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations > li.highlight, | |
| #tours > li.highlight, | |
| #tours > ul > li.highlight, | |
| #all-tours ul li.highlight { | |
| background: rgba(88, 95, 99, 0.5); | |
| } | |
| /* line 95, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote { | |
| margin-right: -42px; | |
| position: absolute; | |
| right: 50%; | |
| top: 37px; | |
| } | |
| /* line 100, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote li { | |
| background: #3b454d; | |
| display: inline-block; | |
| min-height: 0; | |
| overflow: hidden; | |
| margin: 0 5px; | |
| } | |
| /* line 106, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote a { | |
| color: #4cb64f; | |
| padding: 4px 10px; | |
| } | |
| /* line 109, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote.highlight { | |
| background-color: #999999; | |
| } | |
| /* line 111, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote.highlight { | |
| background: #252b30; | |
| } | |
| /* line 113, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote + li { | |
| margin-left: 5%; | |
| } | |
| @media screen and (min-width: 1170px) { | |
| /* line 95, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote { | |
| margin-right: 0; | |
| top: 10px; | |
| right: 3px; | |
| } | |
| } | |
| /* line 120, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour, | |
| #tour, | |
| #all-tours ul li { | |
| width: 24.25%; | |
| } | |
| /* line 124, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour p, | |
| #tour p, | |
| #all-tours ul li p { | |
| margin-bottom: 5px; | |
| } | |
| /* line 126, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour button, | |
| #tour button, | |
| #all-tours ul li button { | |
| font-size: 0.77778em; | |
| line-height: 1.28571em; | |
| } | |
| /* line 128, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour .photos, | |
| #tour .photos, | |
| #all-tours ul li .photos { | |
| display: none; | |
| position: absolute; | |
| left: 210px; | |
| top: 0; | |
| } | |
| /* line 133, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour .photos li, | |
| #tour .photos li, | |
| #all-tours ul li .photos li { | |
| float: left; | |
| position: relative; | |
| margin-left: 20px; | |
| max-width: 170px; | |
| background: #252b30; | |
| border: 1px solid #121415; | |
| padding: 5px 5px 0 5px; | |
| width: 26%; | |
| } | |
| </style> | |
| <div id="tour"> | |
| <h2>Paris, France Tour</h2> | |
| <p>$2,499 for 7 Nights</p> | |
| <button>See photos from our last tour</button> | |
| <ul class="photos"> | |
| <li> | |
| <img src="http://d3n3e0roqdrhcc.cloudfront.net/assets/photos/paris1.jpg"> | |
| <span>Arc de Triomphe</span> | |
| </li> | |
| <li> | |
| <img src="http://d3n3e0roqdrhcc.cloudfront.net/assets/photos/paris2.jpg"> | |
| <span>The Eiffel Tower</span> | |
| </li> | |
| <li> | |
| <img src="http://d3n3e0roqdrhcc.cloudfront.net/assets/photos/paris3.jpg"> | |
| <span>Notre Dame de Paris</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> | |
| <script id="jsbin-javascript"> | |
| $(document).ready(function() { | |
| $('#tour').on('click', 'button', function() { | |
| $('.photos').slideToggle(); | |
| }); | |
| // create showPhotos() function | |
| function showPhotos(){ | |
| $(this).find('span').slideToggle(); | |
| } | |
| $('.photos').on('mouseenter', 'li', showPhotos); | |
| $('.photos').on('mouseleave', 'li', showPhotos); | |
| }); | |
| </script> | |
| <script id="jsbin-source-css" type="text/css">/* line 5, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, em, img, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, output, section, time, mark, audio, video { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| font-size: 100%; | |
| font: inherit; | |
| vertical-align: baseline; | |
| } | |
| /* line 13, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { | |
| display: block; | |
| } | |
| /* line 16, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| li { | |
| list-style: none; | |
| } | |
| /* line 19, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| blockquote { | |
| quotes: none; | |
| } | |
| /* line 21, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| blockquote:before, blockquote:after { | |
| content: ""; | |
| content: none; | |
| } | |
| /* line 26, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| @font-face { | |
| font-family: "KlavikaWeb"; | |
| src: url(//d3n3e0roqdrhcc.cloudfront.net/assets/KlavikaWebBasicRegular-856f3e14904bb5d664d4f11ea1a3251a.woff) format("woff"); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| @font-face { | |
| font-family: "KlavikaWeb"; | |
| src: url(//d3n3e0roqdrhcc.cloudfront.net/assets/KlavikaWebBasicBold-a99c9ab0c113214d69c24eed51a755ca.woff) format("woff"); | |
| font-weight: bold; | |
| font-style: normal; | |
| } | |
| @font-face { | |
| font-family: "KlavikaWeb"; | |
| src: url(//d3n3e0roqdrhcc.cloudfront.net/assets/KlavikaWebBasicRegularItalic-798fb44a2ea7b7bb00b00e141bee6e34.woff) format("woff"); | |
| font-weight: normal; | |
| font-style: italic; | |
| } | |
| /* line 62, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| .split, .sorting, | |
| .filters, | |
| #filters { | |
| zoom: 1; | |
| } | |
| /* line 64, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| .split:before, .sorting:before, | |
| .filters:before, | |
| #filters:before, .split:after, .sorting:after, | |
| .filters:after, | |
| #filters:after { | |
| content: ""; | |
| display: table; | |
| } | |
| /* line 68, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| .split:after, .sorting:after, | |
| .filters:after, | |
| #filters:after { | |
| clear: both; | |
| } | |
| @-webkit-keyframes load { | |
| /* line 79, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| width: 0%; | |
| } | |
| /* line 81, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| width: 100%; | |
| } | |
| } | |
| @-moz-keyframes load { | |
| /* line 84, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| width: 0%; | |
| } | |
| /* line 86, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| width: 100%; | |
| } | |
| } | |
| @keyframes load { | |
| /* line 89, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| width: 0%; | |
| } | |
| /* line 91, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| width: 100%; | |
| } | |
| } | |
| @-webkit-keyframes spin { | |
| /* line 95, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| -webkit-transform: rotate(0deg); | |
| -moz-transform: rotate(0deg); | |
| -ms-transform: rotate(0deg); | |
| -o-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| /* line 97, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| -webkit-transform: rotate(360deg); | |
| -moz-transform: rotate(360deg); | |
| -ms-transform: rotate(360deg); | |
| -o-transform: rotate(360deg); | |
| transform: rotate(360deg); | |
| } | |
| } | |
| @-moz-keyframes spin { | |
| /* line 101, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| -webkit-transform: rotate(0deg); | |
| -moz-transform: rotate(0deg); | |
| -ms-transform: rotate(0deg); | |
| -o-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| /* line 103, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| -webkit-transform: rotate(360deg); | |
| -moz-transform: rotate(360deg); | |
| -ms-transform: rotate(360deg); | |
| -o-transform: rotate(360deg); | |
| transform: rotate(360deg); | |
| } | |
| } | |
| @keyframes spin { | |
| /* line 107, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| -webkit-transform: rotate(0deg); | |
| -moz-transform: rotate(0deg); | |
| -ms-transform: rotate(0deg); | |
| -o-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| /* line 109, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| -webkit-transform: rotate(360deg); | |
| -moz-transform: rotate(360deg); | |
| -ms-transform: rotate(360deg); | |
| -o-transform: rotate(360deg); | |
| transform: rotate(360deg); | |
| } | |
| } | |
| @-webkit-keyframes pulse { | |
| /* line 115, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| opacity: 1; | |
| } | |
| /* line 117, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| opacity: 0.25; | |
| } | |
| } | |
| @-moz-keyframes pulse { | |
| /* line 120, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| opacity: 1; | |
| } | |
| /* line 122, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| opacity: 0.25; | |
| } | |
| } | |
| @-o-keyframes pulse { | |
| /* line 125, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| opacity: 1; | |
| } | |
| /* line 127, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| opacity: 0.25; | |
| } | |
| } | |
| @keyframes pulse { | |
| /* line 130, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| opacity: 1; | |
| } | |
| /* line 132, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| opacity: 0.25; | |
| } | |
| } | |
| /* line 5, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| html { | |
| background: url(//d3n3e0roqdrhcc.cloudfront.net/assets/bg-html-915211d8095672e2b45fe4718bd20fca.png) center 300px no-repeat #252b30; | |
| background-size: 111px 82px; | |
| } | |
| /* line 8, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| html.iframe { | |
| background: none; | |
| } | |
| /* line 61, ../../../../.gem/ruby/1.9.3/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */ | |
| * html { | |
| font-size: 112.5%; | |
| } | |
| /* line 64, ../../../../.gem/ruby/1.9.3/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */ | |
| html { | |
| font-size: 18px; | |
| line-height: 1.33333em; | |
| } | |
| /* line 13, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| body { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 31px; | |
| right: 0; | |
| background: #343b42; | |
| color: white; | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| min-width: 650px; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| /* line 20, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| body.iframe { | |
| background: none; | |
| left: 20px; | |
| right: 20px; | |
| } | |
| @media screen and (min-width: 800px) { | |
| /* line 25, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| body.is-expanded { | |
| left: 250px; | |
| } | |
| } | |
| /* line 30, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h1, h2, h3, h4 { | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| font-weight: bold; | |
| } | |
| /* line 34, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h1 { | |
| font-size: 3.61111em; | |
| line-height: 1.10769em; | |
| margin-top: 0.36923em; | |
| margin-bottom: 0.36923em; | |
| color: white; | |
| padding: 0 24px; | |
| } | |
| /* line 41, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h2 { | |
| font-size: 2.22222em; | |
| line-height: 1.2em; | |
| margin-bottom: 0.096em; | |
| -webkit-transition: background 0.2s 0.2s; | |
| -webkit-transition-delay: ease-in-out; | |
| -moz-transition: background 0.2s 0.2s ease-in-out; | |
| -o-transition: background 0.2s 0.2s ease-in-out; | |
| transition: background 0.2s 0.2s ease-in-out; | |
| } | |
| /* line 45, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h2 b { | |
| color: white; | |
| } | |
| /* line 48, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h3 { | |
| font-size: 1.11111em; | |
| line-height: 1.2em; | |
| } | |
| /* line 51, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h4 { | |
| font-size: 0.77778em; | |
| line-height: 1.71429em; | |
| color: white; | |
| } | |
| /* line 55, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| p { | |
| margin-bottom: 1.06667em; | |
| } | |
| /* line 58, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| pre { | |
| padding-top: 1.33333em; | |
| padding-bottom: 1.33333em; | |
| margin-bottom: 1.33333em; | |
| -webkit-transition: border-color 0.2s ease-in-out; | |
| -moz-transition: border-color 0.2s ease-in-out; | |
| -o-transition: border-color 0.2s ease-in-out; | |
| transition: border-color 0.2s ease-in-out; | |
| background: #e4dfdb; | |
| background: rgba(196, 65, 23, 0.35); | |
| border-color: #c44117; | |
| overflow-x: auto; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| /* line 69, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| pre code { | |
| background: none; | |
| color: white; | |
| padding: 0; | |
| } | |
| /* line 74, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| img { | |
| max-width: 100%; | |
| } | |
| /* line 79, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| a { | |
| color: #a0cafe; | |
| text-decoration: none; | |
| } | |
| /* line 82, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| a:hover, a:focus { | |
| text-decoration: underline; | |
| } | |
| /* line 93, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| code { | |
| font-size: 0.83333em; | |
| line-height: 1.6em; | |
| font-family: Monaco, Courier, monospace; | |
| padding: 0 3px; | |
| } | |
| /* line 98, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .docs { | |
| background: #252b30; | |
| color: #a0cafe; | |
| cursor: pointer; | |
| padding: 2px 4px; | |
| position: relative; | |
| } | |
| /* line 105, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .docs:hover { | |
| color: white; | |
| } | |
| /* line 107, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .docs:after { | |
| content: url(//d3n3e0roqdrhcc.cloudfront.net/assets/icn-link-f9744ae5a55101dcba73a424ffa97fd1.png); | |
| left: 2px; | |
| margin-right: 2px; | |
| position: relative; | |
| top: -5px; | |
| } | |
| /* line 114, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| em { | |
| font-style: italic; | |
| } | |
| /* line 117, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| strong { | |
| font-weight: bold; | |
| } | |
| /* line 120, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| ::selection { | |
| background: #a0cafe; | |
| color: white; | |
| } | |
| /* line 124, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| ::-moz-selection { | |
| background: #a0cafe; | |
| color: white; | |
| } | |
| /* line 130, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .course { | |
| background: url(//d3n3e0roqdrhcc.cloudfront.net/assets/bg-body-e1bd71c8db06545b3f76eb77f49596c9.jpg) center top; | |
| color: white; | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| min-height: 100%; | |
| } | |
| /* line 138, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .split { | |
| padding-top: 2em; | |
| border-top: 1px solid rgba(148, 163, 172, 0.3); | |
| } | |
| /* line 143, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .split-a, | |
| .split-b { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| float: left; | |
| width: 45%; | |
| } | |
| /* line 149, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .split-a { | |
| margin-right: 10%; | |
| } | |
| /* line 154, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .btn { | |
| background: #4cb64f; | |
| border: 1px solid #081f09; | |
| color: black; | |
| cursor: pointer; | |
| display: block; | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| font-size: 1.25em; | |
| font-weight: bold; | |
| line-height: 1; | |
| padding: 0.5em 24px 0.5em 24px; | |
| text-align: center; | |
| text-transform: uppercase; | |
| } | |
| /* line 167, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .btn:hover, .btn:focus { | |
| background: #70c573; | |
| text-decoration: none; | |
| } | |
| /* line 174, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .tsm { | |
| font-size: 1.66667em; | |
| line-height: 1.6em; | |
| } | |
| /* line 4, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| iframe { | |
| height: 70px; | |
| } | |
| /* line 11, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #exercise-110 .rendered iframe, | |
| .lab-2 .rendered iframe, | |
| .lab-3 .rendered iframe { | |
| height: 200px; | |
| } | |
| /* line 15, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe h1 { | |
| font-size: 1.33333em; | |
| line-height: 1.5em; | |
| margin-top: 0em; | |
| padding: 0; | |
| } | |
| /* line 19, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe h2 { | |
| font-size: 1em; | |
| line-height: 1.33333em; | |
| position: relative; | |
| top: 2px; | |
| } | |
| /* line 23, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe h3 { | |
| font-size: 0.88889em; | |
| line-height: 1.5em; | |
| } | |
| /* line 25, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe p { | |
| font-size: 0.77778em; | |
| line-height: 1.71429em; | |
| } | |
| /* line 27, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe button { | |
| font-size: 1em; | |
| line-height: 1.33333em; | |
| margin-top: 0.4em; | |
| margin-bottom: 0.4em; | |
| background: #4cb64f; | |
| border: 1px solid #081f09; | |
| color: black; | |
| cursor: pointer; | |
| display: block; | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| font-weight: bold; | |
| line-height: 1; | |
| padding: 5px 24px 3px 24px; | |
| text-transform: uppercase; | |
| width: 100%; | |
| } | |
| /* line 42, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe button:hover, .iframe button:focus { | |
| background: #70c573; | |
| text-decoration: none; | |
| } | |
| /* line 47, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe li span { | |
| font-size: 0.66667em; | |
| line-height: 2em; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| /* line 47, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe li span { | |
| font-size: 0.77778em; | |
| line-height: 1.71429em; | |
| } | |
| } | |
| /* line 51, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe .details { | |
| font-size: 0.88889em; | |
| line-height: 1.5em; | |
| background: #82add8; | |
| border: 1px solid #191d20; | |
| bottom: 0.5em; | |
| color: #191d20; | |
| display: block; | |
| font-weight: bold; | |
| left: 0.5em; | |
| padding: 3px 0; | |
| right: 0.5em; | |
| text-align: center; | |
| } | |
| /* line 66, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations, | |
| #tours { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-top: 1.33333em; | |
| } | |
| /* line 70, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations:after, | |
| #tours:after { | |
| content: "."; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden; | |
| } | |
| /* line 77, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations > li, | |
| #tours > li, | |
| #tours > ul > li, | |
| #all-tours ul li { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| background: rgba(37, 43, 48, 0.5); | |
| float: left; | |
| min-height: 6em; | |
| padding: 0.5em; | |
| position: relative; | |
| vertical-align: top; | |
| width: 22.75%; | |
| } | |
| /* line 89, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations > li h2, | |
| #tours > li h2, | |
| #tours > ul > li h2, | |
| #all-tours ul li h2 { | |
| margin-bottom: 0.66667em; | |
| } | |
| /* line 91, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations > li + li, | |
| #tours > li + li, | |
| #tours > ul > li + li, | |
| #all-tours ul li + li { | |
| margin-left: 3%; | |
| } | |
| /* line 93, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations > li.highlight, | |
| #tours > li.highlight, | |
| #tours > ul > li.highlight, | |
| #all-tours ul li.highlight { | |
| background: rgba(88, 95, 99, 0.5); | |
| } | |
| /* line 95, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote { | |
| margin-right: -42px; | |
| position: absolute; | |
| right: 50%; | |
| top: 37px; | |
| } | |
| /* line 100, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote li { | |
| background: #3b454d; | |
| display: inline-block; | |
| min-height: 0; | |
| overflow: hidden; | |
| margin: 0 5px; | |
| } | |
| /* line 106, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote a { | |
| color: #4cb64f; | |
| padding: 4px 10px; | |
| } | |
| /* line 109, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote.highlight { | |
| background-color: #999999; | |
| } | |
| /* line 111, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote.highlight { | |
| background: #252b30; | |
| } | |
| /* line 113, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote + li { | |
| margin-left: 5%; | |
| } | |
| @media screen and (min-width: 1170px) { | |
| /* line 95, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote { | |
| margin-right: 0; | |
| top: 10px; | |
| right: 3px; | |
| } | |
| } | |
| /* line 120, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour, | |
| #tour, | |
| #all-tours ul li { | |
| width: 24.25%; | |
| } | |
| /* line 124, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour p, | |
| #tour p, | |
| #all-tours ul li p { | |
| margin-bottom: 5px; | |
| } | |
| /* line 126, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour button, | |
| #tour button, | |
| #all-tours ul li button { | |
| font-size: 0.77778em; | |
| line-height: 1.28571em; | |
| } | |
| /* line 128, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour .photos, | |
| #tour .photos, | |
| #all-tours ul li .photos { | |
| display: none; | |
| position: absolute; | |
| left: 210px; | |
| top: 0; | |
| } | |
| /* line 133, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour .photos li, | |
| #tour .photos li, | |
| #all-tours ul li .photos li { | |
| float: left; | |
| position: relative; | |
| margin-left: 20px; | |
| max-width: 170px; | |
| background: #252b30; | |
| border: 1px solid #121415; | |
| padding: 5px 5px 0 5px; | |
| width: 26%; | |
| } | |
| </script> | |
| <script id="jsbin-source-javascript" type="text/javascript">$(document).ready(function() { | |
| $('#tour').on('click', 'button', function() { | |
| $('.photos').slideToggle(); | |
| }); | |
| // create showPhotos() function | |
| function showPhotos(){ | |
| $(this).find('span').slideToggle(); | |
| } | |
| $('.photos').on('mouseenter', 'li', showPhotos); | |
| $('.photos').on('mouseleave', 'li', showPhotos); | |
| }); | |
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* line 5, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, em, img, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, output, section, time, mark, audio, video { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| font-size: 100%; | |
| font: inherit; | |
| vertical-align: baseline; | |
| } | |
| /* line 13, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { | |
| display: block; | |
| } | |
| /* line 16, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| li { | |
| list-style: none; | |
| } | |
| /* line 19, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| blockquote { | |
| quotes: none; | |
| } | |
| /* line 21, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| blockquote:before, blockquote:after { | |
| content: ""; | |
| content: none; | |
| } | |
| /* line 26, ../../app/assets/stylesheets/partials/_reset.css.sass */ | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| @font-face { | |
| font-family: "KlavikaWeb"; | |
| src: url(//d3n3e0roqdrhcc.cloudfront.net/assets/KlavikaWebBasicRegular-856f3e14904bb5d664d4f11ea1a3251a.woff) format("woff"); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| @font-face { | |
| font-family: "KlavikaWeb"; | |
| src: url(//d3n3e0roqdrhcc.cloudfront.net/assets/KlavikaWebBasicBold-a99c9ab0c113214d69c24eed51a755ca.woff) format("woff"); | |
| font-weight: bold; | |
| font-style: normal; | |
| } | |
| @font-face { | |
| font-family: "KlavikaWeb"; | |
| src: url(//d3n3e0roqdrhcc.cloudfront.net/assets/KlavikaWebBasicRegularItalic-798fb44a2ea7b7bb00b00e141bee6e34.woff) format("woff"); | |
| font-weight: normal; | |
| font-style: italic; | |
| } | |
| /* line 62, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| .split, .sorting, | |
| .filters, | |
| #filters { | |
| zoom: 1; | |
| } | |
| /* line 64, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| .split:before, .sorting:before, | |
| .filters:before, | |
| #filters:before, .split:after, .sorting:after, | |
| .filters:after, | |
| #filters:after { | |
| content: ""; | |
| display: table; | |
| } | |
| /* line 68, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| .split:after, .sorting:after, | |
| .filters:after, | |
| #filters:after { | |
| clear: both; | |
| } | |
| @-webkit-keyframes load { | |
| /* line 79, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| width: 0%; | |
| } | |
| /* line 81, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| width: 100%; | |
| } | |
| } | |
| @-moz-keyframes load { | |
| /* line 84, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| width: 0%; | |
| } | |
| /* line 86, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| width: 100%; | |
| } | |
| } | |
| @keyframes load { | |
| /* line 89, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| width: 0%; | |
| } | |
| /* line 91, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| width: 100%; | |
| } | |
| } | |
| @-webkit-keyframes spin { | |
| /* line 95, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| -webkit-transform: rotate(0deg); | |
| -moz-transform: rotate(0deg); | |
| -ms-transform: rotate(0deg); | |
| -o-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| /* line 97, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| -webkit-transform: rotate(360deg); | |
| -moz-transform: rotate(360deg); | |
| -ms-transform: rotate(360deg); | |
| -o-transform: rotate(360deg); | |
| transform: rotate(360deg); | |
| } | |
| } | |
| @-moz-keyframes spin { | |
| /* line 101, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| -webkit-transform: rotate(0deg); | |
| -moz-transform: rotate(0deg); | |
| -ms-transform: rotate(0deg); | |
| -o-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| /* line 103, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| -webkit-transform: rotate(360deg); | |
| -moz-transform: rotate(360deg); | |
| -ms-transform: rotate(360deg); | |
| -o-transform: rotate(360deg); | |
| transform: rotate(360deg); | |
| } | |
| } | |
| @keyframes spin { | |
| /* line 107, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| -webkit-transform: rotate(0deg); | |
| -moz-transform: rotate(0deg); | |
| -ms-transform: rotate(0deg); | |
| -o-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| /* line 109, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| -webkit-transform: rotate(360deg); | |
| -moz-transform: rotate(360deg); | |
| -ms-transform: rotate(360deg); | |
| -o-transform: rotate(360deg); | |
| transform: rotate(360deg); | |
| } | |
| } | |
| @-webkit-keyframes pulse { | |
| /* line 115, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| opacity: 1; | |
| } | |
| /* line 117, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| opacity: 0.25; | |
| } | |
| } | |
| @-moz-keyframes pulse { | |
| /* line 120, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| opacity: 1; | |
| } | |
| /* line 122, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| opacity: 0.25; | |
| } | |
| } | |
| @-o-keyframes pulse { | |
| /* line 125, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| opacity: 1; | |
| } | |
| /* line 127, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| opacity: 0.25; | |
| } | |
| } | |
| @keyframes pulse { | |
| /* line 130, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| from { | |
| opacity: 1; | |
| } | |
| /* line 132, ../../app/assets/stylesheets/partials/_settings.css.sass */ | |
| to { | |
| opacity: 0.25; | |
| } | |
| } | |
| /* line 5, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| html { | |
| background: url(//d3n3e0roqdrhcc.cloudfront.net/assets/bg-html-915211d8095672e2b45fe4718bd20fca.png) center 300px no-repeat #252b30; | |
| background-size: 111px 82px; | |
| } | |
| /* line 8, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| html.iframe { | |
| background: none; | |
| } | |
| /* line 61, ../../../../.gem/ruby/1.9.3/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */ | |
| * html { | |
| font-size: 112.5%; | |
| } | |
| /* line 64, ../../../../.gem/ruby/1.9.3/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */ | |
| html { | |
| font-size: 18px; | |
| line-height: 1.33333em; | |
| } | |
| /* line 13, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| body { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 31px; | |
| right: 0; | |
| background: #343b42; | |
| color: white; | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| min-width: 650px; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| /* line 20, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| body.iframe { | |
| background: none; | |
| left: 20px; | |
| right: 20px; | |
| } | |
| @media screen and (min-width: 800px) { | |
| /* line 25, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| body.is-expanded { | |
| left: 250px; | |
| } | |
| } | |
| /* line 30, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h1, h2, h3, h4 { | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| font-weight: bold; | |
| } | |
| /* line 34, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h1 { | |
| font-size: 3.61111em; | |
| line-height: 1.10769em; | |
| margin-top: 0.36923em; | |
| margin-bottom: 0.36923em; | |
| color: white; | |
| padding: 0 24px; | |
| } | |
| /* line 41, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h2 { | |
| font-size: 2.22222em; | |
| line-height: 1.2em; | |
| margin-bottom: 0.096em; | |
| -webkit-transition: background 0.2s 0.2s; | |
| -webkit-transition-delay: ease-in-out; | |
| -moz-transition: background 0.2s 0.2s ease-in-out; | |
| -o-transition: background 0.2s 0.2s ease-in-out; | |
| transition: background 0.2s 0.2s ease-in-out; | |
| } | |
| /* line 45, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h2 b { | |
| color: white; | |
| } | |
| /* line 48, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h3 { | |
| font-size: 1.11111em; | |
| line-height: 1.2em; | |
| } | |
| /* line 51, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| h4 { | |
| font-size: 0.77778em; | |
| line-height: 1.71429em; | |
| color: white; | |
| } | |
| /* line 55, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| p { | |
| margin-bottom: 1.06667em; | |
| } | |
| /* line 58, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| pre { | |
| padding-top: 1.33333em; | |
| padding-bottom: 1.33333em; | |
| margin-bottom: 1.33333em; | |
| -webkit-transition: border-color 0.2s ease-in-out; | |
| -moz-transition: border-color 0.2s ease-in-out; | |
| -o-transition: border-color 0.2s ease-in-out; | |
| transition: border-color 0.2s ease-in-out; | |
| background: #e4dfdb; | |
| background: rgba(196, 65, 23, 0.35); | |
| border-color: #c44117; | |
| overflow-x: auto; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| } | |
| /* line 69, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| pre code { | |
| background: none; | |
| color: white; | |
| padding: 0; | |
| } | |
| /* line 74, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| img { | |
| max-width: 100%; | |
| } | |
| /* line 79, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| a { | |
| color: #a0cafe; | |
| text-decoration: none; | |
| } | |
| /* line 82, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| a:hover, a:focus { | |
| text-decoration: underline; | |
| } | |
| /* line 93, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| code { | |
| font-size: 0.83333em; | |
| line-height: 1.6em; | |
| font-family: Monaco, Courier, monospace; | |
| padding: 0 3px; | |
| } | |
| /* line 98, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .docs { | |
| background: #252b30; | |
| color: #a0cafe; | |
| cursor: pointer; | |
| padding: 2px 4px; | |
| position: relative; | |
| } | |
| /* line 105, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .docs:hover { | |
| color: white; | |
| } | |
| /* line 107, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .docs:after { | |
| content: url(//d3n3e0roqdrhcc.cloudfront.net/assets/icn-link-f9744ae5a55101dcba73a424ffa97fd1.png); | |
| left: 2px; | |
| margin-right: 2px; | |
| position: relative; | |
| top: -5px; | |
| } | |
| /* line 114, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| em { | |
| font-style: italic; | |
| } | |
| /* line 117, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| strong { | |
| font-weight: bold; | |
| } | |
| /* line 120, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| ::selection { | |
| background: #a0cafe; | |
| color: white; | |
| } | |
| /* line 124, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| ::-moz-selection { | |
| background: #a0cafe; | |
| color: white; | |
| } | |
| /* line 130, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .course { | |
| background: url(//d3n3e0roqdrhcc.cloudfront.net/assets/bg-body-e1bd71c8db06545b3f76eb77f49596c9.jpg) center top; | |
| color: white; | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| min-height: 100%; | |
| } | |
| /* line 138, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .split { | |
| padding-top: 2em; | |
| border-top: 1px solid rgba(148, 163, 172, 0.3); | |
| } | |
| /* line 143, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .split-a, | |
| .split-b { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| float: left; | |
| width: 45%; | |
| } | |
| /* line 149, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .split-a { | |
| margin-right: 10%; | |
| } | |
| /* line 154, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .btn { | |
| background: #4cb64f; | |
| border: 1px solid #081f09; | |
| color: black; | |
| cursor: pointer; | |
| display: block; | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| font-size: 1.25em; | |
| font-weight: bold; | |
| line-height: 1; | |
| padding: 0.5em 24px 0.5em 24px; | |
| text-align: center; | |
| text-transform: uppercase; | |
| } | |
| /* line 167, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .btn:hover, .btn:focus { | |
| background: #70c573; | |
| text-decoration: none; | |
| } | |
| /* line 174, ../../app/assets/stylesheets/partials/_base.css.sass */ | |
| .tsm { | |
| font-size: 1.66667em; | |
| line-height: 1.6em; | |
| } | |
| /* line 4, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| iframe { | |
| height: 70px; | |
| } | |
| /* line 11, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #exercise-110 .rendered iframe, | |
| .lab-2 .rendered iframe, | |
| .lab-3 .rendered iframe { | |
| height: 200px; | |
| } | |
| /* line 15, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe h1 { | |
| font-size: 1.33333em; | |
| line-height: 1.5em; | |
| margin-top: 0em; | |
| padding: 0; | |
| } | |
| /* line 19, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe h2 { | |
| font-size: 1em; | |
| line-height: 1.33333em; | |
| position: relative; | |
| top: 2px; | |
| } | |
| /* line 23, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe h3 { | |
| font-size: 0.88889em; | |
| line-height: 1.5em; | |
| } | |
| /* line 25, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe p { | |
| font-size: 0.77778em; | |
| line-height: 1.71429em; | |
| } | |
| /* line 27, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe button { | |
| font-size: 1em; | |
| line-height: 1.33333em; | |
| margin-top: 0.4em; | |
| margin-bottom: 0.4em; | |
| background: #4cb64f; | |
| border: 1px solid #081f09; | |
| color: black; | |
| cursor: pointer; | |
| display: block; | |
| font-family: KlavikaWeb, Helvetica, sans-serif; | |
| font-weight: bold; | |
| line-height: 1; | |
| padding: 5px 24px 3px 24px; | |
| text-transform: uppercase; | |
| width: 100%; | |
| } | |
| /* line 42, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe button:hover, .iframe button:focus { | |
| background: #70c573; | |
| text-decoration: none; | |
| } | |
| /* line 47, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe li span { | |
| font-size: 0.66667em; | |
| line-height: 2em; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| /* line 47, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe li span { | |
| font-size: 0.77778em; | |
| line-height: 1.71429em; | |
| } | |
| } | |
| /* line 51, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .iframe .details { | |
| font-size: 0.88889em; | |
| line-height: 1.5em; | |
| background: #82add8; | |
| border: 1px solid #191d20; | |
| bottom: 0.5em; | |
| color: #191d20; | |
| display: block; | |
| font-weight: bold; | |
| left: 0.5em; | |
| padding: 3px 0; | |
| right: 0.5em; | |
| text-align: center; | |
| } | |
| /* line 66, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations, | |
| #tours { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-top: 1.33333em; | |
| } | |
| /* line 70, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations:after, | |
| #tours:after { | |
| content: "."; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden; | |
| } | |
| /* line 77, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations > li, | |
| #tours > li, | |
| #tours > ul > li, | |
| #all-tours ul li { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| background: rgba(37, 43, 48, 0.5); | |
| float: left; | |
| min-height: 6em; | |
| padding: 0.5em; | |
| position: relative; | |
| vertical-align: top; | |
| width: 22.75%; | |
| } | |
| /* line 89, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations > li h2, | |
| #tours > li h2, | |
| #tours > ul > li h2, | |
| #all-tours ul li h2 { | |
| margin-bottom: 0.66667em; | |
| } | |
| /* line 91, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations > li + li, | |
| #tours > li + li, | |
| #tours > ul > li + li, | |
| #all-tours ul li + li { | |
| margin-left: 3%; | |
| } | |
| /* line 93, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| #vacations > li.highlight, | |
| #tours > li.highlight, | |
| #tours > ul > li.highlight, | |
| #all-tours ul li.highlight { | |
| background: rgba(88, 95, 99, 0.5); | |
| } | |
| /* line 95, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote { | |
| margin-right: -42px; | |
| position: absolute; | |
| right: 50%; | |
| top: 37px; | |
| } | |
| /* line 100, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote li { | |
| background: #3b454d; | |
| display: inline-block; | |
| min-height: 0; | |
| overflow: hidden; | |
| margin: 0 5px; | |
| } | |
| /* line 106, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote a { | |
| color: #4cb64f; | |
| padding: 4px 10px; | |
| } | |
| /* line 109, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote.highlight { | |
| background-color: #999999; | |
| } | |
| /* line 111, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote.highlight { | |
| background: #252b30; | |
| } | |
| /* line 113, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote + li { | |
| margin-left: 5%; | |
| } | |
| @media screen and (min-width: 1170px) { | |
| /* line 95, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| .vote { | |
| margin-right: 0; | |
| top: 10px; | |
| right: 3px; | |
| } | |
| } | |
| /* line 120, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour, | |
| #tour, | |
| #all-tours ul li { | |
| width: 24.25%; | |
| } | |
| /* line 124, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour p, | |
| #tour p, | |
| #all-tours ul li p { | |
| margin-bottom: 5px; | |
| } | |
| /* line 126, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour button, | |
| #tour button, | |
| #all-tours ul li button { | |
| font-size: 0.77778em; | |
| line-height: 1.28571em; | |
| } | |
| /* line 128, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour .photos, | |
| #tour .photos, | |
| #all-tours ul li .photos { | |
| display: none; | |
| position: absolute; | |
| left: 210px; | |
| top: 0; | |
| } | |
| /* line 133, ../../app/assets/stylesheets/partials/_iframes.css.sass */ | |
| div.tour .photos li, | |
| #tour .photos li, | |
| #all-tours ul li .photos li { | |
| float: left; | |
| position: relative; | |
| margin-left: 20px; | |
| max-width: 170px; | |
| background: #252b30; | |
| border: 1px solid #121415; | |
| padding: 5px 5px 0 5px; | |
| width: 26%; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(document).ready(function() { | |
| $('#tour').on('click', 'button', function() { | |
| $('.photos').slideToggle(); | |
| }); | |
| // create showPhotos() function | |
| function showPhotos(){ | |
| $(this).find('span').slideToggle(); | |
| } | |
| $('.photos').on('mouseenter', 'li', showPhotos); | |
| $('.photos').on('mouseleave', 'li', showPhotos); | |
| }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment