diff --git a/layouts/partials/head.html b/layouts/partials/head.html index ac6923c..e88360d 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -6,6 +6,7 @@ + {{ .Title }} | {{ .Site.Title }} diff --git a/static/src/scss/alpha.scss b/static/src/scss/alpha.scss deleted file mode 100644 index 2abb258..0000000 --- a/static/src/scss/alpha.scss +++ /dev/null @@ -1,1768 +0,0 @@ -@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic"); - -/* - Alpha by HTML5 UP - html5up.net | @ajlkn - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { - margin: 0; - border: 0; - padding: 0; - vertical-align: baseline; - font: inherit; - font-size: 100%; -} - -/* Basic */ - -body { - background: #F5F5F5; -} - -body, input, select, textarea { - line-height: 1.65em; - letter-spacing: -0.015em; - color: #777; - font-family: "Source Sans Pro", sans-serif; - font-size: 16pt; - font-weight: 300; -} - -a { - transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; - border-bottom: dotted 1px; - text-decoration: none; - color: #E89980; - - &:hover { - border-bottom-color: transparent; - } -} - -strong, b { - color: #646464; - font-weight: 400; -} - -em, i { - font-style: italic; -} - -p { - margin: 0 0 2em; -} - -h1, h2, h3, h4, h5, h6 { - margin: 0 0 0.5em; - line-height: 1em; - color: #646464; - font-weight: 300; - - & a { - text-decoration: none; - color: inherit; - } -} - -h2 { - line-height: 1.5em; - letter-spacing: -0.035em; - font-size: 2.25em; -} - -h3 { - line-height: 1.5em; - letter-spacing: -0.025em; - font-size: 1.75em; -} - -h4 { - line-height: 1.5em; - letter-spacing: 0; - font-size: 1.1em; -} - -h5 { - line-height: 1.5em; - letter-spacing: 0; - font-size: 0.9em; -} - -h6 { - line-height: 1.5em; - letter-spacing: 0; - font-size: 0.7em; -} - -sub { - position: relative; - top: 0.5em; - font-size: 0.8em; -} - -sup { - position: relative; - top: -0.5em; - font-size: 0.8em; -} - -hr { - margin: 2em 0; - border: 0; - border-bottom: solid 2px #E5E5E5; - - &.major { - margin: 3em 0; - } -} - -blockquote { - margin: 0 0 2em; - border-left: solid 4px #E5E5E5; - padding: 0.5em 0 0.5em 2em; - font-style: italic; -} - -pre { - margin: 0 0 2em; - border: solid 1px #E5E5E5; - border-radius: 6px; - background: #F8F8F8; - padding: 1em 1.5em; - line-height: 1.75em; - font-family: monospace; - font-size: 0.9em; - overflow-x: auto; -} - -code { - margin: 0 0.25em; - border: solid 1px #E5E5E5; - border-radius: 6px; - background: #F8F8F8; - padding: 0.25em 0.65em; - font-family: monospace; - font-size: 0.9em; -} - -.align-left { - text-align: left; -} - -.align-center { - text-align: center; -} - -.align-right { - text-align: right; -} - -/* Section/Article */ -section.special, article.special { - text-align: center; -} - -header p { - position: relative; - margin: 0 0 1.5em; - color: #999; - font-style: italic; -} - -header h2 + p { - margin-top: -1em; - line-height: 1.5em; - font-size: 1.25em; -} - -header h3 + p { - margin-top: -0.85em; - line-height: 1.5em; - font-size: 1.1em; -} - -header h4 + p, -header h5 + p, -header h6 + p { - margin-top: -0.5em; - line-height: 1.5em; - font-size: 0.8em; -} - -header.major { - padding: 1em 0; - text-align: center; - - h2 { - margin: 0; - } - - p { - display: inline-block; - margin: 1.5em 0 0; - border-top: solid 2px #E5E5E5; - padding: 1.5em 0 0; - color: #777; - font-style: normal; - } -} - -/* Form */ -form { - margin: 0 0 2em; -} - -label { - display: block; - margin: 0 0 1em; - color: #646464; - font-size: 0.9em; - font-weight: 300; -} - -input[type="text"], -input[type="password"], -input[type="email"], -select, -textarea { - display: block; - outline: 0; - border: solid 1px #E5E5E5; - border-radius: 6px; - background: #F8F8F8; - padding: 0 1em; - width: 100%; - text-decoration: none; - color: inherit; - appearance: none; - - &:invalid { - box-shadow: none; - } - - &:focus { - border-color: #E89980; - box-shadow: 0 0 0 2px #E89980; - } -} - -.select-wrapper { - display: block; - position: relative; - text-decoration: none; - - &::before { - display: block; - position: absolute; - top: 0; - right: 0; - width: 3em; - height: 3em; - text-align: center; - text-transform: none !important; - line-height: 3em; - color: #E5E5E5; - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - content: "\f078"; - pointer-events: none; - } -} - -input[type="text"], -input[type="password"], -input[type="email"], -select { - height: 3em; -} - -textarea { - padding: 0.75em 1em; -} - -input[type="checkbox"], -input[type="radio"] { - display: block; - float: left; - opacity: 0; - z-index: -1; - margin-right: -2em; - width: 1em; - appearance: none; - - & + label { - display: inline-block; - position: relative; - cursor: pointer; - padding-right: 0.75em; - padding-left: 2.55em; - text-decoration: none; - color: #777; - font-size: 1em; - font-weight: 300; - - &::before { - display: inline-block; - position: absolute; - top: 0; - left: 0; - border: solid 1px #E5E5E5; - border-radius: 6px; - background: #F8F8F8; - width: 1.8em; - height: 1.8em; - text-align: center; - text-transform: none !important; - line-height: 1.725em; - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - content: ""; - } - } - - &:checked + label::before { - border-color: #666; - box-shadow: 0 0 0 1px #E89980; - background: #666; - color: #FFF; - content: "\f00c"; - } -} - -input[type="checkbox"] + label::before { - border-radius: 6px; -} - -input[type="radio"] + label::before { - border-radius: 100%; -} - -.formerize-placeholder { - opacity: 1; - color: #999 !important; -} - -/* Box */ -.box { - margin: 0 0 2em; - border-radius: 6px; - box-shadow: 0 2px 0 0 #E5E5E5; - background: #FFF; - padding: 3em; -} - -.box > :last-child { - margin-bottom: 0; -} - -.box.alt { - margin: 0 0 2em; - border-radius: 0 !important; - box-shadow: none !important; - background: none !important; - padding: 0 !important; -} - -.box.features .features-row { - position: relative; - border-top: solid 2px #E5E5E5; -} - -.box.features .features-row::after { - display: block; - clear: both; - content: ""; -} - -.box.features .features-row section { - float: left; - padding: 3em; - width: 50%; -} - -.box.features .features-row section :last-child { - margin-bottom: 0; -} - -.box.features .features-row section:nth-child(2n) { - padding-right: 0; -} - -.box.features .features-row section:nth-child(2n)::before { - display: block; - position: absolute; - top: 0; - margin-left: -3em; - background: #E5E5E5; - width: 2px; - height: 100%; - content: ""; -} - -.box.features .features-row section:nth-child(2n-1) { - padding-left: 0; -} - -.box.features .features-row:first-child { - border-top: 0; -} - -.box.features .features-row:first-child section { - padding-top: 0; -} - -.box.features .features-row:last-child { - padding-bottom: 0; -} - -.box.features .features-row:last-child section { - padding-bottom: 0; -} - -.box.special { - text-align: center; -} - -.box .image.featured { - display: block; - position: relative; - margin: 3em 0 3em -3em; - border-radius: 0; - width: calc(100% + 6em); -} - -.box .image.featured img { - display: block; - border-radius: 0; - width: 100%; -} - -.box .image.featured:first-child { - margin-top: -3em; - margin-bottom: 3em; - border-radius: 6px 6px 0 0; -} - -.box .image.featured:first-child img { - border-radius: 6px 6px 0 0; -} - -.box .image.featured:last-child { - margin-top: 3em; - margin-bottom: -3em; - border-radius: 0 0 6px 6px; -} - -.box .image.featured:last-child img { - border-radius: 0 0 6px 6px; -} - -/* Icon */ -.icon { - position: relative; - border-bottom: 0; - text-decoration: none; -} - -.icon::before { - text-transform: none !important; - font-family: FontAwesome; - font-weight: normal; - font-style: normal; -} - -.icon > .label { - display: none; -} - -.icon.major { - display: inline-block; - margin: 0 0 2em; - border-radius: 100%; - background: #666; - cursor: default; - width: 5.5em; - height: 5.5em; - line-height: 5.5em; - color: #FFF; -} - -.icon.major::before { - font-size: 2.5em; -} - -.icon.major.accent1 { - background: #666; - color: #FFF; -} - -.icon.major.accent2 { - background: #E89980; - color: #FFF; -} - -.icon.major.accent3 { - background: #7FCDB8; - color: #FFF; -} - -.icon.major.accent4 { - background: #90B0BA; - color: #FFF; -} - -.icon.major.accent5 { - background: #E5CB95; - color: #FFF; -} - -/* Image */ - -.image { - display: inline-block; - position: relative; - border: 0; - border-radius: 6px; -} - -.image img { - display: block; - border-radius: 6px; -} - -.image.left { - top: 0.25em; - float: left; - padding: 0 1.5em 1em 0; -} - -.image.right { - top: 0.25em; - float: right; - padding: 0 0 1em 1.5em; -} - -.image.fit { - display: block; - margin: 0 0 2em; - width: 100%; -} - -.image.fit img { - display: block; - width: 100%; -} - -/* List */ -ol { - margin: 0 0 2em; - padding-left: 1.25em; - list-style: decimal; -} - -ol li { - padding-left: 0.25em; -} - -ul { - margin: 0 0 2em; - padding-left: 1em; - list-style: disc; -} - -ul li { - padding-left: 0.5em; -} - -ul.alt { - padding-left: 0; - list-style: none; -} - -ul.alt li { - border-top: solid 1px #E5E5E5; - padding: 0.5em 0; -} - -ul.alt li:first-child { - border-top: 0; - padding-top: 0; -} - -ul.icons { - cursor: default; - padding-left: 0; - list-style: none; -} - -ul.icons li { - display: inline-block; - padding: 0 1.25em 0 0; -} - -ul.icons li:last-child { - padding-right: 0; -} - -ul.icons li .icon { - color: inherit; -} - -ul.icons li .icon::before { - font-size: 1.75em; -} - -ul.actions { - cursor: default; - padding-left: 0; - list-style: none; -} - -ul.actions li { - display: inline-block; - padding: 0 1em 0 0; - vertical-align: middle; -} - -ul.actions li:last-child { - padding-right: 0; -} - -ul.actions.small li { - padding: 0 0.5em 0 0; -} - -ul.actions.vertical li { - display: block; - padding: 1em 0 0; -} - -ul.actions.vertical li:first-child { - padding-top: 0; -} - -ul.actions.vertical li > * { - margin-bottom: 0; -} - -ul.actions.vertical.small li { - padding: 0.5em 0 0; -} - -ul.actions.vertical.small li:first-child { - padding-top: 0; -} - -ul.actions.fit { - display: table; - margin-left: -1em; - padding: 0; - width: calc(100% + 1em); - table-layout: fixed; -} - -ul.actions.fit li { - display: table-cell; - padding: 0 0 0 1em; -} - -ul.actions.fit li > * { - margin-bottom: 0; -} - -ul.actions.fit.small { - margin-left: -0.5em; - width: calc(100% + 0.5em); -} - -ul.actions.fit.small li { - padding: 0 0 0 0.5em; -} - -dl { - margin: 0 0 2em; -} - -/* Table */ -.table-wrapper { - overflow-x: auto; -} - -table { - margin: 0 0 2em; - width: 100%; -} - -table tbody tr { - border: solid 1px #E5E5E5; - border-right: 0; - border-left: 0; -} - -table tbody tr:nth-child(2n + 1) { - background-color: #F8F8F8; -} - -table td { - padding: 0.75em; -} - -table th { - padding: 0 0.75em 0.75em; - text-align: left; - color: #646464; - font-size: 0.9em; - font-weight: 300; -} - -table thead { - border-bottom: solid 2px #E5E5E5; -} - -table tfoot { - border-top: solid 2px #E5E5E5; -} - -table.alt { - border-collapse: separate; -} - -table.alt tbody tr td { - border: solid 1px #E5E5E5; - border-top-width: 0; - border-left-width: 0; -} - -table.alt tbody tr td:first-child { - border-left-width: 1px; -} - -table.alt tbody tr:first-child td { - border-top-width: 1px; -} - -table.alt thead { - border-bottom: 0; -} - -table.alt tfoot { - border-top: 0; -} - -/* Button */ -input[type="submit"], -input[type="reset"], -input[type="button"], -.button { - display: inline-block; - transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; - border: 0; - border-radius: 6px; - background-color: #666; - cursor: pointer; - padding: 0 2em; - height: 3em; - text-align: center; - text-decoration: none; - line-height: 3em; - white-space: nowrap; - color: #FFF; - font-weight: 400; - appearance: none; -} - -input[type="submit"]:hover, -input[type="reset"]:hover, -input[type="button"]:hover, -.button:hover { - background-color: #737373; -} - -input[type="submit"]:active, -input[type="reset"]:active, -input[type="button"]:active, -.button:active { - background-color: #595959; -} - -input[type="submit"].icon, -input[type="reset"].icon, -input[type="button"].icon, -.button.icon { - padding-left: 1.35em; -} - -input[type="submit"].icon::before, -input[type="reset"].icon::before, -input[type="button"].icon::before, -.button.icon::before { - margin-right: 0.5em; -} - -input[type="submit"].fit, -input[type="reset"].fit, -input[type="button"].fit, -.button.fit { - display: block; - margin: 0 0 1em; - width: 100%; -} - -input[type="submit"].small, -input[type="reset"].small, -input[type="button"].small, -.button.small { - height: 2.7em; - line-height: 2.7em; - font-size: 0.8em; -} - -input[type="submit"].big, -input[type="reset"].big, -input[type="button"].big, -.button.big { - height: 2.7em; - line-height: 2.7em; - font-size: 1.25em; -} - -input[type="submit"].alt, -input[type="reset"].alt, -input[type="button"].alt, -.button.alt { - box-shadow: inset 0 0 0 2px #E5E5E5; - background-color: transparent; - color: #777; -} - -input[type="submit"].alt:hover, -input[type="reset"].alt:hover, -input[type="button"].alt:hover, -.button.alt:hover { - background-color: #F8F8F8; -} - -input[type="submit"].alt:active, -input[type="reset"].alt:active, -input[type="button"].alt:active, -.button.alt:active { - background-color: #F0F0F0; -} - -input[type="submit"].alt.icon::before, -input[type="reset"].alt.icon::before, -input[type="button"].alt.icon::before, -.button.alt.icon::before { - color: #999; -} - -input[type="submit"].special, -input[type="reset"].special, -input[type="button"].special, -.button.special { - background-color: #E89980; - color: #FFF !important; -} - -input[type="submit"].special:hover, -input[type="reset"].special:hover, -input[type="button"].special:hover, -.button.special:hover { - background-color: #ECAA96; -} - -input[type="submit"].special:active, -input[type="reset"].special:active, -input[type="button"].special:active, -.button.special:active { - background-color: #E4886A; -} - -input[type="submit"].disabled, input[type="submit"]:disabled, -input[type="reset"].disabled, -input[type="reset"]:disabled, -input[type="button"].disabled, -input[type="button"]:disabled, -.button.disabled, -.button:disabled { - opacity: 0.25; - box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15); - background-color: #777 !important; - cursor: default; - color: #F5F5F5 !important; -} - -/* Header */ -#page-wrapper { - padding-top: 3em; -} - -body.landing #page-wrapper { - padding-top: 0; -} - -@keyframes reveal-header { - 0% { - top: -5em; - } - - 100% { - top: 0; - } -} - -#header { - position: fixed; - top: 0; - left: 0; - z-index: 10000; - background: #444; - cursor: default; - width: 100%; - height: 3.25em; - line-height: 3.25em; - color: #BBB; -} - -#header h1 { - position: absolute; - top: 0; - left: 1.25em; - margin: 0; - padding: 0; - height: inherit; - line-height: inherit; - color: inherit; -} - -#header h1 a { - border: 0; - color: #FFF; - font-weight: 400; -} - -#header nav { - position: absolute; - top: 0; - right: 0.75em; - height: inherit; - vertical-align: middle; - line-height: inherit; -} - -#header nav > ul { - margin: 0; - padding-left: 0; - list-style: none; -} - -#header nav > ul > li { - display: inline-block; - padding-left: 0; -} - -#header nav > ul > li > ul { - display: none; -} - -#header nav > ul > li a { - display: inline-block; - border-radius: 6px; - padding: 0 1em; - height: 2em; - line-height: 1.95em; -} - -#header nav > ul > li a:not(.button) { - display: inline-block; - border: 0; - text-decoration: none; - color: #FFF; -} - -#header nav > ul > li a:not(.button).icon::before { - margin-right: 0.5em; - color: #999; -} - -#header nav > ul > li:first-child { - margin-left: 0; -} - -#header nav > ul > li.active a:not(.button) { - background-color: rgba(153, 153, 153, 0.25); -} - -#header nav > ul > li .button { - position: relative; - margin: 0 0 0 0.5em; -} - -#header input[type="submit"], -#header input[type="reset"], -#header input[type="button"], -#header .button { - box-shadow: inset 0 0 0 2px #999; - background-color: transparent; - color: #FFF; -} - -#header input[type="submit"]:hover, -#header input[type="reset"]:hover, -#header input[type="button"]:hover, -#header .button:hover { - background-color: rgba(153, 153, 153, 0.25); -} - -#header input[type="submit"]:active, -#header input[type="reset"]:active, -#header input[type="button"]:active, -#header .button:active { - background-color: rgba(153, 153, 153, 0.5); -} - -#header .container { - position: relative; -} - -#header .container h1 { - left: 0; -} - -#header .container nav { - right: 0; -} - -#header.reveal { - animation: reveal-header 0.5s; -} - -#header.alt { - position: absolute; - animation: none; - background: none; - color: rgba(255, 255, 255, 0.75); -} - -#header.alt nav > ul > li a:not(.button).icon::before { - color: rgba(255, 255, 255, 0.75); -} - -#header.alt nav > ul > li.active a:not(.button) { - background-color: rgba(255, 255, 255, 0.2); -} - -#header.alt input[type="submit"], -#header.alt input[type="reset"], -#header.alt input[type="button"], -#header.alt .button { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); -} - -#header.alt input[type="submit"]:hover, -#header.alt input[type="reset"]:hover, -#header.alt input[type="button"]:hover, -#header.alt .button:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -#header.alt input[type="submit"]:active, -#header.alt input[type="reset"]:active, -#header.alt input[type="button"]:active, -#header.alt .button:active { - background-color: rgba(255, 255, 255, 0.2); -} - -.dropotron { - margin: calc(-0.5em + 1px) 0 0 1px; - border-radius: 6px; - box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.065), inset 0 -1px 0 0 #FFF, inset 0 0 0 1px rgba(229, 229, 229, 0.5); - background: #FFF; - padding: 0.5em 0; - width: 11em; - list-style: none; -} - -.dropotron li { - padding: 0; -} - -.dropotron li a, .dropotron li span { - display: block; - transition: none; - border: 0; - border-top: solid 1px #F2F2F2; - padding: 0.15em 1em; - color: inherit; -} - -.dropotron li:first-child > a, .dropotron li:first-child > span { - border-top: 0; -} - -.dropotron li.active > a, .dropotron li.active > span, .dropotron li:hover > a, .dropotron li:hover > span { - background: #E89980; - color: #FFF; -} - -.dropotron.level-0 { - margin: 1em 0 0; - font-size: 0.9em; -} - -.dropotron.level-0::before { - display: block; - position: absolute; - top: -0.375em; - right: 1.25em; - transform: rotate(45deg); - z-index: 0; - border: solid 1px rgba(229, 229, 229, 0.5); - border-right: 0; - border-bottom: 0; - box-shadow: -0.25em -0.125em 0.125em 0 rgba(0, 0, 0, 0.015); - background: #FFF; - width: 0.75em; - height: 0.75em; - content: ""; -} - -/* Banner */ -#banner { - background-attachment: scroll, fixed; - background-color: #666; - background-image: url("images/overlay.png"), url("../../images/banner.jpg"); - background-repeat: repeat, no-repeat; - background-position: top left, center center; - background-size: auto, cover; - padding: 12em 0 20em; - text-align: center; - color: #FFF; -} - -#banner :last-child { - margin-bottom: 0; -} - -#banner h2, #banner h3, #banner h4, #banner h5, #banner h6 { - color: #FFF; -} - -#banner h2 { - margin: 0 0 0.5em; - padding: 0; - line-height: 1em; - font-size: 3.5em; -} - -#banner p { - margin-bottom: 1.75em; - font-size: 1.25em; -} - -#banner input[type="submit"], -#banner input[type="reset"], -#banner input[type="button"], -#banner .button { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); - background-color: transparent; - min-width: 12em; - color: #FFF; -} - -#banner input[type="submit"]:hover, -#banner input[type="reset"]:hover, -#banner input[type="button"]:hover, -#banner .button:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -#banner input[type="submit"]:active, -#banner input[type="reset"]:active, -#banner input[type="button"]:active, -#banner .button:active { - background-color: rgba(255, 255, 255, 0.2); -} - -#banner input[type="submit"].special, -#banner input[type="reset"].special, -#banner input[type="button"].special, -#banner .button.special { - background: #FFF; - color: #666 !important; -} - -/* Main */ -#main { - padding: 4em 0; -} - -#main > header { - margin: 0 0 3em; - text-align: center; -} - -#main > header h2 { - margin: 0; - font-size: 2.75em; -} - -#main > header p { - display: inline-block; - margin: 1em 0 0; - border-top: solid 2px #E5E5E5; - padding: 1em 0 1.25em; - color: #777; - font-style: normal; -} - -body.landing #main { - margin-top: -14em; -} - -/* Footer */ - -#footer { - background: #F0F0F0; - padding: 4em 0 6em; - text-align: center; -} - -#footer .icons a { - transition: opacity 0.2s ease-in-out; - opacity: 0.35; -} - -#footer .icons a:hover { - opacity: 0.75; -} - -#footer .copyright { - margin: 2em 0 0; - padding: 0; - text-align: center; - line-height: 1em; - color: #999; - font-size: 0.9em; -} - -#footer .copyright a { - color: inherit; -} - -#footer .copyright li { - display: inline-block; - margin-left: 1em; - border-left: solid 1px #DDD; - padding-left: 1em; - list-style: none; -} - -#footer .copyright li:first-child { - margin-left: 0; - border-left: 0; - padding-left: 0; -} - -/* CTA */ -#cta { - background: #E89980; - padding: 3.5em 0 4em; - text-align: center; - color: #F9E5DF; -} - -#cta h2, #cta h3, #cta h4, #cta h5, #cta h6 { - color: inherit; -} - -#cta form { - margin: 0 auto; - width: 25em; - max-width: 100%; -} - -#cta input[type="submit"], -#cta input[type="reset"], -#cta input[type="button"], -#cta .button { - box-shadow: none; - background: #FFF; - color: #E89980; -} - -#cta input[type="text"], -#cta input[type="password"], -#cta input[type="email"], -#cta select, -#cta textarea { - border: 0; - background: rgba(255, 255, 255, 0.15); - color: #FFF; -} - -#cta input[type="text"]:focus, -#cta input[type="password"]:focus, -#cta input[type="email"]:focus, -#cta select:focus, -#cta textarea:focus { - box-shadow: inset 0 0 0 2px #FFF; -} - -#cta .formerize-placeholder { - color: rgba(255, 255, 255, 0.75) !important; -} - -/* Wide */ -@media screen and (max-width: 1680px) { - - /* Basic */ - body, input, select, textarea { - font-size: 13pt; - } - - /* Banner */ - #banner { - padding: 10em 0 18em; - } -} - -/* Normal */ -@media screen and (max-width: 1280px) { - - /* Basic */ - body, input, select, textarea { - font-size: 11pt; - } - - /* Header */ - .dropotron.level-0 { - font-size: 1em; - } - - /* Banner */ - #banner { - background-attachment: scroll; - } - - #banner h2 { - font-size: 3.5em; - } -} - -/* Narrow */ -@media screen and (max-width: 980px) { - - /* Basic */ - body, input, select, textarea { - font-size: 11pt; - } -} - -/* Narrower */ -#navPanel, #navButton { - display: none; -} - -@media screen and (max-width: 840px) { - - /* Basic */ - html, body { - overflow-x: hidden; - } - - body, input, select, textarea { - font-size: 11pt; - } - - h2 br, h3 br, h4 br, h5 br, h6 br { - display: none; - } - - /* Section/Article */ - header br { - display: none; - } - - header.major { - padding: 0 4em; - } - - /* Box */ - .box { - padding: 3em 2em; - } - - .box.features > section { - padding: 3em 2em; - } - - .box .image.featured { - margin-left: -2em; - width: calc(100% + 4em); - } - - .box .image.featured:first-child { - margin-top: -3em; - margin-bottom: 3em; - } - - .box .image.featured:last-child { - margin-top: 3em; - margin-bottom: -3em; - } - - /* Header */ - #page-wrapper { - transition: transform 0.5s ease; - padding-top: 0; - padding-bottom: 1px; - backface-visibility: hidden; - } - - #header { - display: none; - } - - #navButton { - display: block; - position: fixed; - top: 0; - left: 0; - transition: transform 0.5s ease; - z-index: 10001; - width: 100%; - height: 44px; - backface-visibility: hidden; - } - - #navButton .toggle { - position: absolute; - top: 0; - left: 0; - outline: 0; - border: 0; - width: 100%; - height: 100%; - text-decoration: none; - } - - #navButton .toggle::before { - display: block; - position: absolute; - top: 0.5em; - left: 0.5em; - border-radius: 6px; - background: rgba(192, 192, 192, 0.75); - width: 3.5em; - height: 2.25em; - text-align: center; - text-transform: none !important; - line-height: 2.25em; - color: #FFF; - font-family: FontAwesome; - font-size: 16px; - font-weight: normal; - font-style: normal; - content: "\f0c9"; - } - - #navPanel { - display: block; - position: fixed; - top: 0; - left: 0; - transform: translateX(-275px); - transition: transform 0.5s ease; - z-index: 10002; - background: #2B2B2B; - width: 275px; - height: 100%; - color: #BBB; - backface-visibility: hidden; - overflow-y: auto; - } - - #navPanel .link { - display: block; - border-top: solid 1px rgba(255, 255, 255, 0.05); - border-bottom: 0; - padding: 0 1em; - height: 44px; - text-decoration: none; - line-height: 44px; - color: #BBB; - } - - #navPanel .link:first-child { - border-top: 0; - } - - #navPanel .link.depth-0 { - color: #FFF; - } - - #navPanel .link .indent-1 { - display: inline-block; - width: 1em; - } - - #navPanel .link .indent-2 { - display: inline-block; - width: 2em; - } - - #navPanel .link .indent-3 { - display: inline-block; - width: 3em; - } - - #navPanel .link .indent-4 { - display: inline-block; - width: 4em; - } - - #navPanel .link .indent-5 { - display: inline-block; - width: 5em; - } - - body.navPanel-visible #page-wrapper { - transform: translateX(275px); - } - - body.navPanel-visible #navButton { - transform: translateX(275px); - } - - body.navPanel-visible #navPanel { - transform: translateX(0); - } -} - -/* Mobile */ -@media screen and (max-width: 736px) { - - /* Basic */ - body, input, select, textarea { - font-size: 11pt; - } - - h2 { - line-height: 1.35em; - letter-spacing: -0.025em; - font-size: 1.75em; - } - - h3 { - font-size: 1.5em; - } - - h4 { - font-size: 1em; - } - - /* Section/Article */ - header.major { - padding: 1em; - } - - header.major h2, header.major p { - padding-right: 0.5em; - padding-left: 0.5em; - } - - /* Box */ - .box { - margin: 1em; - padding: 2em !important; - overflow-x: hidden; - } - - .box.features .features-row { - border-top: 0; - padding: 0; - } - - .box.features .features-row section { - float: none; - margin: 2em 0 0 !important; - border: 0; - border-top: solid 1px #E5E5E5 !important; - padding: 2em 0 0 !important; - width: 100%; - } - - .box.features .features-row:first-child section:first-child { - margin-top: 0 !important; - border-top: 0 !important; - padding-top: 0 !important; - } - - .box .image.featured { - margin-left: -2em; - width: calc(100% + 4em); - } - - .box .image.featured:first-child { - margin-top: -2em; - margin-bottom: 2em; - } - - .box .image.featured:last-child { - margin-top: 2em; - margin-bottom: -2em; - } - - /* Banner */ - #banner { - padding: 4em 0; - } - - #banner h2 { - font-size: 2.25em; - } - - #banner p { - font-size: 1.25em; - } - - /* Main */ - #main { - padding: 4em 0 0; - } - - #main > header { - margin: 0 2em 1.5em; - } - - #main > header h2 { - font-size: 2em; - } - - #main > header p { - padding-bottom: 1em; - font-size: 1em; - } - - body.landing #main { - margin-top: 0; - padding: 0; - } - - /* Footer */ - #footer { - padding: 4em 0; - } - - #footer .copyright li { - display: block; - margin-left: 0; - border-left: 0; - padding-left: 0; - line-height: 2em; - } -} - -/* Mobile (Portrait) */ -@media screen and (max-width: 480px) { - - /* Basic */ - html, body { - min-width: 320px; - } - - body, input, select, textarea { - font-size: 11pt; - } - - /* Section/Article */ - header.major { - padding: 0; - } - - /* List */ - ul.actions { - margin: 0 0 2em; - } - - ul.actions li { - display: block; - padding: 1em 0 0; - width: 100%; - text-align: center; - } - - ul.actions li:first-child { - padding-top: 0; - } - - ul.actions li > * { - margin: 0 !important; - width: 100%; - } - - ul.actions li > *.icon::before { - margin-left: -2em; - } - - ul.actions.small li { - padding: 0.5em 0 0; - } - - ul.actions.small li:first-child { - padding-top: 0; - } - - /* Box */ - .box { - margin: 1em 0 0; - border-radius: 0; - box-shadow: none; - padding: 3em 1em !important; - } - - .box.features .features-row section { - margin: 3em 0 0 !important; - padding: 3em 0 0 !important; - } - - .box .image.featured { - margin-left: -1em; - border-radius: 0; - width: calc(100% + 2em); - } - - .box .image.featured img { - border-radius: 0 !important; - } - - .box .image.featured:first-child { - margin-top: -3em; - margin-bottom: 3em; - } - - .box .image.featured:last-child { - margin-top: 3em; - margin-bottom: -3em; - } - - /* Banner */ - #banner { - padding: 5em 1em 4em; - } - - /* Main */ - #main > .box:first-child { - margin-top: 0; - } - - /* CTA */ - #cta { - padding: 2.5em 1em 3em; - } -} diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss index 786b3e4..7cd06ae 100644 --- a/static/src/scss/style.scss +++ b/static/src/scss/style.scss @@ -4,10 +4,6 @@ $fa-font-path: "../fonts"; @import "node_modules/bootstrap/scss/bootstrap-grid"; @import "node_modules/pygments-css/github"; -// Import Alpha theme (ish) -@import "alpha"; - - .box .box { border-radius: 0; }