@charset "UTF-8"; /* * Symbolset * www.symbolset.com * Copyright © 2012 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @font-face { font-family: "SSSocial"; src: url("../fonts/ss-social-regular.eot"); src: url("../fonts/ss-social-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-social-regular.woff") format("woff"), url("../fonts/ss-social-regular.ttf") format("truetype"), url("../fonts/ss-social-regular.svg#SSSocialRegular") format("svg"); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ /* line 25, /app/source/stylesheets/includes/_fonts.scss */ html:hover [class^="ss-"] { -ms-zoom: 1; } /* line 27, /app/source/stylesheets/includes/_fonts.scss */ .ss-icon, .ss-icon.ss-social, .ss-icon.ss-social-circle, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"][class*=" ss-social"]:before, [class*=" ss-"][class*=" ss-social"]:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"][class*=" ss-social"].right:after, [class*=" ss-"][class*=" ss-social"].right:after { font-family: "SSSocial"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } /* line 47, /app/source/stylesheets/includes/_fonts.scss */ .ss-icon.ss-social-circle, [class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before, [class^="ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after { font-weight: bold; } /* line 53, /app/source/stylesheets/includes/_fonts.scss */ [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-facebook:before, .ss-facebook.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-twitter:before, .ss-twitter.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-linkedin:before, .ss-linkedin.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-googleplus:before, .ss-googleplus.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-tumblr:before, .ss-tumblr.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-wordpress:before, .ss-wordpress.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-blogger:before, .ss-blogger.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-posterous:before, .ss-posterous.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-youtube:before, .ss-youtube.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-vimeo:before, .ss-vimeo.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-flickr:before, .ss-flickr.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-instagram:before, .ss-instagram.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-pinterest:before, .ss-pinterest.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-svpply:before, .ss-svpply.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-readmill:before, .ss-readmill.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-dropbox:before, .ss-dropbox.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-dribbble:before, .ss-dribbble.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-behance:before, .ss-behance.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-github:before, .ss-github.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-octocat:before, .ss-octocat.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-stackoverflow:before, .ss-stackoverflow.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-paypal:before, .ss-paypal.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-kickstarter:before, .ss-kickstarter.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-foursquare:before, .ss-foursquare.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-skype:before, .ss-skype.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-rdio:before, .ss-rdio.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-spotify:before, .ss-spotify.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-lastfm:before, .ss-lastfm.right:after { content: ''; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-mail:before, .ss-mail.right:after { content: '✉'; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-like:before, .ss-like.right:after { content: '👍'; } /* line 56, /app/source/stylesheets/includes/_fonts.scss */ .ss-rss:before, .ss-rss.right:after { content: ''; } /*================ FUNCTIONS =================*/ /*================ CLASSES =================*/ /* line 31, /app/source/stylesheets/includes/_mixins.scss */ .cf { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .cf:before, .cf:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .cf:after { clear: both; } /*================ MIXINS =================*/ /* line 14, /app/vendor/bundle/ruby/2.2.0/gems/susy-2.2.11/sass/susy/language/susyone/_grid.scss */ * { box-sizing: border-box; } @media screen and (min-width: 47.5em) { /* line 34, /app/source/stylesheets/includes/_grid.scss */ .small { display: none !important; } } @media screen and (max-width: 47.5em) { /* line 39, /app/source/stylesheets/includes/_grid.scss */ .medium { display: none !important; } } /* line 47, /app/source/stylesheets/includes/_grid.scss */ .container { *zoom: 1; max-width: 900px; max-width: 56.25rem; _width: 900px; padding-left: 0px; padding-left: 0rem; padding-right: 0px; padding-right: 0rem; margin-left: auto; margin-right: auto; } /* line 38, /app/vendor/bundle/ruby/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */ .container:after { content: ""; display: table; clear: both; } @media screen and (max-width: 47.5em) { /* line 47, /app/source/stylesheets/includes/_grid.scss */ .container { padding: 0 15px; overflow: hidden; } } @media screen and (min-width: 47.5em) { /* line 47, /app/source/stylesheets/includes/_grid.scss */ .container { padding: 0 20px; } } @media screen and (min-width: 47.5em) { /* line 61, /app/source/stylesheets/includes/_grid.scss */ section { *zoom: 1; max-width: 900px; max-width: 56.25rem; _width: 900px; padding-left: 0px; padding-left: 0rem; padding-right: 0px; padding-right: 0rem; margin-left: auto; margin-right: auto; padding: 0; } /* line 38, /app/vendor/bundle/ruby/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */ section:after { content: ""; display: table; clear: both; } } /* line 1, /app/source/stylesheets/includes/_main.scss */ * { box-sizing: border-box; } /* line 2, /app/source/stylesheets/includes/_main.scss */ html, body, h1, h2, h3, h4, h5, h6, form, textarea, input, p { font-family: 'source-sans-pro', 'Source Sans Pro', 'Proxima Nova', "Helvetica Neue", sans-serif; } /* line 5, /app/source/stylesheets/includes/_main.scss */ .secondary-font, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .button, blockquote, header .tagline a, .logo span, .logo strong, nav ul a, .package-title h2 span { font-family: "klavika-web", "Helvetica Neue", "Helvetica", sans-serif; } @media screen and (max-width: 47.5em) { /* line 8, /app/source/stylesheets/includes/_main.scss */ p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol { margin: 0 0 20px 0; } } @media screen and (min-width: 47.5em) { /* line 8, /app/source/stylesheets/includes/_main.scss */ p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol { margin: 0 0 30px 0; } } /* line 16, /app/source/stylesheets/includes/_main.scss */ html, body { margin: 0; padding: 0; color: #413b52; background: white; overflow-x: hidden; } @media screen and (max-width: 47.5em) { /* line 16, /app/source/stylesheets/includes/_main.scss */ html, body { font-size: 16px; } } @media screen and (min-width: 47.5em) { /* line 16, /app/source/stylesheets/includes/_main.scss */ html, body { font-size: 18px; } } /* line 29, /app/source/stylesheets/includes/_main.scss */ a { font-weight: bold; text-decoration: none; } /* line 32, /app/source/stylesheets/includes/_main.scss */ a:link { color: #6e5eb2; } /* line 35, /app/source/stylesheets/includes/_main.scss */ a:visited { color: #a399cd; } /* line 38, /app/source/stylesheets/includes/_main.scss */ a:active, a:hover { color: #f4cd13; } /* line 42, /app/source/stylesheets/includes/_main.scss */ p, blockquote, li { line-height: 1.7; } /* line 45, /app/source/stylesheets/includes/_main.scss */ pre, code, pre span, code span { font-family: Consolas, "Liberation Mono", 'PT Mono', Courier, monospace; font-weight: normal; line-height: 1.5; } /* line 50, /app/source/stylesheets/includes/_main.scss */ pre { border-top: 1px #c8c6cc solid; border-bottom: 1px #c8c6cc solid; padding: 20px; background: #efeef0; overflow: auto; } /* line 57, /app/source/stylesheets/includes/_main.scss */ code { background: #efeef0; display: inline-block; padding: 0px 5px; font-size: 75%; } /* line 63, /app/source/stylesheets/includes/_main.scss */ .caption { padding: 10px; background: #e2e1e4; font-size: 14px; color: #696873; margin-top: -30px; margin-bottom: 20px; } /* line 72, /app/source/stylesheets/includes/_main.scss */ ul, ol { padding-left: 40px; } /* line 74, /app/source/stylesheets/includes/_main.scss */ ul li, ol li { margin-bottom: 10px; } /* line 78, /app/source/stylesheets/includes/_main.scss */ h1, h2, h3, h4, h5, h6 { color: #413b52; } @media screen and (max-width: 47.5em) { /* line 85, /app/source/stylesheets/includes/_main.scss */ h1 { font-size: 36px; } } @media screen and (min-width: 47.5em) { /* line 85, /app/source/stylesheets/includes/_main.scss */ h1 { font-size: 48px; } } @media screen and (max-width: 47.5em) { /* line 93, /app/source/stylesheets/includes/_main.scss */ h2 { font-size: 24px; } } @media screen and (min-width: 47.5em) { /* line 93, /app/source/stylesheets/includes/_main.scss */ h2 { font-size: 36px; } } /* line 101, /app/source/stylesheets/includes/_main.scss */ h3 { font-size: 24px; } /* line 104, /app/source/stylesheets/includes/_main.scss */ h4 { font-size: 18px; } /* line 108, /app/source/stylesheets/includes/_main.scss */ .footnotes li { margin-bottom: 20px; } /* line 111, /app/source/stylesheets/includes/_main.scss */ .footnotes p { display: inline; } /* line 116, /app/source/stylesheets/includes/_main.scss */ #lightbox { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0px; right: 0px; cursor: pointer; } /* line 124, /app/source/stylesheets/includes/_main.scss */ #lightbox.hide { display: none; } /* line 127, /app/source/stylesheets/includes/_main.scss */ #lightbox .inner { width: 100%; max-width: 680px; padding: 40px; background: white; margin: 40px auto 0 auto; text-align: center; } /* line 134, /app/source/stylesheets/includes/_main.scss */ #lightbox .inner img { display: block; width: 100%; } /* line 140, /app/source/stylesheets/includes/_main.scss */ .hidden { display: none; } /* line 143, /app/source/stylesheets/includes/_main.scss */ strong { font-weight: 800; } /* line 146, /app/source/stylesheets/includes/_main.scss */ .submit-review { text-align: center; } /* line 149, /app/source/stylesheets/includes/_main.scss */ .gist article.markdown-body { padding: 30px; } /* line 152, /app/source/stylesheets/includes/_main.scss */ .block { border-bottom: 1px dotted #c9c5cf; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } @media screen and (max-width: 47.5em) { /* line 152, /app/source/stylesheets/includes/_main.scss */ .block { margin-bottom: 30px; padding-bottom: 30px; } } @media screen and (min-width: 47.5em) { /* line 152, /app/source/stylesheets/includes/_main.scss */ .block { margin-bottom: 60px; padding-bottom: 60px; } } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .block:before, .block:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .block:after { clear: both; } /* line 166, /app/source/stylesheets/includes/_main.scss */ .patterns .pattern { margin-top: 30px; padding-top: 30px; } /* line 171, /app/source/stylesheets/includes/_main.scss */ .patterns .description h3 { line-height: 1.6; } @media screen and (min-width: 47.5em) { /* line 170, /app/source/stylesheets/includes/_main.scss */ .patterns .description { width: 73.33333%; float: left; margin-right: 6.66667%; display: inline; } } @media screen and (min-width: 47.5em) { /* line 178, /app/source/stylesheets/includes/_main.scss */ .patterns .tags { width: 20%; float: right; margin-right: 0; *margin-left: -60px; display: inline; } } /* line 184, /app/source/stylesheets/includes/_main.scss */ .tags { margin-bottom: 20px; } /* line 186, /app/source/stylesheets/includes/_main.scss */ .tags h4 { display: inline-block; } /* line 189, /app/source/stylesheets/includes/_main.scss */ .tags ul { padding: 0; margin: 0; list-style-type: none; display: inline-block; } /* line 194, /app/source/stylesheets/includes/_main.scss */ .tags ul li { display: inline-block; padding: 3px 10px; background: #c9c5cf; border-radius: 3px; font-size: 14px; } /* line 203, /app/source/stylesheets/includes/_main.scss */ .submit-pattern { text-align: center; } /* line 206, /app/source/stylesheets/includes/_main.scss */ section { margin-bottom: 60px; border-bottom: 1px dotted #c9c5cf; padding-bottom: 60px; } /* line 210, /app/source/stylesheets/includes/_main.scss */ section > img { display: block; width: 100%; } /* line 215, /app/source/stylesheets/includes/_main.scss */ .page-title { text-align: center; margin-bottom: 40px; } /* line 218, /app/source/stylesheets/includes/_main.scss */ .page-title h2 { font-size: 48px; font-weight: 300; margin-bottom: 0; } /* line 223, /app/source/stylesheets/includes/_main.scss */ .page-title p { font-size: 24px; color: #8F8E96; font-weight: 300; margin: 0; } /* line 229, /app/source/stylesheets/includes/_main.scss */ .page-title .no-margin { margin-bottom: 0; } /* line 233, /app/source/stylesheets/includes/_main.scss */ .page-title a:link, .page-title a:visited, .page-title a:active { color: #413b52; font-weight: 300; } /* line 240, /app/source/stylesheets/includes/_main.scss */ .portrait img { border-radius: 100%; } /* line 244, /app/source/stylesheets/includes/_main.scss */ .subtitle { text-align: center; font-weight: 300; margin-bottom: 40px; } @media screen and (min-width: 47.5em) { /* line 249, /app/source/stylesheets/includes/_main.scss */ .text-block { padding: 0 80px; } } /* line 1, /app/source/stylesheets/includes/_github.scss */ .hll { background-color: #ffffcc; } /* line 2, /app/source/stylesheets/includes/_github.scss */ .c { color: #999988; font-style: italic; } /* Comment */ /* line 3, /app/source/stylesheets/includes/_github.scss */ .err { color: #a61717; background-color: #e3d2d2; } /* Error */ /* line 4, /app/source/stylesheets/includes/_github.scss */ .k { color: #000000; font-weight: bold; } /* Keyword */ /* line 5, /app/source/stylesheets/includes/_github.scss */ .o { color: #000000; font-weight: bold; } /* Operator */ /* line 6, /app/source/stylesheets/includes/_github.scss */ .cm { color: #999988; font-style: italic; } /* Comment.Multiline */ /* line 7, /app/source/stylesheets/includes/_github.scss */ .cp { color: #999999; font-weight: bold; font-style: italic; } /* Comment.Preproc */ /* line 8, /app/source/stylesheets/includes/_github.scss */ .c1 { color: #999988; font-style: italic; } /* Comment.Single */ /* line 9, /app/source/stylesheets/includes/_github.scss */ .cs { color: #999999; font-weight: bold; font-style: italic; } /* Comment.Special */ /* line 10, /app/source/stylesheets/includes/_github.scss */ .gd { color: #000000; background-color: #ffdddd; } /* Generic.Deleted */ /* line 11, /app/source/stylesheets/includes/_github.scss */ .ge { color: #000000; font-style: italic; } /* Generic.Emph */ /* line 12, /app/source/stylesheets/includes/_github.scss */ .gr { color: #aa0000; } /* Generic.Error */ /* line 13, /app/source/stylesheets/includes/_github.scss */ .gh { color: #999999; } /* Generic.Heading */ /* line 14, /app/source/stylesheets/includes/_github.scss */ .gi { color: #000000; background-color: #ddffdd; } /* Generic.Inserted */ /* line 15, /app/source/stylesheets/includes/_github.scss */ .go { color: #888888; } /* Generic.Output */ /* line 16, /app/source/stylesheets/includes/_github.scss */ .gp { color: #555555; } /* Generic.Prompt */ /* line 17, /app/source/stylesheets/includes/_github.scss */ .gs { font-weight: bold; } /* Generic.Strong */ /* line 18, /app/source/stylesheets/includes/_github.scss */ .gu { color: #aaaaaa; } /* Generic.Subheading */ /* line 19, /app/source/stylesheets/includes/_github.scss */ .gt { color: #aa0000; } /* Generic.Traceback */ /* line 20, /app/source/stylesheets/includes/_github.scss */ .kc { color: #000000; font-weight: bold; } /* Keyword.Constant */ /* line 21, /app/source/stylesheets/includes/_github.scss */ .kd { color: #000000; font-weight: bold; } /* Keyword.Declaration */ /* line 22, /app/source/stylesheets/includes/_github.scss */ .kn { color: #000000; font-weight: bold; } /* Keyword.Namespace */ /* line 23, /app/source/stylesheets/includes/_github.scss */ .kp { color: #000000; font-weight: bold; } /* Keyword.Pseudo */ /* line 24, /app/source/stylesheets/includes/_github.scss */ .kr { color: #000000; font-weight: bold; } /* Keyword.Reserved */ /* line 25, /app/source/stylesheets/includes/_github.scss */ .kt { color: #445588; font-weight: bold; } /* Keyword.Type */ /* line 26, /app/source/stylesheets/includes/_github.scss */ .m { color: #009999; } /* Literal.Number */ /* line 27, /app/source/stylesheets/includes/_github.scss */ .s { color: #dd1144; } /* Literal.String */ /* line 28, /app/source/stylesheets/includes/_github.scss */ .na { color: #008080; } /* Name.Attribute */ /* line 29, /app/source/stylesheets/includes/_github.scss */ .nb { color: #0086B3; } /* Name.Builtin */ /* line 30, /app/source/stylesheets/includes/_github.scss */ .nc { color: #445588; font-weight: bold; } /* Name.Class */ /* line 31, /app/source/stylesheets/includes/_github.scss */ .no { color: #008080; } /* Name.Constant */ /* line 32, /app/source/stylesheets/includes/_github.scss */ .nd { color: #3c5d5d; font-weight: bold; } /* Name.Decorator */ /* line 33, /app/source/stylesheets/includes/_github.scss */ .ni { color: #800080; } /* Name.Entity */ /* line 34, /app/source/stylesheets/includes/_github.scss */ .ne { color: #990000; font-weight: bold; } /* Name.Exception */ /* line 35, /app/source/stylesheets/includes/_github.scss */ .nf { color: #990000; font-weight: bold; } /* Name.Function */ /* line 36, /app/source/stylesheets/includes/_github.scss */ .nl { color: #990000; font-weight: bold; } /* Name.Label */ /* line 37, /app/source/stylesheets/includes/_github.scss */ .nn { color: #555555; } /* Name.Namespace */ /* line 38, /app/source/stylesheets/includes/_github.scss */ .nt { color: #000080; } /* Name.Tag */ /* line 39, /app/source/stylesheets/includes/_github.scss */ .nv { color: #008080; } /* Name.Variable */ /* line 40, /app/source/stylesheets/includes/_github.scss */ .ow { color: #000000; font-weight: bold; } /* Operator.Word */ /* line 41, /app/source/stylesheets/includes/_github.scss */ .w { color: #bbbbbb; } /* Text.Whitespace */ /* line 42, /app/source/stylesheets/includes/_github.scss */ .mf { color: #009999; } /* Literal.Number.Float */ /* line 43, /app/source/stylesheets/includes/_github.scss */ .mh { color: #009999; } /* Literal.Number.Hex */ /* line 44, /app/source/stylesheets/includes/_github.scss */ .mi { color: #009999; } /* Literal.Number.Integer */ /* line 45, /app/source/stylesheets/includes/_github.scss */ .mo { color: #009999; } /* Literal.Number.Oct */ /* line 46, /app/source/stylesheets/includes/_github.scss */ .sb { color: #dd1144; } /* Literal.String.Backtick */ /* line 47, /app/source/stylesheets/includes/_github.scss */ .sc { color: #dd1144; } /* Literal.String.Char */ /* line 48, /app/source/stylesheets/includes/_github.scss */ .sd { color: #dd1144; } /* Literal.String.Doc */ /* line 49, /app/source/stylesheets/includes/_github.scss */ .s2 { color: #dd1144; } /* Literal.String.Double */ /* line 50, /app/source/stylesheets/includes/_github.scss */ .se { color: #dd1144; } /* Literal.String.Escape */ /* line 51, /app/source/stylesheets/includes/_github.scss */ .sh { color: #dd1144; } /* Literal.String.Heredoc */ /* line 52, /app/source/stylesheets/includes/_github.scss */ .si { color: #dd1144; } /* Literal.String.Interpol */ /* line 53, /app/source/stylesheets/includes/_github.scss */ .sx { color: #dd1144; } /* Literal.String.Other */ /* line 54, /app/source/stylesheets/includes/_github.scss */ .sr { color: #009926; } /* Literal.String.Regex */ /* line 55, /app/source/stylesheets/includes/_github.scss */ .s1 { color: #dd1144; } /* Literal.String.Single */ /* line 56, /app/source/stylesheets/includes/_github.scss */ .ss { color: #990073; } /* Literal.String.Symbol */ /* line 57, /app/source/stylesheets/includes/_github.scss */ .bp { color: #999999; } /* Name.Builtin.Pseudo */ /* line 58, /app/source/stylesheets/includes/_github.scss */ .vc { color: #008080; } /* Name.Variable.Class */ /* line 59, /app/source/stylesheets/includes/_github.scss */ .vg { color: #008080; } /* Name.Variable.Global */ /* line 60, /app/source/stylesheets/includes/_github.scss */ .vi { color: #008080; } /* Name.Variable.Instance */ /* line 61, /app/source/stylesheets/includes/_github.scss */ .il { color: #009999; } /* Literal.Number.Integer.Long */ /* line 1, /app/source/stylesheets/includes/_buttons.scss */ .button { text-align: center; display: block; min-height: 40px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGUwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkYzYxMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffde00), color-stop(100%, #edc610)); background: -webkit-linear-gradient(top, #ffde00, #edc610); background: linear-gradient(to bottom, #ffde00, #edc610); border: 0; font-size: 16px; padding: 10px 15px; cursor: pointer; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); color: #796419; } /* line 15, /app/source/stylesheets/includes/_buttons.scss */ .button:link, .button:visited { color: #796419; } /* line 18, /app/source/stylesheets/includes/_buttons.scss */ .button:hover { color: #9d801a !important; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWUyZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3Y2MwNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffee2d), color-stop(100%, #f7cc04)); background: -webkit-linear-gradient(top, #ffee2d, #f7cc04); background: linear-gradient(to bottom, #ffee2d, #f7cc04); } /* line 22, /app/source/stylesheets/includes/_buttons.scss */ .button:active { position: relative; top: 1px; } /* line 26, /app/source/stylesheets/includes/_buttons.scss */ .button.medium { width: 200px; } /* line 29, /app/source/stylesheets/includes/_buttons.scss */ .button .action { display: block; float: left; font-weight: 500; line-height: 30px; } @media screen and (max-width: 47.5em) { /* line 29, /app/source/stylesheets/includes/_buttons.scss */ .button .action { padding: 5px 10px; font-size: 14px; } } @media screen and (min-width: 47.5em) { /* line 29, /app/source/stylesheets/includes/_buttons.scss */ .button .action { padding: 10px 15px; } } /* line 42, /app/source/stylesheets/includes/_buttons.scss */ .button .price { box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.4), -1px 0px 0px rgba(0, 0, 0, 0.2); display: block; float: right; font-weight: 500; } @media screen and (max-width: 47.5em) { /* line 42, /app/source/stylesheets/includes/_buttons.scss */ .button .price { padding: 5px; font-size: 18px; line-height: 30px; } } @media screen and (min-width: 47.5em) { /* line 42, /app/source/stylesheets/includes/_buttons.scss */ .button .price { padding: 0 10px; font-size: 24px; line-height: 50px; } } /* line 62, /app/source/stylesheets/includes/_buttons.scss */ .simple-button { text-align: center; font-size: 16px; display: block; border-radius: 3px; border: none; background: #c9c5cf; padding: 10px 20px; margin: 0 0 10px 0; cursor: pointer; font-weight: 800; color: #413b52; } /* line 74, /app/source/stylesheets/includes/_buttons.scss */ .simple-button:link, .simple-button:visited { color: #413b52; } /* line 77, /app/source/stylesheets/includes/_buttons.scss */ .simple-button:hover { color: #f4cd13; background: #322d44; } /* line 1, /app/source/stylesheets/includes/_forms.scss */ input.text { line-height: 24px; height: 40px; padding: 6px; font-size: 18px; display: block; } /* line 1, /app/source/stylesheets/includes/_pagination.scss */ .blog-pagination { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; border-bottom: 1px dotted #c9c5cf; font-size: 16px; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .blog-pagination:before, .blog-pagination:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .blog-pagination:after { clear: both; } /* line 5, /app/source/stylesheets/includes/_pagination.scss */ .blog-pagination .pagination-prev, .blog-pagination .pagination-next { vertical-align: middle; float: left; width: 50%; position: relative; } @media screen and (max-width: 47.5em) { /* line 5, /app/source/stylesheets/includes/_pagination.scss */ .blog-pagination .pagination-prev, .blog-pagination .pagination-next { padding: 40px 0 20px 0; } } @media screen and (min-width: 47.5em) { /* line 5, /app/source/stylesheets/includes/_pagination.scss */ .blog-pagination .pagination-prev, .blog-pagination .pagination-next { height: 96px; } } /* line 17, /app/source/stylesheets/includes/_pagination.scss */ .blog-pagination .pagination-prev { border-right: 1px dotted #c9c5cf; text-align: left; } /* line 21, /app/source/stylesheets/includes/_pagination.scss */ .blog-pagination .pagination-next { text-align: right; } /* line 24, /app/source/stylesheets/includes/_pagination.scss */ .blog-pagination a { display: table; width: 100%; height: 100%; } /* line 28, /app/source/stylesheets/includes/_pagination.scss */ .blog-pagination a span { display: table-cell; vertical-align: middle; } /* line 33, /app/source/stylesheets/includes/_pagination.scss */ .archives-layout .blog-pagination { border-top: 1px dotted #c9c5cf; } @media screen and (min-width: 47.5em) { /* line 33, /app/source/stylesheets/includes/_pagination.scss */ .archives-layout .blog-pagination { width: 100%; float: right; margin-right: 0; *margin-left: -60px; display: inline; } } /* line 1, /app/source/stylesheets/includes/_footer.scss */ footer { text-align: center; margin: 40px 0; font-size: 14px; } /* line 1, /app/source/stylesheets/includes/_figures.scss */ figure { margin: 0 auto 40px auto; } @media screen and (max-width: 47.5em) { /* line 1, /app/source/stylesheets/includes/_figures.scss */ figure { width: 100%; } } @media screen and (min-width: 47.5em) { /* line 1, /app/source/stylesheets/includes/_figures.scss */ figure { width: 70%; } } /* line 20, /app/source/stylesheets/includes/_figures.scss */ figure.small-figure { width: 50%; } /* line 23, /app/source/stylesheets/includes/_figures.scss */ figure.large { width: 90%; } /* line 26, /app/source/stylesheets/includes/_figures.scss */ figure img { -moz-transition: all 300ms ease-out 0ms; -o-transition: all 300ms ease-out 0ms; -webkit-transition: all 300ms ease-out; -webkit-transition-delay: 0ms; -webkit-transition: all 300ms ease-out 0ms; transition: all 300ms ease-out 0ms; border: 10px solid #f2f1f2; width: 100%; display: block; } /* line 33, /app/source/stylesheets/includes/_figures.scss */ figure.no-border img { border: none; } /* line 38, /app/source/stylesheets/includes/_figures.scss */ figure.rounded-border img { border-radius: 3px; border: none; } /* line 44, /app/source/stylesheets/includes/_figures.scss */ figure.with-padding img { padding: 40px; } /* line 48, /app/source/stylesheets/includes/_figures.scss */ figure figcaption { font-style: italic; font-size: 16px; padding-top: 10px; color: #aaa9b1; text-align: center; } /* line 55, /app/source/stylesheets/includes/_figures.scss */ figure.portrait { width: 160px; } @media screen and (min-width: 47.5em) { /* line 55, /app/source/stylesheets/includes/_figures.scss */ figure.portrait { float: left; margin: 0 40px 40px 0; } } /* line 61, /app/source/stylesheets/includes/_figures.scss */ figure.portrait figcaption { text-align: center; } @media screen and (min-width: 47.5em) { /* line 66, /app/source/stylesheets/includes/_figures.scss */ figure.pull-right { width: 300px; float: right; margin: 0 -150px 40px 60px; } /* line 71, /app/source/stylesheets/includes/_figures.scss */ figure.pull-left { width: 300px; float: left; margin: 0 60px 40px -150px; } } @media screen and (min-width: 47.5em) { /* line 83, /app/source/stylesheets/includes/_figures.scss */ figure.zoom:hover img { background: white; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } } /* line 90, /app/source/stylesheets/includes/_figures.scss */ figure.no-zoom:hover img { -webkit-transform: scale(1, 1); transform: scale(1, 1); box-shadow: none; } /* line 1, /app/source/stylesheets/includes/_quotes.scss */ blockquote { background: #fafafa; } /* line 4, /app/source/stylesheets/includes/_quotes.scss */ blockquote.pull { font-size: 24px; line-height: 1.5; padding: 20px 0; } /* line 8, /app/source/stylesheets/includes/_quotes.scss */ blockquote.pull:before { content: '\201C'; } /* line 11, /app/source/stylesheets/includes/_quotes.scss */ blockquote.pull:after { content: '\201D'; } /* line 15, /app/source/stylesheets/includes/_quotes.scss */ blockquote.pull-center { text-align: center; } @media screen and (max-width: 47.5em) { /* line 19, /app/source/stylesheets/includes/_quotes.scss */ blockquote.pull-wide { margin-right: auto !important; margin-left: auto !important; } } @media screen and (min-width: 47.5em) { /* line 25, /app/source/stylesheets/includes/_quotes.scss */ blockquote.pull-right { width: 300px; float: right; margin: 0 -150px 40px 60px; } /* line 30, /app/source/stylesheets/includes/_quotes.scss */ blockquote.pull-left { width: 300px; float: left; margin: 0 60px 40px -150px; } /* line 35, /app/source/stylesheets/includes/_quotes.scss */ blockquote.pull-wide { text-align: center; margin-right: -100%; margin-left: -100%; } } /* line 43, /app/source/stylesheets/includes/_quotes.scss */ .post-content blockquote { padding: 20px 40px; border-top: 1px solid #dddce0; border-bottom: 1px solid #dddce0; font-style: italic; } /* line 48, /app/source/stylesheets/includes/_quotes.scss */ .post-content blockquote p:last-child { margin: 0; } /* line 51, /app/source/stylesheets/includes/_quotes.scss */ .post-content blockquote cite { display: block; text-align: right; margin-top: 5px; font-weight: bold; } /* line 1, /app/source/stylesheets/includes/_header.scss */ header { margin-bottom: 40px; background: #10061b; background: #10061b url(../images/stars-bg.jpg) center top no-repeat; background-size: 100% auto; color: white; } @media screen and (max-width: 47.5em) { /* line 10, /app/source/stylesheets/includes/_header.scss */ header .container { padding-top: 0; padding-bottom: 20px; } } @media screen and (min-width: 47.5em) { /* line 10, /app/source/stylesheets/includes/_header.scss */ header .container { padding-top: 60px; padding-bottom: 60px; } } /* line 21, /app/source/stylesheets/includes/_header.scss */ header h1 { margin-bottom: 10px; font-size: 48px; line-height: 1.2; letter-spacing: 20px; } @media screen and (max-width: 47.5em) { /* line 21, /app/source/stylesheets/includes/_header.scss */ header h1 { font-size: 36px; margin-bottom: 20px; } } @media screen and (min-width: 47.5em) { /* line 31, /app/source/stylesheets/includes/_header.scss */ header .tagline { width: 46.66667%; float: left; } } /* line 36, /app/source/stylesheets/includes/_header.scss */ header .tagline h2 { font-weight: 300; margin: 0; text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5); color: white; margin-bottom: 15px; } @media screen and (max-width: 47.5em) { /* line 36, /app/source/stylesheets/includes/_header.scss */ header .tagline h2 { font-size: 24px; text-align: center; } } @media screen and (min-width: 47.5em) { /* line 36, /app/source/stylesheets/includes/_header.scss */ header .tagline h2 { font-size: 36px; } } /* line 52, /app/source/stylesheets/includes/_header.scss */ header .tagline a { display: block; background: rgba(0, 0, 0, 0.2); font-size: 16px; padding: 0px 10px; line-height: 40px; height: 40px; text-align: center; margin: 0 auto; box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5); -moz-transition: all 300ms ease-out 0ms; -o-transition: all 300ms ease-out 0ms; -webkit-transition: all 300ms ease-out; -webkit-transition-delay: 0ms; -webkit-transition: all 300ms ease-out 0ms; transition: all 300ms ease-out 0ms; } /* line 64, /app/source/stylesheets/includes/_header.scss */ header .tagline a:link, header .tagline a:visited { color: white; } /* line 67, /app/source/stylesheets/includes/_header.scss */ header .tagline a:hover { color: #f4cd13; background: rgba(0, 0, 0, 0.7); } /* line 74, /app/source/stylesheets/includes/_header.scss */ .logo { letter-spacing: 5px; text-transform: uppercase; text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.6); color: white; } /* line 79, /app/source/stylesheets/includes/_header.scss */ .logo span { font-weight: 300; } /* line 83, /app/source/stylesheets/includes/_header.scss */ .logo strong { font-weight: 800; } /* line 87, /app/source/stylesheets/includes/_header.scss */ .logo a:link, .logo a:active, .logo a:visited { color: white; } /* line 90, /app/source/stylesheets/includes/_header.scss */ .logo a:hover { color: #f4cd13; } /* line 94, /app/source/stylesheets/includes/_header.scss */ nav { width: 100%; padding: 15px; -moz-transition: all 300ms ease-out 0ms; -o-transition: all 300ms ease-out 0ms; -webkit-transition: all 300ms ease-out; -webkit-transition-delay: 0ms; -webkit-transition: all 300ms ease-out 0ms; transition: all 300ms ease-out 0ms; margin: 0; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 99, /app/source/stylesheets/includes/_header.scss */ .menu-open nav { background: black; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ nav:before, nav:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ nav:after { clear: both; } @media screen and (max-width: 62em) { /* line 104, /app/source/stylesheets/includes/_header.scss */ nav .nav-mobile-top { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ nav .nav-mobile-top:before, nav .nav-mobile-top:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ nav .nav-mobile-top:after { clear: both; } } /* line 109, /app/source/stylesheets/includes/_header.scss */ nav .logo { float: left; } @media screen and (max-width: 47.5em) { /* line 109, /app/source/stylesheets/includes/_header.scss */ nav .logo { font-size: 14px; line-height: 30px; } } @media screen and (min-width: 47.5em) { /* line 109, /app/source/stylesheets/includes/_header.scss */ nav .logo { font-size: 16px; } } /* line 119, /app/source/stylesheets/includes/_header.scss */ nav ul { list-style-type: none; margin: 0; padding: 0; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ nav ul:before, nav ul:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ nav ul:after { clear: both; } /* line 124, /app/source/stylesheets/includes/_header.scss */ nav ul a { display: block; font-weight: 300; font-size: 16px; } /* line 129, /app/source/stylesheets/includes/_header.scss */ nav ul a:link, nav ul a:visited { color: white; } /* line 132, /app/source/stylesheets/includes/_header.scss */ nav ul a:hover { color: #f4cd13; } @media screen and (min-width: 47.5em) { /* line 119, /app/source/stylesheets/includes/_header.scss */ nav ul { float: right; } /* line 138, /app/source/stylesheets/includes/_header.scss */ nav ul li { display: block; float: left; padding: 0px; margin: 0 0 0 30px; } /* line 143, /app/source/stylesheets/includes/_header.scss */ nav ul li:first-child { margin: 0; } } @media screen and (max-width: 62em) { /* line 119, /app/source/stylesheets/includes/_header.scss */ nav ul { overflow: hidden; clear: both; float: none; -moz-transition: all 300ms ease-out 0ms; -o-transition: all 300ms ease-out 0ms; -webkit-transition: all 300ms ease-out; -webkit-transition-delay: 0ms; -webkit-transition: all 300ms ease-out 0ms; transition: all 300ms ease-out 0ms; height: 0; } /* line 152, /app/source/stylesheets/includes/_header.scss */ nav ul li { float: none; display: block; text-align: center; background: #0d0a15; border-top: 1px solid rgba(255, 255, 255, 0.3); margin: 0px; } /* line 159, /app/source/stylesheets/includes/_header.scss */ nav ul li:last-child { border-bottom: none; } /* line 162, /app/source/stylesheets/includes/_header.scss */ nav ul li a { font-size: 18px; line-height: 50px; } /* line 169, /app/source/stylesheets/includes/_header.scss */ .menu-open nav ul { height: auto; margin-top: 10px; } } @media screen and (min-width: 47.5em) { /* line 175, /app/source/stylesheets/includes/_header.scss */ nav .responsive-menu { display: none; } } @media screen and (max-width: 62em) { /* line 175, /app/source/stylesheets/includes/_header.scss */ nav .responsive-menu { display: block; float: right; height: 30px; width: 30px; background: url("../images/menu.svg") no-repeat center center; background-size: 20px 20px; text-indent: 100%; white-space: nowrap; overflow: hidden; } } /* line 189, /app/source/stylesheets/includes/_header.scss */ nav h3 { float: left; color: white; line-height: 30px; background: rgba(255, 255, 255, 0.2); width: 50%; } /* line 1, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist { margin: 0 auto 40px auto; padding: 19px 40px 40px 40px; background: #e2e1e4; position: relative; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .mailinglist:before, .mailinglist:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .mailinglist:after { clear: both; } /* line 7, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist h3 { text-align: center; font-size: 20px; line-height: 1.5; color: #413b52; margin: 0 0 15px 0; font-weight: normal; } /* line 14, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist h3 strong { font-weight: bold; } /* line 18, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist .book { position: absolute; height: 235px; width: 215px; left: 0px; bottom: 0px; } /* line 25, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist .share { margin-top: 34px; } /* line 27, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist .share h4 { font-size: 16px; text-align: center; font-weight: normal; color: #aaa9b1; margin-bottom: 10px; } /* line 34, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist .share ul { padding: 0; margin: 0 auto; width: 140px; list-style-type: none; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .mailinglist .share ul:before, .mailinglist .share ul:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .mailinglist .share ul:after { clear: both; } /* line 40, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist .share ul li { display: block; float: left; margin: 0 10px 0 0; } /* line 44, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist .share ul li:last-child { margin: 0; } /* line 47, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist .share ul li a { height: 40px; width: 40px; line-height: 44px; display: block; background: #d6d4db; overflow: hidden; color: white; text-align: center; font-size: 16px; } /* line 57, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist .share ul li a:hover { background: #8a83a0; text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.35); } /* line 66, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist .form form { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; width: 100%; margin: 0; padding: 0; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .mailinglist .form form:before, .mailinglist .form form:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .mailinglist .form form:after { clear: both; } /* line 71, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist .form form .email { border: 0; height: 40px; font-size: 16px; float: left; width: 68%; margin-bottom: 0; margin-right: 2%; padding: 0 10px; border-radius: 0px; box-shadow: none; } /* line 83, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist .form form .submit { text-align: center; width: 30%; display: block; float: right; height: 40px; line-height: 40px; color: white; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGUwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzY2MxNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffde00), color-stop(100%, #f3cc14)); background: -webkit-linear-gradient(top, #ffde00, #f3cc14); background: linear-gradient(to bottom, #ffde00, #f3cc14); box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.55); border: 0; font-size: 16px; padding: 0; cursor: pointer; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } /* line 98, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist .form form .submit:hover { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWUyZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3Y2MwNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffee2d), color-stop(100%, #f7cc04)); background: -webkit-linear-gradient(top, #ffee2d, #f7cc04); background: linear-gradient(to bottom, #ffee2d, #f7cc04); } /* line 101, /app/source/stylesheets/includes/_mailinglist.scss */ .mailinglist .form form .submit:active { position: relative; top: 1px; } /* line 4, /app/source/stylesheets/includes/_blog_archive.scss */ #blog { padding-bottom: 0; border: none; } /* line 9, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-archive { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; border-top: 1px dotted #c9c5cf; margin-bottom: 60px; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .blog-archive:before, .blog-archive:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .blog-archive:after { clear: both; } /* line 14, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-featured { border-bottom: 1px dotted #c9c5cf; padding: 40px 0; position: relative; } /* line 20, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-featured article { border: none; margin-bottom: 0; padding: 0; } /* line 24, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-featured article .summary-content { margin-bottom: 0; font-size: 18px; } /* line 33, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-header { position: absolute; top: 0; left: 0; background: #f5f4f7; color: #8F8E96; padding: 3px 6px; font-size: 13px; text-transform: uppercase; } /* line 43, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-articles { position: relative; padding-top: 6.66667%; } @media screen and (min-width: 47.5em) { /* line 43, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-articles { border-right: 1px dotted #c9c5cf; width: 67.77778%; float: left; } } /* line 54, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-summary { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .blog-summary:before, .blog-summary:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .blog-summary:after { clear: both; } @media screen and (min-width: 47.5em) { /* line 54, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-summary { padding-right: 10.34483%; } } @media screen and (min-width: 47.5em) { /* line 59, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-summary .summary { width: 73.33333%; float: right; margin-right: 0; *margin-left: -60px; display: inline; } } /* line 64, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-summary h3 { margin-bottom: 10px; } @media screen and (max-width: 47.5em) { /* line 64, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-summary h3 { font-size: 22px; } } @media screen and (min-width: 47.5em) { /* line 64, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-summary h3 { font-size: 31px; } } /* line 72, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-summary h3 a { color: #413b52; font-weight: 300; } /* line 77, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-summary .summary-content { margin-bottom: 0; } @media screen and (max-width: 47.5em) { /* line 77, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-summary .summary-content { font-size: 16px; } } /* line 83, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-summary .post-thumbnail { padding-top: 8px; } @media screen and (min-width: 47.5em) { /* line 83, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-summary .post-thumbnail { width: 20%; float: left; margin-right: 6.66667%; display: inline; } } @media screen and (max-width: 47.5em) { /* line 83, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-summary .post-thumbnail { width: 100%; max-width: 200px; margin: 0 auto 40px auto; } } /* line 94, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-summary:last-child { border-bottom: none; margin-bottom: 0; } @media screen and (min-width: 47.5em) { /* line 100, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-sidebar { width: 32.22222%; float: left; } } /* line 105, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-sidebar .block { position: relative; margin: 0; } @media screen and (max-width: 47.5em) { /* line 105, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-sidebar .block { padding: 40px 0; } /* line 110, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-sidebar .block:last-child { border-bottom: none; } } @media screen and (min-width: 47.5em) { /* line 105, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-sidebar .block { padding: 23.07692% 0 23.07692% 23.07692%; } } /* line 118, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-sidebar .newsletter { text-align: left; } /* line 120, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-sidebar .newsletter h3 { margin-bottom: 0px; } /* line 123, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-sidebar .newsletter p { font-size: 16px; margin-bottom: 10px; } /* line 127, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-sidebar .newsletter form { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; padding: 0; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .blog-sidebar .newsletter form:before, .blog-sidebar .newsletter form:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .blog-sidebar .newsletter form:after { clear: both; } /* line 131, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-sidebar .newsletter .text { float: left; margin-right: 2%; width: 65%; } /* line 136, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-sidebar .newsletter .button { float: left; width: 33%; margin: 0; } /* line 143, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-sidebar .follow p { margin-bottom: 5px; } /* line 147, /app/source/stylesheets/includes/_blog_archive.scss */ .blog-sidebar ul { list-style-type: none; padding: 0; margin: 0; } /* line 154, /app/source/stylesheets/includes/_blog_archive.scss */ .thumb { display: block; border-radius: 50%; border: 10px solid #f2f1f2; width: 100%; height: 100%; } /* line 161, /app/source/stylesheets/includes/_blog_archive.scss */ .meta { margin-bottom: 5px; color: #aaa9b1; font-size: 14px; } /* line 168, /app/source/stylesheets/includes/_blog_archive.scss */ .sidebar h2 { font-size: 18px; text-transform: uppercase; font-weight: 500; color: #aaa9b1; margin: 0 0 20px 0; } /* line 175, /app/source/stylesheets/includes/_blog_archive.scss */ .sidebar article { margin-bottom: 20px; } /* line 177, /app/source/stylesheets/includes/_blog_archive.scss */ .sidebar article .date { margin-bottom: 5px; } /* line 180, /app/source/stylesheets/includes/_blog_archive.scss */ .sidebar article h3 { margin: 0; font-size: 16px; line-height: 1.5; } /* line 1, /app/source/stylesheets/includes/_blog_post.scss */ .top { font-size: 14px; padding-bottom: 10px; border-bottom: 1px dotted #c9c5cf; margin-bottom: 60px; line-height: 26px; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .top:before, .top:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .top:after { clear: both; } /* line 11, /app/source/stylesheets/includes/_blog_post.scss */ .top .back { display: block; } @media screen and (max-width: 47.5em) { /* line 11, /app/source/stylesheets/includes/_blog_post.scss */ .top .back { text-align: center; margin-bottom: 10px; } } @media screen and (min-width: 47.5em) { /* line 11, /app/source/stylesheets/includes/_blog_post.scss */ .top .back { float: left; position: relative; top: 2px; } } @media screen and (max-width: 47.5em) { /* line 23, /app/source/stylesheets/includes/_blog_post.scss */ .top .meta { text-align: center; } } @media screen and (min-width: 47.5em) { /* line 23, /app/source/stylesheets/includes/_blog_post.scss */ .top .meta { float: right; } } /* line 31, /app/source/stylesheets/includes/_blog_post.scss */ .top .rss, .top .github { display: inline-block; margin-right: 20px; } /* line 35, /app/source/stylesheets/includes/_blog_post.scss */ .top .twitter { position: relative; top: 5px; display: inline-block; } /* line 39, /app/source/stylesheets/includes/_blog_post.scss */ .top .twitter iframe { width: 90px !important; margin: 0; } /* line 44, /app/source/stylesheets/includes/_blog_post.scss */ .top .meta-date { font-variant: small-caps; letter-spacing: 1px; } /* line 48, /app/source/stylesheets/includes/_blog_post.scss */ .top .meta-author { font-style: italic; color: #aaa9b1; } /* line 55, /app/source/stylesheets/includes/_blog_post.scss */ .post-section h1 { margin: 0 auto 60px auto; color: #333; font-weight: 100; text-align: center; width: 80%; } /* line 62, /app/source/stylesheets/includes/_blog_post.scss */ .post-section .post-thumbnail { float: none; margin: 0 auto; max-height: 250px; max-width: 250px; display: block; margin-bottom: 60px; } /* line 73, /app/source/stylesheets/includes/_blog_post.scss */ .post-thumbnail a { display: block; position: relative; width: 100%; overflow: hidden; } /* line 81, /app/source/stylesheets/includes/_blog_post.scss */ .post-thumbnail .default-thumb { background: url("/images/post.svg") center center no-repeat; background-size: 50% 50%; min-height: 157px; width: 100%; display: block; } /* line 90, /app/source/stylesheets/includes/_blog_post.scss */ .post { padding-bottom: 60px; margin-bottom: 0; } /* line 94, /app/source/stylesheets/includes/_blog_post.scss */ .post-content { margin-bottom: 60px; padding-bottom: 40px; } @media screen and (min-width: 47.5em) { /* line 94, /app/source/stylesheets/includes/_blog_post.scss */ .post-content { padding: 0 80px; } } /* line 99, /app/source/stylesheets/includes/_blog_post.scss */ .post-content p, .post-content h2, .post-content h3, .post-content h4, .post-content ul, .post-content ol, .post-content hr, .post-content blockquote, .post-content pre { margin-top: 0; } @media screen and (max-width: 47.5em) { /* line 99, /app/source/stylesheets/includes/_blog_post.scss */ .post-content p, .post-content h2, .post-content h3, .post-content h4, .post-content ul, .post-content ol, .post-content hr, .post-content blockquote, .post-content pre { margin-bottom: 20px; } } @media screen and (min-width: 47.5em) { /* line 99, /app/source/stylesheets/includes/_blog_post.scss */ .post-content p, .post-content h2, .post-content h3, .post-content h4, .post-content ul, .post-content ol, .post-content hr, .post-content blockquote, .post-content pre { margin-bottom: 30px; } } /* line 108, /app/source/stylesheets/includes/_blog_post.scss */ .post-content pre code { margin-bottom: 0; } @media screen and (max-width: 47.5em) { /* line 111, /app/source/stylesheets/includes/_blog_post.scss */ .post-content > p:first-of-type { font-size: 20px; } } @media screen and (min-width: 47.5em) { /* line 111, /app/source/stylesheets/includes/_blog_post.scss */ .post-content > p:first-of-type { font-size: 24px; } } /* line 121, /app/source/stylesheets/includes/_blog_post.scss */ .post-content h3 { font-weight: 300; border-bottom: 1px dotted #c9c5cf; } @media screen and (max-width: 47.5em) { /* line 121, /app/source/stylesheets/includes/_blog_post.scss */ .post-content h3 { font-size: 24px; line-height: 1.5; } } @media screen and (min-width: 47.5em) { /* line 121, /app/source/stylesheets/includes/_blog_post.scss */ .post-content h3 { font-size: 36px; line-height: 1.8; } } /* line 134, /app/source/stylesheets/includes/_blog_post.scss */ .post-content h2 strong a, .post-content h3 strong a { font-size: 16px; } /* line 138, /app/source/stylesheets/includes/_blog_post.scss */ .post-content hr { margin-bottom: 30px; border-bottom: 1px dotted #c9c5cf; border-top: 0; } @media screen and (max-width: 47.5em) { /* line 143, /app/source/stylesheets/includes/_blog_post.scss */ .post-content h4 { font-size: 20px; line-height: 1.5; } } @media screen and (min-width: 47.5em) { /* line 143, /app/source/stylesheets/includes/_blog_post.scss */ .post-content h4 { font-size: 24px; line-height: 1.8; } } /* line 153, /app/source/stylesheets/includes/_blog_post.scss */ .post-content h5 { display: inline-block; background: #f2f1f2; text-transform: uppercase; border-radius: 3px; padding: 3px 6px; font-size: 14px; font-weight: normal; } /* line 162, /app/source/stylesheets/includes/_blog_post.scss */ .post-content .pullcenter { width: 50%; margin: 0 auto 40px auto; cursor: pointer; } /* line 166, /app/source/stylesheets/includes/_blog_post.scss */ .post-content .pullcenter img { border: 0; } /* line 169, /app/source/stylesheets/includes/_blog_post.scss */ .post-content .pullcenter figcaption { font-style: italic; font-size: 14px; border-top: 1px solid #e2e1e4; padding-top: 10px; margin-top: 10px; color: #aaa9b1; margin-bottom: 20px; } /* line 179, /app/source/stylesheets/includes/_blog_post.scss */ .post-content .video, .post-content iframe { margin-bottom: 40px; } /* line 184, /app/source/stylesheets/includes/_blog_post.scss */ .post-content li ul { padding-top: 10px; } /* line 190, /app/source/stylesheets/includes/_blog_post.scss */ .post-share { padding: 10px; background: #f5f4f7; } @media screen and (max-width: 47.5em) { /* line 190, /app/source/stylesheets/includes/_blog_post.scss */ .post-share { margin-bottom: 40px; } } @media screen and (min-width: 47.5em) { /* line 190, /app/source/stylesheets/includes/_blog_post.scss */ .post-share { margin: 0 80px 40px 80px; } } /* line 199, /app/source/stylesheets/includes/_blog_post.scss */ .post-share h4 { display: inline-block; margin: 0; } /* line 203, /app/source/stylesheets/includes/_blog_post.scss */ .post-share .post-share-option { display: inline-block; position: relative; } /* line 206, /app/source/stylesheets/includes/_blog_post.scss */ .post-share .post-share-option.twitter { top: 4px; margin-left: 30px; } /* line 210, /app/source/stylesheets/includes/_blog_post.scss */ .post-share .post-share-option.gplus { top: 4px; } /* line 215, /app/source/stylesheets/includes/_blog_post.scss */ .post-author { position: relative; border-bottom: 1px dotted #c9c5cf; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } @media screen and (max-width: 47.5em) { /* line 215, /app/source/stylesheets/includes/_blog_post.scss */ .post-author { padding: 40px 0; } } @media screen and (min-width: 47.5em) { /* line 215, /app/source/stylesheets/includes/_blog_post.scss */ .post-author { padding: 40px 80px; } /* line 223, /app/source/stylesheets/includes/_blog_post.scss */ .post-author .author-bio { margin-left: 140px; } } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .post-author:before, .post-author:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .post-author:after { clear: both; } /* line 230, /app/source/stylesheets/includes/_blog_post.scss */ .post-author h3, .post-author h4 { margin-bottom: 5px; } /* line 233, /app/source/stylesheets/includes/_blog_post.scss */ .post-author .portrait { border-radius: 100px; height: 100px; width: 100px; float: left; display: block; } @media screen and (max-width: 47.5em) { /* line 233, /app/source/stylesheets/includes/_blog_post.scss */ .post-author .portrait { margin: 0 20px 20px 0; } } @media screen and (min-width: 47.5em) { /* line 233, /app/source/stylesheets/includes/_blog_post.scss */ .post-author .portrait { margin-right: 40px; } } /* line 246, /app/source/stylesheets/includes/_blog_post.scss */ .post-author p { margin: 0; } /*.post-nav{ @include cf; font-size: 16px; .prev{ display:block; float:left; } .next{ display:block; float:right; } }*/ /* line 262, /app/source/stylesheets/includes/_blog_post.scss */ .note { background: #fcf9e2; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA3MDQyOCIgeTE9IjAuMTAwNTgyIiB4Mj0iMS4wNzA0MjgiIHkyPSIwLjg5OTQxOCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZTQwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZkZTQwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-linear-gradient(325deg, rgba(253, 228, 0, 0.2) 0%, rgba(253, 228, 0, 0.1) 90%); background: linear-gradient(125deg, rgba(253, 228, 0, 0.2) 0%, rgba(253, 228, 0, 0.1) 90%); padding: 30px; margin-bottom: 30px; line-height: 1.6; } /* line 268, /app/source/stylesheets/includes/_blog_post.scss */ .note p { margin-bottom: 20px; } /* line 271, /app/source/stylesheets/includes/_blog_post.scss */ .note h3 { margin: 0 0 10px 0; border: 0; font-size: 24px; font-weight: 800; } /* line 277, /app/source/stylesheets/includes/_blog_post.scss */ .note ul { margin: 0; } /* line 280, /app/source/stylesheets/includes/_blog_post.scss */ .note.chapter { background: #e2e1e4; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA3MDQyOCIgeTE9IjAuMTAwNTgyIiB4Mj0iMS4wNzA0MjgiIHkyPSIwLjg5OTQxOCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTBlOSIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZTJlMGU5IiBzdG9wLW9wYWNpdHk9IjAuNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-linear-gradient(325deg, #e2e0e9 0%, rgba(226, 224, 233, 0.5) 90%); background: linear-gradient(125deg, #e2e0e9 0%, rgba(226, 224, 233, 0.5) 90%); } /* line 284, /app/source/stylesheets/includes/_blog_post.scss */ .note p:last-child { margin-bottom: 0; } /* line 288, /app/source/stylesheets/includes/_blog_post.scss */ .blurb { margin-bottom: 60px; background: #e2e1e4; padding: 12px; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .blurb:before, .blurb:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .blurb:after { clear: both; } /* line 294, /app/source/stylesheets/includes/_blog_post.scss */ .blurb h4 { float: left; margin: 0; width: 60px; text-transform: uppercase; line-height: 45px; } /* line 301, /app/source/stylesheets/includes/_blog_post.scss */ .blurb p { margin: 0 0 0 70px; font-style: italic; font-size: 16px; } /* line 307, /app/source/stylesheets/includes/_blog_post.scss */ .category { text-transform: uppercase; } /* line 310, /app/source/stylesheets/includes/_blog_post.scss */ .post-newsletter { background: #fcf9e2; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA3MDQyOCIgeTE9IjAuMTAwNTgyIiB4Mj0iMS4wNzA0MjgiIHkyPSIwLjg5OTQxOCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZTQwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZkZTQwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-linear-gradient(325deg, rgba(253, 228, 0, 0.2) 0%, rgba(253, 228, 0, 0.1) 90%); background: linear-gradient(125deg, rgba(253, 228, 0, 0.2) 0%, rgba(253, 228, 0, 0.1) 90%); border-bottom: 1px dotted #c9c5cf; position: relative; } @media screen and (max-width: 47.5em) { /* line 310, /app/source/stylesheets/includes/_blog_post.scss */ .post-newsletter { padding: 30px 20px; } } @media screen and (min-width: 47.5em) { /* line 310, /app/source/stylesheets/includes/_blog_post.scss */ .post-newsletter { padding: 60px; } } /* line 322, /app/source/stylesheets/includes/_blog_post.scss */ .blog-comments { padding-top: 60px; position: relative; } /* line 326, /app/source/stylesheets/includes/_blog_post.scss */ .blog-video { margin-bottom: 30px; } @media screen and (min-width: 47.5em) { /* line 326, /app/source/stylesheets/includes/_blog_post.scss */ .blog-video { max-width: 70%; margin: 0 auto; } } /* line 2, /app/source/stylesheets/includes/_progress.scss */ .translation-progress p { font-weight: 800; margin-bottom: 10px; } /* line 6, /app/source/stylesheets/includes/_progress.scss */ .translation-progress progress { margin: 0; } /* Styling the determinate progress element */ /* line 15, /app/source/stylesheets/includes/_progress.scss */ progress { /* Get rid of the default appearance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */ border: none; /* Add dimensions */ width: 100%; height: 20px; /* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */ background-color: whiteSmoke; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset; /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */ color: royalblue; position: relative; } /* Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element. -webkit-progress-bar -> To style the progress element container -webkit-progress-value -> To style the progress element value. */ /* line 42, /app/source/stylesheets/includes/_progress.scss */ progress::-webkit-progress-bar { background-color: whiteSmoke; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset; } /* line 48, /app/source/stylesheets/includes/_progress.scss */ progress::-webkit-progress-value { position: relative; background-size: 35px 20px, 100% 100%, 100% 100%; border-radius: 3px; } /* Firefox provides a single pseudo class to style the progress element value and not for container. -moz-progress-bar */ /* line 60, /app/source/stylesheets/includes/_progress.scss */ progress::-moz-progress-bar { /* Gradient background with Stripes */ background-image: -moz-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -moz-linear-gradient(left, #09c, #f44); background-size: 35px 20px, 100% 100%, 100% 100%; border-radius: 3px; /* Firefox doesn't support CSS3 keyframe animations on progress element. Hence, we did not include animate-stripes in this code block */ } /* Fallback technique styles */ /* line 81, /app/source/stylesheets/includes/_progress.scss */ .progress-bar { background-color: whiteSmoke; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset; /* Dimensions should be similar to the parent progress element. */ width: 100%; height: 20px; } /* line 90, /app/source/stylesheets/includes/_progress.scss */ .progress-bar span { background-color: royalblue; border-radius: 3px; display: block; text-indent: -9999px; } /* line 98, /app/source/stylesheets/includes/_progress.scss */ p[data-value] { position: relative; } /* The percentage will automatically fall in place as soon as we make the width fluid. Now making widths fluid. */ /* line 105, /app/source/stylesheets/includes/_progress.scss */ p[data-value]:after { content: attr(data-value) "%"; position: absolute; right: 0; } /* line 113, /app/source/stylesheets/includes/_progress.scss */ progress::-webkit-progress-value { /* Gradient background with Stripes */ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #A172C6, #193152); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #a172c6, #193152); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), linear-gradient(to right, #a172c6, #193152); } /* line 5, /app/source/stylesheets/includes/_loader.scss */ .loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 30px; height: 25px; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row no-wrap; -ms-flex-flow: row no-wrap; flex-flow: row no-wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* line 14, /app/source/stylesheets/includes/_loader.scss */ .loader .bar { width: 3px; height: 5px; margin-right: 1px; border-radius: 5px; background: #A172C6; -webkit-box-flex: 1; -webkit-flex: 1 5px; -ms-flex: 1 5px; flex: 1 5px; } /* line 20, /app/source/stylesheets/includes/_loader.scss */ .loader .bar:last-child { margin: 0; } /* line 22, /app/source/stylesheets/includes/_loader.scss */ .loader .bar:nth-child(1) { animation: load 0.6s ease-in-out 0.1s infinite alternate; -webkit-animation: load 0.6s ease-in-out 0.1s infinite alternate; } /* line 22, /app/source/stylesheets/includes/_loader.scss */ .loader .bar:nth-child(2) { animation: load 0.6s ease-in-out 0.2s infinite alternate; -webkit-animation: load 0.6s ease-in-out 0.2s infinite alternate; } /* line 22, /app/source/stylesheets/includes/_loader.scss */ .loader .bar:nth-child(3) { animation: load 0.6s ease-in-out 0.3s infinite alternate; -webkit-animation: load 0.6s ease-in-out 0.3s infinite alternate; } /* line 22, /app/source/stylesheets/includes/_loader.scss */ .loader .bar:nth-child(4) { animation: load 0.6s ease-in-out 0.4s infinite alternate; -webkit-animation: load 0.6s ease-in-out 0.4s infinite alternate; } /* line 22, /app/source/stylesheets/includes/_loader.scss */ .loader .bar:nth-child(5) { animation: load 0.6s ease-in-out 0.5s infinite alternate; -webkit-animation: load 0.6s ease-in-out 0.5s infinite alternate; } @-webkit-keyframes load { 100% { height: 25px; } } @keyframes load { 100% { height: 25px; } } /* line 1, /app/source/stylesheets/includes/_portraits.scss */ .author { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .author:before, .author:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .author:after { clear: both; } @media screen and (max-width: 47.5em) { /* line 1, /app/source/stylesheets/includes/_portraits.scss */ .author { margin-bottom: 20px; } } @media screen and (min-width: 47.5em) { /* line 1, /app/source/stylesheets/includes/_portraits.scss */ .author { width: 46.66667%; float: left; margin-right: 6.66667%; display: inline; } /* line 194, /app/vendor/bundle/ruby/2.2.0/gems/susy-2.2.11/sass/susy/language/susyone/_grid.scss */ .author:nth-child(2n) { float: right; margin-right: 0; *margin-left: -60px; } } @media screen and (min-width: 47.5em) { /* line 10, /app/source/stylesheets/includes/_portraits.scss */ .author .bio { margin-left: 120px; } } /* line 14, /app/source/stylesheets/includes/_portraits.scss */ .author .bio p:last-child { margin-bottom: 0; } /* line 18, /app/source/stylesheets/includes/_portraits.scss */ .author h3 { margin-bottom: 5px; font-size: 24px; } /* line 22, /app/source/stylesheets/includes/_portraits.scss */ .author .twitter { margin-bottom: 5px; } /* line 25, /app/source/stylesheets/includes/_portraits.scss */ .author .portrait { height: 100px; width: 100px; float: left; margin: 0 20px 20px 0; } /* line 32, /app/source/stylesheets/includes/_portraits.scss */ .portrait { border-radius: 100px; display: block; } @media screen and (min-width: 47.5em) { /* line 2, /app/source/stylesheets/includes/_home.scss */ .home-layout p { font-size: 18px; } } /* line 7, /app/source/stylesheets/includes/_home.scss */ .home-layout header { margin-bottom: 0px; } /* line 11, /app/source/stylesheets/includes/_home.scss */ .discount { width: 100%; background: #fcf9e2; } /* line 14, /app/source/stylesheets/includes/_home.scss */ .discount p { padding: 8px 10px; margin: 0; text-align: center; } @medium { /* line 14, /app/source/stylesheets/includes/_home.scss */ .discount p { width: 100%; float: right; margin-right: 0; *margin-left: -60px; display: inline; } } /* line 21, /app/source/stylesheets/includes/_home.scss */ .discount p .amount { font-weight: 800; } /* line 24, /app/source/stylesheets/includes/_home.scss */ .discount p .code { font-family: 'Source Code Pro', monospace; letter-spacing: 1px; text-transform: uppercase; } /* line 31, /app/source/stylesheets/includes/_home.scss */ .video-frame { padding: 0 120px; margin: 0px auto; height: 0px; opacity: 0; -moz-transition: all 300ms ease-out 0ms; -o-transition: all 300ms ease-out 0ms; -webkit-transition: all 300ms ease-out; -webkit-transition-delay: 0ms; -webkit-transition: all 300ms ease-out 0ms; transition: all 300ms ease-out 0ms; overflow: hidden; position: relative; z-index: 100; } /* line 40, /app/source/stylesheets/includes/_home.scss */ .video-open .video-frame { height: auto; opacity: 1; } /* line 43, /app/source/stylesheets/includes/_home.scss */ .video-open .video-frame .video { box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.65); } /* line 48, /app/source/stylesheets/includes/_home.scss */ #primary { padding-bottom: 0; } @media screen and (max-width: 47.5em) { /* line 48, /app/source/stylesheets/includes/_home.scss */ #primary { padding: 0 10px; } } @media screen and (min-width: 47.5em) { /* line 61, /app/source/stylesheets/includes/_home.scss */ #primary .book { width: 46.66667%; float: right; margin-right: 0; *margin-left: -60px; display: inline; position: relative; } } /* line 66, /app/source/stylesheets/includes/_home.scss */ #primary .book img { margin: 0 auto 40px auto; display: block; } @media screen and (max-width: 47.5em) { /* line 66, /app/source/stylesheets/includes/_home.scss */ #primary .book img { width: 100%; max-width: 300px; } } @media screen and (min-width: 47.5em) { /* line 66, /app/source/stylesheets/includes/_home.scss */ #primary .book img { position: absolute; top: -270px; left: 0px; width: 410px; } } /* line 82, /app/source/stylesheets/includes/_home.scss */ #primary .book .updated { z-index: 100; background: #fde400; position: absolute; font-weight: bold; padding: 5px 10px; font-size: 14px; } /* line 91, /app/source/stylesheets/includes/_home.scss */ #primary .intro { margin: 30px 0 30px 0; } @media screen and (max-width: 47.5em) { /* line 91, /app/source/stylesheets/includes/_home.scss */ #primary .intro { text-align: center; } } /* line 96, /app/source/stylesheets/includes/_home.scss */ #primary .intro h3 { font-size: 20px; font-weight: 500; margin-bottom: 10px; line-height: 1.5; } /* line 102, /app/source/stylesheets/includes/_home.scss */ #primary .intro h2 { margin-bottom: 10px; font-size: 36px; } /* line 106, /app/source/stylesheets/includes/_home.scss */ #primary .intro p { margin-bottom: 20px; line-height: 1.7; } /* line 110, /app/source/stylesheets/includes/_home.scss */ #primary .intro .sample { text-align: center; margin-top: 10px; } /* line 113, /app/source/stylesheets/includes/_home.scss */ #primary .intro .sample span { display: block; font-size: 14px; font-style: italic; margin-bottom: 5px; } /* line 119, /app/source/stylesheets/includes/_home.scss */ #primary .intro .sample a { display: block; } @media screen and (min-width: 47.5em) { /* line 91, /app/source/stylesheets/includes/_home.scss */ #primary .intro { width: 46.66667%; float: left; margin-right: 6.66667%; display: inline; } } /* line 129, /app/source/stylesheets/includes/_home.scss */ #meteor .first { font-size: 24px; } /* line 133, /app/source/stylesheets/includes/_home.scss */ .buy { font-size: 18px; } @media screen and (min-width: 47.5em) { /* line 133, /app/source/stylesheets/includes/_home.scss */ .buy { display: -webkit-flex; -webkit-flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 47.5em) { /* line 141, /app/source/stylesheets/includes/_home.scss */ .buy .button, .buy .simple-button { margin-right: 20px; margin-bottom: 0px; -webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /* line 146, /app/source/stylesheets/includes/_home.scss */ .buy .button:last-child, .buy .simple-button:last-child { margin-right: 0px; } } /* line 151, /app/source/stylesheets/includes/_home.scss */ .buy .offer { background: #fde400; display: inline-block; padding: 2px 6px; text-transform: uppercase; margin-left: 5px; font-size: 14px; color: #413b52; } /* line 161, /app/source/stylesheets/includes/_home.scss */ .screenshot { position: relative; display: block; } /* line 164, /app/source/stylesheets/includes/_home.scss */ .screenshot img { display: block; width: 100%; } /* line 168, /app/source/stylesheets/includes/_home.scss */ .screenshot .overlay { display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 50; -moz-transition: all 300ms ease-out 0ms; -o-transition: all 300ms ease-out 0ms; -webkit-transition: all 300ms ease-out; -webkit-transition-delay: 0ms; -webkit-transition: all 300ms ease-out 0ms; transition: all 300ms ease-out 0ms; } /* line 178, /app/source/stylesheets/includes/_home.scss */ .screenshot .button { display: block; position: absolute; top: 50%; left: 50%; margin: -21px 0 0 -82px; z-index: 100; font-size: 18px; padding: 10px 30px; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35); } /* line 190, /app/source/stylesheets/includes/_home.scss */ .screenshot:hover .overlay { background: rgba(0, 0, 0, 0.15); } /* line 195, /app/source/stylesheets/includes/_home.scss */ .illustration { margin: 0 auto 60px auto; } /* line 198, /app/source/stylesheets/includes/_home.scss */ .feature { margin-bottom: 40px; text-align: center; } @media screen and (min-width: 47.5em) { /* line 198, /app/source/stylesheets/includes/_home.scss */ .feature { width: 28.88889%; float: left; margin-right: 6.66667%; display: inline; } /* line 194, /app/vendor/bundle/ruby/2.2.0/gems/susy-2.2.11/sass/susy/language/susyone/_grid.scss */ .feature:nth-of-type(3n) { float: right; margin-right: 0; *margin-left: -60px; } } /* line 205, /app/source/stylesheets/includes/_home.scss */ .feature img { display: block; width: 40px; margin: 0 auto 20px auto; } /* line 210, /app/source/stylesheets/includes/_home.scss */ .feature h3 { margin-bottom: 5px; } @media screen and (min-width: 47.5em) { /* line 213, /app/source/stylesheets/includes/_home.scss */ .feature p { font-size: 16px; } } /* line 219, /app/source/stylesheets/includes/_home.scss */ #microscope { text-align: center; } /* line 221, /app/source/stylesheets/includes/_home.scss */ #microscope img { display: block; width: 100%; margin-bottom: 40px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); border-radius: 2px; } /* line 228, /app/source/stylesheets/includes/_home.scss */ #microscope h3 { font-size: 24px; } /* line 233, /app/source/stylesheets/includes/_home.scss */ .about h3 { font-size: 30px; font-weight: 100; margin: 0 0 20px 0; } /* line 238, /app/source/stylesheets/includes/_home.scss */ .about .clock { height: 80px; width: 80px; display: block; float: right; margin-left: 10px; } /* line 245, /app/source/stylesheets/includes/_home.scss */ .about .telescope { display: block; float: right; margin: 0 0 10px 30px; } /* line 249, /app/source/stylesheets/includes/_home.scss */ .about .telescope img { width: 180px; display: block; margin-bottom: 10px; } /* line 254, /app/source/stylesheets/includes/_home.scss */ .about .telescope .caption { display: block; text-align: center; font-size: 14px; color: #aaa9b1; background: none; padding: 0; margin-top: 0; } /* line 264, /app/source/stylesheets/includes/_home.scss */ .about .block { margin-bottom: 40px; } /* line 268, /app/source/stylesheets/includes/_home.scss */ .chapters-list { margin: 0; padding: 0; margin: 0 auto; list-style-type: none; } @media screen and (min-width: 47.5em) { /* line 268, /app/source/stylesheets/includes/_home.scss */ .chapters-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } } /* line 277, /app/source/stylesheets/includes/_home.scss */ .chapters-list li { column-break-inside: avoid; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; border-bottom: 1px dotted #c9c5cf; padding-bottom: 10px; margin-bottom: 10px; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .chapters-list li:before, .chapters-list li:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .chapters-list li:after { clear: both; } /* line 283, /app/source/stylesheets/includes/_home.scss */ .chapters-list li .chapter-title { float: left; } /* line 286, /app/source/stylesheets/includes/_home.scss */ .chapters-list li .chapter-number { float: right; color: #aaa9b1; font-weight: 300; } /* line 291, /app/source/stylesheets/includes/_home.scss */ .chapters-list li.end { visibility: hidden; } @media screen and (min-width: 47.5em) { /* line 296, /app/source/stylesheets/includes/_home.scss */ .question { width: 28.88889%; float: left; margin-right: 6.66667%; display: inline; } /* line 194, /app/vendor/bundle/ruby/2.2.0/gems/susy-2.2.11/sass/susy/language/susyone/_grid.scss */ .question:nth-of-type(3n) { float: right; margin-right: 0; *margin-left: -60px; } } /* line 301, /app/source/stylesheets/includes/_home.scss */ .question h3 { text-align: center; font-size: 20px; } /* line 305, /app/source/stylesheets/includes/_home.scss */ .question p { text-align: center; } /* line 311, /app/source/stylesheets/includes/_home.scss */ #contact p, #thankyou p { text-align: center; } /* line 315, /app/source/stylesheets/includes/_home.scss */ #share { background: #e2e1e4; } /* line 317, /app/source/stylesheets/includes/_home.scss */ #share ul { list-style-type: none; padding: 0; margin: 0; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ #share ul:before, #share ul:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ #share ul:after { clear: both; } /* line 322, /app/source/stylesheets/includes/_home.scss */ #share ul li { float: left; width: 30%; } /* line 328, /app/source/stylesheets/includes/_home.scss */ .cta2 { text-align: center; border: none; background: #f5f4f7; padding: 40px; margin-top: -61px; position: relative; z-index: 5; } /* line 336, /app/source/stylesheets/includes/_home.scss */ .cta2 h2 { margin-bottom: 20px !important; } /* line 339, /app/source/stylesheets/includes/_home.scss */ .cta2 .button { width: 200px; margin: 0 auto; } /* line 344, /app/source/stylesheets/includes/_home.scss */ #newsletter, .newsletter { text-align: center; } /* line 346, /app/source/stylesheets/includes/_home.scss */ #newsletter p, .newsletter p { margin-bottom: 40px; } @media screen and (min-width: 47.5em) { /* line 349, /app/source/stylesheets/includes/_home.scss */ #newsletter form, .newsletter form { padding-left: 17.77778%; padding-right: 17.77778%; } } /* line 354, /app/source/stylesheets/includes/_home.scss */ #newsletter form .text, .newsletter form .text { line-height: 24px; height: 40px; padding: 6px; font-size: 18px; width: 63%; float: left; display: block; margin: 0 2% 0 0; } /* line 364, /app/source/stylesheets/includes/_home.scss */ #newsletter form .button, .newsletter form .button { width: 35%; } /* line 371, /app/source/stylesheets/includes/_home.scss */ .home-layout section > h2 { text-align: center; font-weight: 300; margin-bottom: 40px; } @media screen and (max-width: 47.5em) { /* line 371, /app/source/stylesheets/includes/_home.scss */ .home-layout section > h2 { font-size: 36px; } } @media screen and (min-width: 47.5em) { /* line 371, /app/source/stylesheets/includes/_home.scss */ .home-layout section > h2 { font-size: 48px; } } /* line 384, /app/source/stylesheets/includes/_home.scss */ .starter { background: white; text-align: center; color: #413b52; border-bottom: none; padding-bottom: 0px; margin-bottom: 40px; } /* line 391, /app/source/stylesheets/includes/_home.scss */ .starter .note { margin-bottom: 0; } @media screen and (min-width: 47.5em) { /* line 391, /app/source/stylesheets/includes/_home.scss */ .starter .note { padding: 30px 60px; } } /* line 398, /app/source/stylesheets/includes/_home.scss */ .starter-button { display: inline-block; position: relative; z-index: 1000; } /* line 404, /app/source/stylesheets/includes/_home.scss */ .hero-testimonial .testimonial { margin-bottom: 0px; } /* line 406, /app/source/stylesheets/includes/_home.scss */ .hero-testimonial .testimonial blockquote { background: none; } /* line 410, /app/source/stylesheets/includes/_home.scss */ .hero-testimonial .testimonial-position { color: rgba(255, 255, 255, 0.6); } /* line 414, /app/source/stylesheets/includes/_home.scss */ .updated { text-align: center; font-size: 13px; font-style: italic; margin: 15px 0 0 0; } /* line 1, /app/source/stylesheets/includes/_packages.scss */ .promo { text-align: center; } /* line 4, /app/source/stylesheets/includes/_packages.scss */ #packages { padding-top: 40px; } /* line 8, /app/source/stylesheets/includes/_packages.scss */ #packages .team { text-align: center; margin-bottom: 120px; } /* line 13, /app/source/stylesheets/includes/_packages.scss */ .package-page-title { text-align: center; margin-bottom: 100px; } /* line 15, /app/source/stylesheets/includes/_packages.scss */ .package-page-title h2 { font-size: 36px; text-align: center; font-weight: 300; margin-bottom: 20px; } /* line 23, /app/source/stylesheets/includes/_packages.scss */ .package { border: 4px solid #e2e1e4; border-radius: 10px; padding: 80px 0 80px 0; margin-bottom: 120px; position: relative; } @media screen and (min-width: 47.5em) { /* line 29, /app/source/stylesheets/includes/_packages.scss */ .package .package-item-list { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .package .package-item-list:before, .package .package-item-list:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .package .package-item-list:after { clear: both; } } /* line 35, /app/source/stylesheets/includes/_packages.scss */ .package-title { float: right; position: absolute; right: 50%; top: 0px; } /* line 40, /app/source/stylesheets/includes/_packages.scss */ .package-title h2 { background: white; text-align: center; float: left; position: relative; left: 50%; padding: 5px 10px; line-height: 1; } @media screen and (max-width: 47.5em) { /* line 40, /app/source/stylesheets/includes/_packages.scss */ .package-title h2 { top: -42px; } } @media screen and (min-width: 47.5em) { /* line 40, /app/source/stylesheets/includes/_packages.scss */ .package-title h2 { top: -52px; } } /* line 54, /app/source/stylesheets/includes/_packages.scss */ .package-title h2 span { font-size: 14px; display: block; text-transform: uppercase; font-weight: 500; margin-bottom: 9px; } /* line 62, /app/source/stylesheets/includes/_packages.scss */ .package-title h2 em { display: block; font-weight: 300; white-space: nowrap; } @media screen and (max-width: 47.5em) { /* line 62, /app/source/stylesheets/includes/_packages.scss */ .package-title h2 em { font-size: 36px; } } @media screen and (min-width: 47.5em) { /* line 62, /app/source/stylesheets/includes/_packages.scss */ .package-title h2 em { font-size: 48px; } } /* line 75, /app/source/stylesheets/includes/_packages.scss */ .package-blurb { padding-left: 8.88889%; padding-right: 8.88889%; text-align: center; margin-bottom: 60px; } /* line 80, /app/source/stylesheets/includes/_packages.scss */ .package-blurb p { font-size: 20px; } /* line 84, /app/source/stylesheets/includes/_packages.scss */ .package-block { margin-bottom: 40px; } /* line 87, /app/source/stylesheets/includes/_packages.scss */ .package-contents { padding-left: 8.88889%; padding-right: 8.88889%; } /* line 90, /app/source/stylesheets/includes/_packages.scss */ .package-contents h3 { border-bottom: 1px dotted #c9c5cf; padding-bottom: 10px; margin-bottom: 10px; } /* line 96, /app/source/stylesheets/includes/_packages.scss */ .package-contents ul { list-style-type: none; padding: 0; margin: 0; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .package-contents ul:before, .package-contents ul:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .package-contents ul:after { clear: both; } /* line 102, /app/source/stylesheets/includes/_packages.scss */ .package-contents .coming-soon { text-align: center; } /* line 104, /app/source/stylesheets/includes/_packages.scss */ .package-contents .coming-soon h3 { border: none; font-size: 24px; } /* line 108, /app/source/stylesheets/includes/_packages.scss */ .package-contents .coming-soon p { font-size: 18px; } /* line 112, /app/source/stylesheets/includes/_packages.scss */ .package-contents .package-item { margin-bottom: 30px; float: left; } @media screen and (min-width: 47.5em) { /* line 112, /app/source/stylesheets/includes/_packages.scss */ .package-contents .package-item { width: 45.94595%; float: left; margin-right: 8.10811%; display: inline; } /* line 194, /app/vendor/bundle/ruby/2.2.0/gems/susy-2.2.11/sass/susy/language/susyone/_grid.scss */ .package-contents .package-item:nth-of-type(2n) { float: right; margin-right: 0; *margin-left: -60px; } } /* line 119, /app/source/stylesheets/includes/_packages.scss */ .package-contents .package-item .item-icon { width: 60px; display: block; float: left; } /* line 123, /app/source/stylesheets/includes/_packages.scss */ .package-contents .package-item .item-icon img { margin: 0 auto; width: 80%; display: block; } /* line 127, /app/source/stylesheets/includes/_packages.scss */ .package-contents .package-item .item-icon img[src$=".jpg"] { width: 100%; border-radius: 100px; } /* line 133, /app/source/stylesheets/includes/_packages.scss */ .package-contents .package-item .item-contents { margin-left: 80px; min-height: 91px; } /* line 136, /app/source/stylesheets/includes/_packages.scss */ .package-contents .package-item .item-contents h4 { margin-bottom: 3px; } /* line 140, /app/source/stylesheets/includes/_packages.scss */ .package-contents .package-item .item-name { margin-bottom: 5px; } /* line 144, /app/source/stylesheets/includes/_packages.scss */ .package-contents .package-item .item-description { font-size: 14px; margin: 0; } /* line 155, /app/source/stylesheets/includes/_packages.scss */ .package-action { float: right; position: relative; right: 50%; } /* line 159, /app/source/stylesheets/includes/_packages.scss */ .package-action .inner { float: left; position: relative; left: 50%; top: 43px; background: white; border: 4px solid #e2e1e4; border-radius: 10px; } @media screen and (max-width: 47.5em) { /* line 159, /app/source/stylesheets/includes/_packages.scss */ .package-action .inner { padding: 5px; } } @media screen and (min-width: 47.5em) { /* line 159, /app/source/stylesheets/includes/_packages.scss */ .package-action .inner { padding: 10px; } } /* line 174, /app/source/stylesheets/includes/_packages.scss */ .package-action a { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; padding: 0; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .package-action a:before, .package-action a:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .package-action a:after { clear: both; } /* line 179, /app/source/stylesheets/includes/_packages.scss */ .package-action .discounted .price { text-decoration: line-through; } /* line 183, /app/source/stylesheets/includes/_packages.scss */ .packages-upgrading { text-align: center; } /* line 187, /app/source/stylesheets/includes/_packages.scss */ .package-tshirt .package-item { width: 100%; } /* line 196, /app/source/stylesheets/includes/_packages.scss */ .pack { border: 4px solid #e2e1e4; border-radius: 10px; padding: 20px; text-align: center; } @media screen and (min-width: 47.5em) { /* line 196, /app/source/stylesheets/includes/_packages.scss */ .pack { width: 28.88889%; float: left; margin-right: 6.66667%; display: inline; } /* line 194, /app/vendor/bundle/ruby/2.2.0/gems/susy-2.2.11/sass/susy/language/susyone/_grid.scss */ .pack:nth-of-type(3) { float: right; margin-right: 0; *margin-left: -60px; } } /* line 204, /app/source/stylesheets/includes/_packages.scss */ .pack .pack-title { margin-bottom: 10px; } /* line 207, /app/source/stylesheets/includes/_packages.scss */ .pack .pack-copies { margin-bottom: 10px; } /* line 210, /app/source/stylesheets/includes/_packages.scss */ .pack .pack-subscribe { display: inline-block; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; padding: 0; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .pack .pack-subscribe:before, .pack .pack-subscribe:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .pack .pack-subscribe:after { clear: both; } /* line 217, /app/source/stylesheets/includes/_packages.scss */ .education, .enterprise { padding-bottom: 120px; } @media screen and (min-width: 47.5em) { /* line 219, /app/source/stylesheets/includes/_packages.scss */ .education .intro, .enterprise .intro { margin: 0 60px 60px 60px; } } /* line 2, /app/source/stylesheets/includes/_reviews.scss */ #testimonials .more-reviews { float: right; font-size: 18px; } /* line 6, /app/source/stylesheets/includes/_reviews.scss */ #testimonials .testimonials { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ #testimonials .testimonials:before, #testimonials .testimonials:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ #testimonials .testimonials:after { clear: both; } /* line 10, /app/source/stylesheets/includes/_reviews.scss */ .testimonial { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; margin-bottom: 60px; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .testimonial:before, .testimonial:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .testimonial:after { clear: both; } @media screen and (min-width: 47.5em) { /* line 10, /app/source/stylesheets/includes/_reviews.scss */ .testimonial { width: 46.66667%; float: left; margin-right: 6.66667%; display: inline; } /* line 194, /app/vendor/bundle/ruby/2.2.0/gems/susy-2.2.11/sass/susy/language/susyone/_grid.scss */ .testimonial:nth-of-type(2n) { float: right; margin-right: 0; *margin-left: -60px; } } /* line 17, /app/source/stylesheets/includes/_reviews.scss */ .testimonial blockquote { margin: 0 0 20px 0; font-style: italic; } @media screen and (min-width: 47.5em) { /* line 17, /app/source/stylesheets/includes/_reviews.scss */ .testimonial blockquote { font-size: 18px; } } /* line 24, /app/source/stylesheets/includes/_reviews.scss */ .testimonial .quoted { float: right; } /* line 27, /app/source/stylesheets/includes/_reviews.scss */ .testimonial .portrait { display: block; float: left; } /* line 30, /app/source/stylesheets/includes/_reviews.scss */ .testimonial .portrait img { border-radius: 100px; width: 40px; height: 40px; } /* line 36, /app/source/stylesheets/includes/_reviews.scss */ .testimonial .contents { margin-left: 50px; } /* line 38, /app/source/stylesheets/includes/_reviews.scss */ .testimonial .contents .testimonial-name { margin-bottom: 3px; line-height: 1; } /* line 42, /app/source/stylesheets/includes/_reviews.scss */ .testimonial .contents .testimonial-position { margin-bottom: 0px; font-weight: 300; font-size: 14px; } @media screen and (min-width: 47.5em) { /* line 51, /app/source/stylesheets/includes/_reviews.scss */ #twitter .tweet { width: 46.66667%; float: left; margin-right: 6.66667%; display: inline; margin-bottom: 40px; } /* line 194, /app/vendor/bundle/ruby/2.2.0/gems/susy-2.2.11/sass/susy/language/susyone/_grid.scss */ #twitter .tweet:nth-of-type(2n) { float: right; margin-right: 0; *margin-left: -60px; } } /* line 59, /app/source/stylesheets/includes/_reviews.scss */ .submit-review p { margin: 0; } /* line 1, /app/source/stylesheets/includes/_translations.scss */ .languages { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .languages:before, .languages:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .languages:after { clear: both; } /* line 3, /app/source/stylesheets/includes/_translations.scss */ .languages hr { height: 0; border: 0; margin: 0; padding: 0; clear: both; } /* line 11, /app/source/stylesheets/includes/_translations.scss */ .language { margin-bottom: 60px; } @media screen and (min-width: 47.5em) { /* line 11, /app/source/stylesheets/includes/_translations.scss */ .language { width: 28.88889%; float: left; margin-right: 6.66667%; display: inline; } /* line 194, /app/vendor/bundle/ruby/2.2.0/gems/susy-2.2.11/sass/susy/language/susyone/_grid.scss */ .language:nth-of-type(3n) { float: right; margin-right: 0; *margin-left: -60px; } } /* line 17, /app/source/stylesheets/includes/_translations.scss */ .language h3 { margin: 0 0 10px 0; line-height: 1.8; border-bottom: 1px dotted #c9c5cf; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .language h3:before, .language h3:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .language h3:after { clear: both; } /* line 22, /app/source/stylesheets/includes/_translations.scss */ .language h3 a { font-weight: 300; color: #413b52; float: left; display: block; vertical-align: middle; } /* line 29, /app/source/stylesheets/includes/_translations.scss */ .language h3 span { float: right; display: block; font-size: 16px; font-weight: 300; line-height: 2.7; } /* line 38, /app/source/stylesheets/includes/_translations.scss */ .language-progress { margin-bottom: 10px; } /* line 41, /app/source/stylesheets/includes/_translations.scss */ .language-buttons { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .language-buttons:before, .language-buttons:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .language-buttons:after { clear: both; } /* line 43, /app/source/stylesheets/includes/_translations.scss */ .language-buttons a { display: block; text-align: center; width: 48%; font-size: 14px; padding: 5px 10px; float: right; background: #e2e1e4; } /* line 51, /app/source/stylesheets/includes/_translations.scss */ .language-buttons a:first-child { float: left; } /* line 56, /app/source/stylesheets/includes/_translations.scss */ .language-contributors { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; margin-bottom: 10px; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .language-contributors:before, .language-contributors:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .language-contributors:after { clear: both; } /* line 60, /app/source/stylesheets/includes/_translations.scss */ .language-contributor { display: block; float: left; border-radius: 100%; height: 30px; width: 30px; margin: 0 10px 10px 0; overflow: hidden; } /* line 68, /app/source/stylesheets/includes/_translations.scss */ .language-contributor img { display: inline-block; width: 100%; height: 100%; } /* line 74, /app/source/stylesheets/includes/_translations.scss */ .language-date { font-size: 13px; color: #aaa9b1; } /* line 78, /app/source/stylesheets/includes/_translations.scss */ .language-data { position: relative; } /* line 81, /app/source/stylesheets/includes/_translations.scss */ .language-loading { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: white; z-index: 100; opacity: 1; -moz-transition: all 300ms ease-out 0ms; -o-transition: all 300ms ease-out 0ms; -webkit-transition: all 300ms ease-out; -webkit-transition-delay: 0ms; -webkit-transition: all 300ms ease-out 0ms; transition: all 300ms ease-out 0ms; } /* line 91, /app/source/stylesheets/includes/_translations.scss */ .progress-loaded.contributors-loaded .language-loading { opacity: 0; pointer-events: none; } /* line 96, /app/source/stylesheets/includes/_translations.scss */ .language-error { padding: 10px; font-size: 14px; margin-bottom: 10px; text-align: center; } /* line 1, /app/source/stylesheets/includes/_case_studies.scss */ .case-study { text-align: center; margin-bottom: 40px; } @media screen and (min-width: 47.5em) { /* line 1, /app/source/stylesheets/includes/_case_studies.scss */ .case-study { width: 28.88889%; float: left; margin-right: 6.66667%; display: inline; } /* line 194, /app/vendor/bundle/ruby/2.2.0/gems/susy-2.2.11/sass/susy/language/susyone/_grid.scss */ .case-study:nth-of-type(3n) { float: right; margin-right: 0; *margin-left: -60px; } } /* line 8, /app/source/stylesheets/includes/_case_studies.scss */ .case-study .case-study-image { margin-bottom: 20px; display: block; } /* line 12, /app/source/stylesheets/includes/_case_studies.scss */ .case-study .case-study-title { margin-bottom: 5px; font-size: 28px; } /* line 15, /app/source/stylesheets/includes/_case_studies.scss */ .case-study .case-study-title a { font-weight: 300; } /* line 17, /app/source/stylesheets/includes/_case_studies.scss */ .case-study .case-study-title a:link, .case-study .case-study-title a:visited, .case-study .case-study-title a:active { color: #413b52; } /* line 22, /app/source/stylesheets/includes/_case_studies.scss */ .case-study .case-study-description { margin-bottom: 20px; font-size: 16px; } /* line 26, /app/source/stylesheets/includes/_case_studies.scss */ .case-study .case-study-quote { margin-bottom: 20px; font-size: 17px; height: 122px; width: 100%; display: table; } /* line 32, /app/source/stylesheets/includes/_case_studies.scss */ .case-study .case-study-quote span { display: table-cell; vertical-align: middle; } /* line 37, /app/source/stylesheets/includes/_case_studies.scss */ .case-study .portrait { line-height: 40px; text-align: left; margin-bottom: 20px; padding-left: 4px; } /* line 42, /app/source/stylesheets/includes/_case_studies.scss */ .case-study .portrait .avatar { width: 40px; height: 40px; display: inline-block; border-width: 3px; vertical-align: bottom; margin-right: 5px; } /* line 50, /app/source/stylesheets/includes/_case_studies.scss */ .case-study .portrait .name { display: inline-block; height: 40px; vertical-align: bottom; font-size: 16px; font-style: italic; } /* line 58, /app/source/stylesheets/includes/_case_studies.scss */ .case-study .case-study-quote { border: 4px solid #e2e1e4; border-radius: 10px; padding: 15px; position: relative; } /* line 62, /app/source/stylesheets/includes/_case_studies.scss */ .case-study .case-study-quote:before { top: 100%; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #e2e1e4; border-width: 12px; margin-left: -12px; } /* line 76, /app/source/stylesheets/includes/_case_studies.scss */ .case-study .case-study-quote:after { top: 95%; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: white; border-width: 12px; margin-left: -12px; } /* line 1, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-photos { margin-bottom: 10px; overflow: hidden; } @media screen and (min-width: 47.5em) { /* line 5, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-photos .col1 { width: 67.4%; float: left; padding-right: 10px; } /* line 9, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-photos .col1 img { float: left; } /* line 13, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-photos .col2 { width: 32.6%; float: right; } /* line 16, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-photos .col2 img:first-child { margin-bottom: 10px; } } @media screen and (max-width: 47.5em) { /* line 1, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-photos { max-width: 350px; margin: 0 auto; } } /* line 25, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-photos img { width: 100%; display: block; margin: 0 auto; } @media screen and (max-width: 47.5em) { /* line 25, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-photos img { max-width: 400px; margin-bottom: 10px; } } @media screen and (min-width: 47.5em) { /* line 37, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-photos-small .col1 { width: 80%; max-height: 290px; } /* line 40, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-photos-small .col1 img { margin-top: -20%; } /* line 44, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-photos-small .col2 { width: 20%; } } /* line 50, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-intro { margin-bottom: 80px; } @media screen and (max-width: 47.5em) { /* line 54, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-intro p:first-child { font-size: 20px; } } @media screen and (min-width: 47.5em) { /* line 54, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-intro p:first-child { font-size: 24px; } } /* line 63, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-get-it { margin-bottom: 80px; } /* line 65, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-get-it .shirt-get-it-button { background: url("../images/blog/tshirt-label.jpg"); background-size: cover; padding: 30px 20px; margin-bottom: 10px; } @media screen and (max-width: 47.5em) { /* line 65, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-get-it .shirt-get-it-button { max-width: 300px; margin: 0 auto; } } /* line 75, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-get-it .button { max-width: 300px; margin: 0 auto; } /* line 78, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-get-it .button span { font-weight: 300; } /* line 82, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-get-it p { text-align: center; margin: 0 auto; font-size: 14px; } /* line 113, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-artist { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; margin-bottom: 80px; } /* line 3, /app/source/stylesheets/includes/_mixins.scss */ .shirt-artist:before, .shirt-artist:after { content: ""; display: table; } /* line 7, /app/source/stylesheets/includes/_mixins.scss */ .shirt-artist:after { clear: both; } /* line 116, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-artist h2 { text-align: center; } /* line 119, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-artist .shirt-artist-portrait { width: 90px; float: left; } /* line 123, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-artist .shirt-artist-bio { margin-left: 110px; } /* line 125, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-artist .shirt-artist-bio p { margin: 0; } /* line 130, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-label { margin-bottom: -61px; } /* line 132, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-label img { display: block; width: 100%; } /* line 139, /app/source/stylesheets/includes/_tshirt.scss */ .shirt-testimonials h2 { text-align: center; } @media screen and (min-width: 47.5em) { /* line 147, /app/source/stylesheets/includes/_tshirt.scss */ .tweet-wall.two-cols { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-width: 47%; -webkit-column-width: 47%; column-width: 47%; -moz-column-gap: 6%; -webkit-column-gap: 6%; column-gap: 6%; } /* line 152, /app/source/stylesheets/includes/_tshirt.scss */ .tweet-wall.three-cols { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-width: 30%; -webkit-column-width: 30%; column-width: 30%; -moz-column-gap: 3.3%; -webkit-column-gap: 3.3%; column-gap: 3.3%; } } /* line 158, /app/source/stylesheets/includes/_tshirt.scss */ .tweet-wall blockquote, .tweet-wall iframe { margin: 0 0 20px 0 !important; } /* line 1, /app/source/stylesheets/includes/_jsconf.scss */ .jsconf-header { margin-bottom: 40px; } /* line 3, /app/source/stylesheets/includes/_jsconf.scss */ .jsconf-header img { width: 100%; display: block; } /* line 8, /app/source/stylesheets/includes/_jsconf.scss */ .jsconf-intro { padding: 0px 80px; } /* line 10, /app/source/stylesheets/includes/_jsconf.scss */ .jsconf-intro p:first-child { font-size: 24px; } /* line 14, /app/source/stylesheets/includes/_jsconf.scss */ .jsconf-cta { text-align: center; padding: 40px 80px; } /* line 17, /app/source/stylesheets/includes/_jsconf.scss */ .jsconf-cta .button { display: block; max-width: 300px; margin: 0 auto; } @media screen and (min-width: 47.5em) { /* line 1, /app/source/stylesheets/includes/_encyclopedia.scss */ .encyclopedia-topic { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* line 7, /app/source/stylesheets/includes/_encyclopedia.scss */ .encyclopedia-topic-title { font-weight: 300; width: 100%; border-bottom: 1px dotted #c9c5cf; } @media screen and (max-width: 47.5em) { /* line 7, /app/source/stylesheets/includes/_encyclopedia.scss */ .encyclopedia-topic-title { font-size: 24px; line-height: 1.5; } } @media screen and (min-width: 47.5em) { /* line 7, /app/source/stylesheets/includes/_encyclopedia.scss */ .encyclopedia-topic-title { font-size: 30px; line-height: 1.8; } } /* line 20, /app/source/stylesheets/includes/_encyclopedia.scss */ .encyclopedia-item { text-align: center; margin-bottom: 40px; } @media screen and (min-width: 47.5em) { /* line 20, /app/source/stylesheets/includes/_encyclopedia.scss */ .encyclopedia-item { width: 28.88889%; float: left; margin-right: 6.66667%; display: inline; float: none; display: block; } /* line 194, /app/vendor/bundle/ruby/2.2.0/gems/susy-2.2.11/sass/susy/language/susyone/_grid.scss */ .encyclopedia-item:nth-of-type(3n) { float: right; margin-right: 0; *margin-left: -60px; } } /* line 29, /app/source/stylesheets/includes/_encyclopedia.scss */ .encyclopedia-item .encyclopedia-item-image { display: block; width: 80%; margin: 0 auto 20px auto; } /* line 34, /app/source/stylesheets/includes/_encyclopedia.scss */ .encyclopedia-item a { font-weight: 300; } /* line 36, /app/source/stylesheets/includes/_encyclopedia.scss */ .encyclopedia-item a:link, .encyclopedia-item a:visited, .encyclopedia-item a:active { color: #413b52; } /* line 40, /app/source/stylesheets/includes/_encyclopedia.scss */ .encyclopedia-item .encyclopedia-item-title { font-size: 20px; line-height: 1.5; } /* line 1, /app/source/stylesheets/includes/_podcast.scss */ .podcast-logo { max-width: 250px; width: 100%; display: block; margin: 40px auto 40px; } /* line 11, /app/source/stylesheets/includes/_podcast.scss */ .podcast-episodes { padding-top: 6.66667%; } /* line 14, /app/source/stylesheets/includes/_podcast.scss */ .podcast-list { padding-bottom: 0; } /* line 16, /app/source/stylesheets/includes/_podcast.scss */ .podcast-list .blog-archive { margin-bottom: 0; padding-bottom: 0; }