From fad373b2895f5b39bf23607830a4b6b018ca05fd Mon Sep 17 00:00:00 2001 From: BrLi Date: Fri, 28 Jul 2017 12:16:49 +0800 Subject: [PATCH] trim assets/, make scss auto-regenerated by jekyll, clean aligns in _var.scss --- _includes/header.html | 20 +- {assets/sass => _sass}/_mixins.scss | 68 +- {assets/sass => _sass}/_vars.scss | 17 +- assets/css/ie/v8.css | 73 - assets/css/style-mobile.css | 65 - assets/css/style-mobilep.css | 82 - assets/css/style-narrow.css | 12 - assets/css/style-narrower.css | 219 --- assets/css/style-normal.css | 65 - assets/css/style-wide.css | 18 - assets/css/style.css | 841 --------- {assets/css => css}/font-awesome.min.css | 0 {assets/css => css}/ie/PIE.htc | 0 {assets/css => css}/ie/backgroundsize.min.htc | 12 +- {assets/css => css}/ie/html5shiv.js | 0 {assets/css => css}/skel.css | 0 {assets/sass => css}/style-mobile.scss | 150 +- {assets/sass => css}/style-mobilep.scss | 192 +- {assets/sass => css}/style-narrow.scss | 32 +- {assets/sass => css}/style-narrower.scss | 400 ++--- {assets/sass => css}/style-normal.scss | 154 +- {assets/sass => css}/style-wide.scss | 44 +- {assets/sass => css}/style.scss | 1590 +++++++++-------- {assets/sass/ie => css}/v8.scss | 186 +- {assets/fonts => fonts}/FontAwesome.otf | Bin .../fonts => fonts}/fontawesome-webfont.eot | Bin .../fonts => fonts}/fontawesome-webfont.svg | 0 .../fonts => fonts}/fontawesome-webfont.ttf | Bin .../fonts => fonts}/fontawesome-webfont.woff | Bin {assets/images => images}/banner.jpg | Bin {assets/css/images => images}/bg01.png | Bin {assets/css/images => images}/bg02.png | Bin {assets/css/images => images}/bg03.png | Bin {assets/images => images}/pic01.jpg | Bin {assets/images => images}/pic02.jpg | Bin {assets/images => images}/pic03.jpg | Bin {assets/images => images}/pic04.jpg | Bin index.html | 8 +- {assets/js => js}/init.js | 170 +- {assets/js => js}/jquery.dropotron.min.js | 2 +- {assets/js => js}/jquery.min.js | 0 {assets/js => js}/skel-layers.min.js | 2 +- {assets/js => js}/skel.min.js | 0 left-sidebar.html | 2 +- no-sidebar.html | 2 +- right-sidebar.html | 2 +- two-sidebar.html | 2 +- 47 files changed, 1535 insertions(+), 2895 deletions(-) rename {assets/sass => _sass}/_mixins.scss (96%) rename {assets/sass => _sass}/_vars.scss (63%) delete mode 100755 assets/css/ie/v8.css delete mode 100755 assets/css/style-mobile.css delete mode 100755 assets/css/style-mobilep.css delete mode 100755 assets/css/style-narrow.css delete mode 100755 assets/css/style-narrower.css delete mode 100755 assets/css/style-normal.css delete mode 100755 assets/css/style-wide.css delete mode 100755 assets/css/style.css rename {assets/css => css}/font-awesome.min.css (100%) rename {assets/css => css}/ie/PIE.htc (100%) rename {assets/css => css}/ie/backgroundsize.min.htc (99%) rename {assets/css => css}/ie/html5shiv.js (100%) rename {assets/css => css}/skel.css (100%) rename {assets/sass => css}/style-mobile.scss (92%) rename {assets/sass => css}/style-mobilep.scss (91%) rename {assets/sass => css}/style-narrow.scss (94%) rename {assets/sass => css}/style-narrower.scss (93%) rename {assets/sass => css}/style-normal.scss (91%) rename {assets/sass => css}/style-wide.scss (93%) rename {assets/sass => css}/style.scss (88%) rename {assets/sass/ie => css}/v8.scss (66%) rename {assets/fonts => fonts}/FontAwesome.otf (100%) rename {assets/fonts => fonts}/fontawesome-webfont.eot (100%) rename {assets/fonts => fonts}/fontawesome-webfont.svg (100%) rename {assets/fonts => fonts}/fontawesome-webfont.ttf (100%) rename {assets/fonts => fonts}/fontawesome-webfont.woff (100%) rename {assets/images => images}/banner.jpg (100%) rename {assets/css/images => images}/bg01.png (100%) rename {assets/css/images => images}/bg02.png (100%) rename {assets/css/images => images}/bg03.png (100%) rename {assets/images => images}/pic01.jpg (100%) rename {assets/images => images}/pic02.jpg (100%) rename {assets/images => images}/pic03.jpg (100%) rename {assets/images => images}/pic04.jpg (100%) rename {assets/js => js}/init.js (81%) rename {assets/js => js}/jquery.dropotron.min.js (99%) rename {assets/js => js}/jquery.min.js (100%) rename {assets/js => js}/skel-layers.min.js (99%) rename {assets/js => js}/skel.min.js (100%) diff --git a/_includes/header.html b/_includes/header.html index c56c74f..fd1cb5f 100755 --- a/_includes/header.html +++ b/_includes/header.html @@ -10,18 +10,18 @@ - - - - - - + + + + + + - + diff --git a/assets/sass/_mixins.scss b/_sass/_mixins.scss similarity index 96% rename from assets/sass/_mixins.scss rename to _sass/_mixins.scss index ab5d1e0..397e1b3 100755 --- a/assets/sass/_mixins.scss +++ b/_sass/_mixins.scss @@ -1,35 +1,35 @@ -@mixin vendor-property($property, $value) { - @each $vendor in ('-moz-', '-webkit-', '-o-', '-ms-', '') { - #{$vendor}#{$property}: #{$value}; - } -} - -@mixin vendor-value($property, $value) { - @each $vendor in ('-moz-', '-webkit-', '-o-', '-ms-', '') { - #{$property}: #{$vendor}#{$value}; - } -} - -@mixin vendor-keyframes($name) { - @-moz-keyframes #{$name} { @content; } - @-webkit-keyframes #{$name} { @content; } - @-o-keyframes #{$name} { @content; } - @-ms-keyframes #{$name} { @content; } - @keyframes #{$name} { @content; } -} - -@mixin icon($content: false) { - text-decoration: none; - - &:before { - @if $content { - content: $content; - } - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-transform: none !important; - } +@mixin vendor-property($property, $value) { + @each $vendor in ('-moz-', '-webkit-', '-o-', '-ms-', '') { + #{$vendor}#{$property}: #{$value}; + } +} + +@mixin vendor-value($property, $value) { + @each $vendor in ('-moz-', '-webkit-', '-o-', '-ms-', '') { + #{$property}: #{$vendor}#{$value}; + } +} + +@mixin vendor-keyframes($name) { + @-moz-keyframes #{$name} { @content; } + @-webkit-keyframes #{$name} { @content; } + @-o-keyframes #{$name} { @content; } + @-ms-keyframes #{$name} { @content; } + @keyframes #{$name} { @content; } +} + +@mixin icon($content: false) { + text-decoration: none; + + &:before { + @if $content { + content: $content; + } + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-transform: none !important; + } } \ No newline at end of file diff --git a/assets/sass/_vars.scss b/_sass/_vars.scss similarity index 63% rename from assets/sass/_vars.scss rename to _sass/_vars.scss index 58bff0c..603fbcd 100755 --- a/assets/sass/_vars.scss +++ b/_sass/_vars.scss @@ -1,9 +1,8 @@ -$color-bg: #f7f7f7; -$color-fg: #474747; -$color-fg-bold: #4c4c4c; -$color-fg-light: #999; -$color-accent-bg: #37c0fb; -$color-accent-fg: #fff; -$color-border: #e0e0e0; - -$size-radius: 5px; \ No newline at end of file +$color-bg: #f7f7f7; +$color-fg: #474747; +$color-fg-bold: #4c4c4c; +$color-fg-light: #999; +$color-accent-bg: #37c0fb; +$color-accent-fg: #fff; +$color-border: #e0e0e0; +$size-radius: 5px; diff --git a/assets/css/ie/v8.css b/assets/css/ie/v8.css deleted file mode 100755 index 7b69c48..0000000 --- a/assets/css/ie/v8.css +++ /dev/null @@ -1,73 +0,0 @@ -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Form */ - - input[type="text"], - input[type="password"], - input[type="email"], - textarea { - position: relative; - -ms-behavior: url("css/ie/PIE.htc"); - } - -/* Image */ - - .image { - -ms-behavior: url("css/ie/PIE.htc"); - } - - .image img { - position: relative; - -ms-behavior: url("css/ie/PIE.htc"); - } - -/* Icon */ - - .icon.major { - position: relative; - -ms-behavior: url("css/ie/PIE.htc"); - } - -/* Button */ - - input[type="submit"], - input[type="reset"], - input[type="button"], - .button { - position: relative; - -ms-behavior: url("css/ie/PIE.htc"); - } - -/* Box */ - - .box.post .inner { - margin-left: 35%; - } - -/* Header */ - - #nav > ul > li.current:before { - display: none; - } - -/* Dropotron */ - - .dropotron { - -ms-behavior: url("css/ie/PIE.htc"); - } - -/* Banner */ - - #banner { - -ms-behavior: url("css/ie/backgroundsize.min.htc"); - } - -/* Wrapper */ - - .wrapper.style2 { - background: #fdfdfd url("../images/bg01.png"); - } \ No newline at end of file diff --git a/assets/css/style-mobile.css b/assets/css/style-mobile.css deleted file mode 100755 index 714d578..0000000 --- a/assets/css/style-mobile.css +++ /dev/null @@ -1,65 +0,0 @@ -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Basic */ - - body, input, select, textarea { - font-size: 11pt; - line-height: 1.35em; - } - - h2 { - font-size: 1.25em; - letter-spacing: 0; - line-height: 1.35em; - } - - h3 { - font-size: 1em; - letter-spacing: 0; - line-height: 1.35em; - } - - header p { - margin-top: -0.5em; - font-size: 1em; - } - - header.major { - padding: 0 20px; - } - - header.major h2 { - font-size: 1.25em; - } - - header.major p { - top: 0; - margin-top: 1.25em; - font-size: 1em; - } - -/* Lists */ - - ul.menu li { - border: 0; - padding: 0; - margin: 0; - display: block; - line-height: 2em; - } - -/* Banner */ - - #banner { - height: 18em; - } - -/* Wrapper */ - - .wrapper { - padding: 2em 0 1px 0; - } \ No newline at end of file diff --git a/assets/css/style-mobilep.css b/assets/css/style-mobilep.css deleted file mode 100755 index f36bbda..0000000 --- a/assets/css/style-mobilep.css +++ /dev/null @@ -1,82 +0,0 @@ -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Lists */ - - ul.actions li { - display: block; - padding: 1.5em 0 0 0; - } - - ul.actions li:first-child { - padding: 0; - } - -/* Icon */ - - .icon.major { - width: 4em; - height: 4em; - line-height: 4em; - box-shadow: 0 0 0 7px white, 0 0 0 8px #e0e0e0; - } - - .icon.major:before { - font-size: 24px; - } - -/* Button */ - - input[type="submit"], - input[type="reset"], - input[type="button"], - .button { - width: 100%; - display: block; - } - -/* Box */ - - .box.highlight { - padding-left: calc(4em + 30px); - } - - .box.post .inner { - margin-left: calc(30% + 20px); - } - - .box.post .image { - width: 30%; - } - -/* Banner */ - - #banner { - height: 20em; - } - - #banner header { - padding: 20px; - } - -/* Wrapper */ - - .wrapper { - padding: 2em 20px 1px 20px; - } - -/* CTA */ - - #cta { - padding: 20px; - } - -/* Footer */ - - #footer { - padding: 2em 20px; - text-align: left; - } \ No newline at end of file diff --git a/assets/css/style-narrow.css b/assets/css/style-narrow.css deleted file mode 100755 index 955277e..0000000 --- a/assets/css/style-narrow.css +++ /dev/null @@ -1,12 +0,0 @@ -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Basic */ - - body, input, select, textarea { - font-size: 12pt; - line-height: 1.5em; - } \ No newline at end of file diff --git a/assets/css/style-narrower.css b/assets/css/style-narrower.css deleted file mode 100755 index fb1acf7..0000000 --- a/assets/css/style-narrower.css +++ /dev/null @@ -1,219 +0,0 @@ -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Basic */ - - body, input, select, textarea { - font-size: 13pt; - } - - h1, h2, h3, h4, h5, h6 { - margin-bottom: 0.5em; - } - - header p { - margin-top: -0.75em; - } - - header.major { - text-align: center; - margin: 0 0 2em 0; - } - - header.major h2 { - font-size: 1.75em; - } - - header.major p { - top: -0.25em; - font-size: 1.25em; - } - - #skel-layers-wrapper { - padding-top: 44px; - overflow-x: hidden; - } - -/* Box */ - - .box.highlight { - text-align: left; - position: relative; - padding-left: 7em; - } - - .box.highlight i { - position: absolute; - margin: 0; - left: 0; - top: 0.25em; - } - - .box.post .inner { - margin-left: calc(20% + 2em); - } - - .box.post .image { - width: 20%; - } - -/* Header */ - - #header { - display: none; - } - -/* Banner */ - - #banner { - height: 20em; - } - - #banner header h2 { - display: block; - } - - #banner header .button { - margin: 1em 0 0 0; - } - -/* CTA */ - - #cta { - padding: 1.5em 0; - } - - #cta header h2 { - display: block; - } - - #cta header .button { - margin: 1em 0 0 0; - } - -/* Footer */ - - #footer { - text-align: center; - } - - #footer .container { - margin-bottom: 4em; - } - -/* Layers */ - - #titleBar { - background-color: #333; - background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png"); - background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png"); - background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png"); - background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png"); - background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png"); - height: 44px; - line-height: 44px; - box-shadow: 0 4px 0 0 #37c0fb; - } - - #titleBar .title { - display: block; - position: relative; - font-weight: 600; - text-align: center; - color: #fff; - z-index: 1; - } - - #titleBar .title em { - font-style: normal; - font-weight: 300; - } - - #titleBar .toggle { - height: 60px; - left: 0; - position: absolute; - top: 0; - width: 80px; - z-index: 2; - } - - #titleBar .toggle:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-transform: none !important; - } - - #titleBar .toggle:before { - content: "\f0c9"; - display: block; - height: 44px; - text-align: center; - width: 44px; - color: #fff; - opacity: 0.5; - } - - #titleBar .toggle:active:before { - opacity: 0.75; - } - - #navPanel { - background-color: #1f1f1f; - box-shadow: inset -1px 0 3px 0 rgba(0, 0, 0, 0.5); - background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -o-linear-gradient(left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: linear-gradient(left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("images/bg01.png"); - } - - #navPanel .link { - border-bottom: 0; - border-top: solid 1px rgba(255, 255, 255, 0.05); - color: #888; - display: block; - height: 48px; - line-height: 48px; - padding: 0 1em 0 1em; - text-decoration: none; - } - - #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; - } \ No newline at end of file diff --git a/assets/css/style-normal.css b/assets/css/style-normal.css deleted file mode 100755 index 0438834..0000000 --- a/assets/css/style-normal.css +++ /dev/null @@ -1,65 +0,0 @@ -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Basic */ - - body, input, select, textarea { - font-size: 13pt; - line-height: 1.5em; - } - -/* Lists */ - - ol.default { - list-style: decimal; - padding-left: 1.25em; - } - - ol.default li { - padding-left: 0.25em; - } - - ul.icons li a, ul.icons li span { - font-size: 1.5em; - } - -/* Header */ - - #header { - padding: 2em 0 0 0; - } - - #header h1 { - padding: 0 0 1.75em 0; - } - -/* Banner */ - - #banner { - height: 20em; - } - -/* Wrapper */ - - .wrapper { - padding: 3em 0 1em 0; - } - -/* CTA */ - - #cta { - padding: 2em 0; - } - -/* Footer */ - - #footer { - padding: 3em 0 3em 0; - } - - #footer .container { - margin-bottom: 1em; - } \ No newline at end of file diff --git a/assets/css/style-wide.css b/assets/css/style-wide.css deleted file mode 100755 index 8f1064f..0000000 --- a/assets/css/style-wide.css +++ /dev/null @@ -1,18 +0,0 @@ -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Basic */ - - body, input, select, textarea { - font-size: 14pt; - line-height: 1.5em; - } - -/* Banner */ - - #banner { - height: 24em; - } \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css deleted file mode 100755 index 78f2cb4..0000000 --- a/assets/css/style.css +++ /dev/null @@ -1,841 +0,0 @@ -@import url("font-awesome.min.css"); -@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic"); - -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Basic */ - - body, - #skel-layers-wrapper { - background: #f7f7f7 url("images/bg01.png"); - } - - body.is-loading * { - -moz-transition: none !important; - -webkit-transition: none !important; - -o-transition: none !important; - -ms-transition: none !important; - transition: none !important; - -moz-animation: none !important; - -webkit-animation: none !important; - -o-animation: none !important; - -ms-animation: none !important; - animation: none !important; - } - - body, input, select, textarea { - color: #474747; - font-family: 'Source Sans Pro', sans-serif; - font-size: 16pt; - font-weight: 300; - line-height: 1.65em; - } - - a { - -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out; - -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out; - -o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out; - -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out; - transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out; - color: #37c0fb; - text-decoration: none; - border-bottom: dotted 1px; - } - - a:hover { - color: #37c0fb; - border-bottom-color: transparent; - } - - strong, b { - font-weight: 600; - } - - em, i { - font-style: italic; - } - - p, ul, ol, dl, table, blockquote { - margin: 0 0 2em 0; - } - - h1, h2, h3, h4, h5, h6 { - color: inherit; - font-weight: 600; - line-height: 1.75em; - margin-bottom: 1em; - } - - h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - color: inherit; - text-decoration: none; - } - - h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { - font-style: normal; - font-weight: 300; - } - - h2 { - font-size: 1.75em; - letter-spacing: -0.025em; - } - - h3 { - font-size: 1.2em; - letter-spacing: -0.025em; - } - - sub { - font-size: 0.8em; - position: relative; - top: 0.5em; - } - - sup { - font-size: 0.8em; - position: relative; - top: -0.5em; - } - - hr { - border-top: solid 1px #e0e0e0; - border: 0; - margin-bottom: 1.5em; - } - - blockquote { - border-left: solid 0.5em #e0e0e0; - font-style: italic; - padding: 1em 0 1em 2em; - } - - section.special, article.special { - text-align: center; - } - - header p { - color: #999999; - font-size: 1.25em; - position: relative; - margin-top: -1.25em; - margin-bottom: 2.25em; - } - - header.major { - text-align: center; - margin: 0 0 2em 0; - } - - header.major h2 { - font-size: 2.25em; - } - - header.major p { - position: relative; - border-top: solid 1px #e0e0e0; - padding: 1em 0 0 0; - margin: 0; - top: -1em; - font-size: 1.5em; - letter-spacing: -0.025em; - } - - footer { - margin: 0 0 3em 0; - } - - footer > :last-child { - margin-bottom: 0; - } - - footer.major { - padding-top: 3em; - } - -/* Form */ - - input[type="text"], - input[type="password"], - input[type="email"], - textarea { - -moz-appearance: none; - -webkit-appearance: none; - -o-appearance: none; - -ms-appearance: none; - appearance: none; - -moz-transition: border-color 0.2s ease-in-out; - -webkit-transition: border-color 0.2s ease-in-out; - -o-transition: border-color 0.2s ease-in-out; - -ms-transition: border-color 0.2s ease-in-out; - transition: border-color 0.2s ease-in-out; - background: #fff; - border: solid 1px #e0e0e0; - border-radius: 5px; - color: inherit; - display: block; - outline: 0; - padding: 0.75em; - text-decoration: none; - width: 100%; - } - - input[type="text"]:focus, - input[type="password"]:focus, - input[type="email"]:focus, - textarea:focus { - border-color: #37c0fb; - } - - input[type="text"], - input[type="password"], - input[type="email"] { - line-height: 1em; - } - - label { - display: block; - color: inherit; - font-weight: 600; - line-height: 1.75em; - margin-bottom: 0.5em; - } - - ::-webkit-input-placeholder { - color: #999999; - position: relative; - top: 3px; - } - - :-moz-placeholder { - color: #999999; - } - - ::-moz-placeholder { - color: #999999; - } - - :-ms-input-placeholder { - color: #999999; - } - - .formerize-placeholder { - color: #999999; - } - -/* Image */ - - .image { - border: 0; - display: inline-block; - position: relative; - border-radius: 5px; - } - - .image img { - display: block; - border-radius: 5px; - } - - .image.left { - display: block; - float: left; - margin: 0 2em 2em 0; - position: relative; - top: 0.25em; - } - - .image.left img { - display: block; - width: 100%; - } - - .image.fit { - display: block; - } - - .image.fit img { - display: block; - width: 100%; - } - - .image.featured { - display: block; - margin: 0 0 2em 0; - } - - .image.featured img { - display: block; - width: 100%; - } - -/* Icon */ - - .icon { - position: relative; - text-decoration: none; - } - - .icon:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-transform: none !important; - } - - .icon > .label { - display: none; - } - - .icon.major { - text-align: center; - cursor: default; - background-color: #37c0fb; - background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - color: white; - border-radius: 100%; - display: inline-block; - width: 5em; - height: 5em; - line-height: 5em; - box-shadow: 0 0 0 7px white, 0 0 0 8px #e0e0e0; - margin: 0 0 2em 0; - } - - .icon.major:before { - font-size: 36px; - } - -/* Lists */ - - ol.default { - list-style: decimal; - padding-left: 1.25em; - } - - ol.default li { - padding-left: 0.25em; - } - - ul.default { - list-style: disc; - padding-left: 1em; - } - - ul.default li { - padding-left: 0.5em; - } - - ul.links li { - line-height: 2.5em; - } - - ul.icons { - cursor: default; - } - - ul.icons li { - display: inline-block; - line-height: 1em; - padding-left: 1.5em; - } - - ul.icons li:first-child { - padding-left: 0; - } - - ul.icons li a, ul.icons li span { - font-size: 2em; - border: 0; - } - - ul.actions { - cursor: default; - } - - ul.actions:last-child { - margin-bottom: 0; - } - - ul.actions li { - display: inline-block; - padding: 0 0 0 1.5em; - } - - ul.actions li:first-child { - padding: 0; - } - - ul.actions.vertical li { - display: block; - padding: 1.5em 0 0 0; - } - - ul.actions.vertical li:first-child { - padding: 0; - } - - ul.menu li { - border-left: solid 1px #e0e0e0; - display: inline-block; - padding: 0 0 0 1em; - margin: 0 0 0 1em; - } - - ul.menu li:first-child { - border-left: 0; - margin-left: 0; - padding-left: 0; - } - -/* Tables */ - - table { - width: 100%; - } - - table.default { - width: 100%; - } - - table.default tbody tr { - border-bottom: solid 1px #e0e0e0; - } - - table.default td { - padding: 0.5em 1em 0.5em 1em; - } - - table.default th { - font-weight: 600; - padding: 0.5em 1em 0.5em 1em; - text-align: left; - } - - table.default thead { - background-color: #555555; - background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - color: #fff; - } - -/* Button */ - - input[type="submit"], - input[type="reset"], - input[type="button"], - .button { - -moz-appearance: none; - -webkit-appearance: none; - -o-appearance: none; - -ms-appearance: none; - appearance: none; - -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; - -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; - -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; - -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; - transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; - background-color: #37c0fb; - background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - border-radius: 5px; - border: 0; - color: white; - cursor: pointer; - display: inline-block; - padding: 0 1.5em; - line-height: 2.75em; - min-width: 9em; - text-align: center; - text-decoration: none; - font-weight: 600; - letter-spacing: -0.025em; - } - - input[type="submit"]:hover, - input[type="reset"]:hover, - input[type="button"]:hover, - .button:hover { - background-color: #50c8fb; - color: white !important; - } - - input[type="submit"]:active, - input[type="reset"]:active, - input[type="button"]:active, - .button:active { - background-color: #1eb8fb; - color: white; - } - - input[type="submit"].alt, - input[type="reset"].alt, - input[type="button"].alt, - .button.alt { - background-color: #555555; - color: #fff; - } - - input[type="submit"].alt:hover, - input[type="reset"].alt:hover, - input[type="button"].alt:hover, - .button.alt:hover { - background-color: #626262; - } - - input[type="submit"].alt:active, - input[type="reset"].alt:active, - input[type="button"].alt:active, - .button.alt:active { - background-color: #484848; - } - - 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 { - width: 100%; - } - - input[type="submit"].small, - input[type="reset"].small, - input[type="button"].small, - .button.small { - font-size: 0.8em; - } - -/* Box */ - - .box.highlight { - text-align: center; - } - - .box.post { - position: relative; - margin: 0 0 2em 0; - } - - .box.post:after { - content: ''; - display: block; - clear: both; - } - - .box.post .inner { - margin-left: calc(30% + 2em); - } - - .box.post .inner > :last-child { - margin-bottom: 0; - } - - .box.post .image { - width: 30%; - margin: 0; - } - -/* Header */ - - #header { - text-align: center; - padding: 3em 0 0 0; - background-color: #fff; - background-image: url("images/bg02.png"), url("images/bg02.png"), url("images/bg01.png"); - background-position: top left, top left, top left; - background-size: 100% 6em, 100% 6em, auto; - background-repeat: no-repeat, no-repeat, repeat; - } - - #header h1 { - padding: 0 0 2.75em 0; - margin: 0; - } - - #header h1 a { - font-size: 1.5em; - letter-spacing: -0.025em; - border: 0; - } - - #nav { - cursor: default; - background-color: #333; - background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png"); - background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png"); - background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png"); - background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png"); - background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png"); - padding: 0; - } - - #nav:after { - content: ''; - display: block; - width: 100%; - height: 0.75em; - background-color: #37c0fb; - background-image: url("images/bg01.png"); - } - - #nav > ul { - margin: 0; - } - - #nav > ul > li { - position: relative; - display: inline-block; - margin-left: 1em; - } - - #nav > ul > li a { - color: #c0c0c0; - text-decoration: none; - border: 0; - display: block; - padding: 1.5em 0.5em 1.35em 0.5em; - } - - #nav > ul > li:first-child { - margin-left: 0; - } - - #nav > ul > li:hover a { - color: #fff; - } - - #nav > ul > li.current { - font-weight: 600; - } - - #nav > ul > li.current:before { - -moz-transform: rotateZ(45deg); - -webkit-transform: rotateZ(45deg); - -o-transform: rotateZ(45deg); - -ms-transform: rotateZ(45deg); - transform: rotateZ(45deg); - width: 0.75em; - height: 0.75em; - content: ''; - display: block; - position: absolute; - bottom: -0.5em; - left: 50%; - margin-left: -0.375em; - background-color: #37c0fb; - background-image: url("images/bg01.png"); - } - - #nav > ul > li.current a { - color: #fff; - } - - #nav > ul > li.active a { - color: #fff; - } - - #nav > ul > li > ul { - display: none; - } - -/* Dropotron */ - - .dropotron { - background-color: #333; - background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png"); - background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png"); - background-image: -o-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png"); - background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png"); - background-image: linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png"); - border-radius: 5px; - color: #fff; - min-width: 10em; - padding: 1em 0; - text-align: center; - box-shadow: 0 1em 1em 0 rgba(0, 0, 0, 0.5); - } - - .dropotron > li { - line-height: 2em; - padding: 0 1.1em 0 1em; - } - - .dropotron > li > a { - color: #c0c0c0; - text-decoration: none; - border: 0; - } - - .dropotron > li.active > a, .dropotron > li:hover > a { - color: #fff; - } - - .dropotron.level-0 { - border-radius: 0 0 5px 5px; - font-size: 0.9em; - padding-top: 0; - margin-top: -1px; - } - -/* Banner */ - - #banner { - background-image: url("../images/banner.jpg"); - background-position: center center; - background-size: cover; - height: 28em; - text-align: center; - position: relative; - } - - #banner header { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background: #212121; - background: rgba(27, 27, 27, 0.75); - color: #fff; - padding: 1.5em 0; - } - - #banner header h2 { - display: inline-block; - margin: 0; - font-size: 1.25em; - vertical-align: middle; - } - - #banner header h2 em { - opacity: 0.75; - } - - #banner header h2 a { - border-bottom-color: rgba(255, 255, 255, 0.5); - } - - #banner header h2 a:hover { - border-bottom-color: transparent; - } - - #banner header .button { - vertical-align: middle; - margin-left: 1em; - } - -/* Wrapper */ - - .wrapper { - padding: 5em 0 3em 0; - } - - .wrapper.style1 { - background: #fff; - } - - .wrapper.style2 { - background-color: #fff; - background-image: url("images/bg02.png"), url("images/bg03.png"), url("images/bg01.png"); - background-position: top left, bottom left, top left; - background-size: 100% 6em, 100% 6em, auto; - background-repeat: no-repeat, no-repeat, repeat; - } - - .wrapper.style3 { - background-color: #37c0fb; - background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); - color: white; - } - - .wrapper.style3 .button { - background: white; - color: #474747; - } - - .wrapper.style3 .button:hover { - color: #37c0fb !important; - } - -/* CTA */ - - #cta { - text-align: center; - padding: 3.5em 0; - } - - #cta header h2 { - display: inline-block; - vertical-align: middle; - margin: 0; - } - - #cta header .button { - vertical-align: middle; - margin-left: 1em; - } - -/* Footer */ - - #footer { - padding: 4em 0 8em 0; - } - - #footer a { - color: inherit; - border-bottom-color: rgba(71, 71, 71, 0.25); - } - - #footer a:hover { - color: #37c0fb; - border-bottom-color: transparent; - } - - #footer .container { - margin-bottom: 4em; - } - - #footer .icons { - text-align: center; - margin: 0; - } - - #footer .icons a { - color: #999999; - } - - #footer .icons a:hover { - color: #474747; - } - - #footer .copyright { - color: #999999; - margin-top: 1.5em; - text-align: center; - font-size: 0.9em; - } \ No newline at end of file diff --git a/assets/css/font-awesome.min.css b/css/font-awesome.min.css similarity index 100% rename from assets/css/font-awesome.min.css rename to css/font-awesome.min.css diff --git a/assets/css/ie/PIE.htc b/css/ie/PIE.htc similarity index 100% rename from assets/css/ie/PIE.htc rename to css/ie/PIE.htc diff --git a/assets/css/ie/backgroundsize.min.htc b/css/ie/backgroundsize.min.htc similarity index 99% rename from assets/css/ie/backgroundsize.min.htc rename to css/ie/backgroundsize.min.htc index 3d9960d..9b2592e 100755 --- a/assets/css/ie/backgroundsize.min.htc +++ b/css/ie/backgroundsize.min.htc @@ -1,7 +1,7 @@ - - - - - \ No newline at end of file diff --git a/assets/css/ie/html5shiv.js b/css/ie/html5shiv.js similarity index 100% rename from assets/css/ie/html5shiv.js rename to css/ie/html5shiv.js diff --git a/assets/css/skel.css b/css/skel.css similarity index 100% rename from assets/css/skel.css rename to css/skel.css diff --git a/assets/sass/style-mobile.scss b/css/style-mobile.scss similarity index 92% rename from assets/sass/style-mobile.scss rename to css/style-mobile.scss index d4bf19b..8b4d3b7 100755 --- a/assets/sass/style-mobile.scss +++ b/css/style-mobile.scss @@ -1,74 +1,76 @@ -@import 'vars'; -@import 'mixins'; - -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Basic */ - - body, input, select, textarea { - font-size: 11pt; - line-height: 1.35em; - } - - h2 { - font-size: 1.25em; - letter-spacing: 0; - line-height: 1.35em; - } - - h3 { - font-size: 1em; - letter-spacing: 0; - line-height: 1.35em; - } - - header { - p { - margin-top: -0.5em; - font-size: 1em; - } - - &.major { - padding: 0 20px; - - h2 { - font-size: 1.25em; - } - - p { - top: 0; - margin-top: 1.25em; - font-size: 1em; - } - } - } - -/* Lists */ - - ul { - &.menu { - li { - border: 0; - padding: 0; - margin: 0; - display: block; - line-height: 2em; - } - } - } - -/* Banner */ - - #banner { - height: 18em; - } - -/* Wrapper */ - - .wrapper { - padding: 2em 0 1px 0; - } \ No newline at end of file +--- +--- +@import 'vars'; +@import 'mixins'; + +/* + Arcana by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Basic */ + + body, input, select, textarea { + font-size: 11pt; + line-height: 1.35em; + } + + h2 { + font-size: 1.25em; + letter-spacing: 0; + line-height: 1.35em; + } + + h3 { + font-size: 1em; + letter-spacing: 0; + line-height: 1.35em; + } + + header { + p { + margin-top: -0.5em; + font-size: 1em; + } + + &.major { + padding: 0 20px; + + h2 { + font-size: 1.25em; + } + + p { + top: 0; + margin-top: 1.25em; + font-size: 1em; + } + } + } + +/* Lists */ + + ul { + &.menu { + li { + border: 0; + padding: 0; + margin: 0; + display: block; + line-height: 2em; + } + } + } + +/* Banner */ + + #banner { + height: 18em; + } + +/* Wrapper */ + + .wrapper { + padding: 2em 0 1px 0; + } diff --git a/assets/sass/style-mobilep.scss b/css/style-mobilep.scss similarity index 91% rename from assets/sass/style-mobilep.scss rename to css/style-mobilep.scss index 4f1daa3..0e1f010 100755 --- a/assets/sass/style-mobilep.scss +++ b/css/style-mobilep.scss @@ -1,95 +1,97 @@ -@import 'vars'; -@import 'mixins'; - -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Lists */ - - ul { - &.actions { - li { - display: block; - padding: 1.5em 0 0 0; - - &:first-child { - padding: 0; - } - } - } - } - -/* Icon */ - - .icon { - &.major { - width: 4em; - height: 4em; - line-height: 4em; - box-shadow: 0 0 0 7px white, 0 0 0 8px $color-border; - - &:before { - font-size: 24px; - } - } - } - -/* Button */ - - input[type="submit"], - input[type="reset"], - input[type="button"], - .button { - width: 100%; - display: block; - } - -/* Box */ - - .box { - &.highlight { - padding-left: calc(4em + 30px); - } - - &.post { - .inner { - margin-left: calc(30% + 20px); - } - - .image { - width: 30%; - } - } - } - -/* Banner */ - - #banner { - height: 20em; - - header { - padding: 20px; - } - } - -/* Wrapper */ - - .wrapper { - padding: 2em 20px 1px 20px; - } - -/* CTA */ - - #cta { - padding: 20px; - } - -/* Footer */ - - #footer { - padding: 2em 20px; - text-align: left; - } \ No newline at end of file +--- +--- +@import 'vars'; +@import 'mixins'; + +/* + Arcana by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Lists */ + + ul { + &.actions { + li { + display: block; + padding: 1.5em 0 0 0; + + &:first-child { + padding: 0; + } + } + } + } + +/* Icon */ + + .icon { + &.major { + width: 4em; + height: 4em; + line-height: 4em; + box-shadow: 0 0 0 7px white, 0 0 0 8px $color-border; + + &:before { + font-size: 24px; + } + } + } + +/* Button */ + + input[type="submit"], + input[type="reset"], + input[type="button"], + .button { + width: 100%; + display: block; + } + +/* Box */ + + .box { + &.highlight { + padding-left: calc(4em + 30px); + } + + &.post { + .inner { + margin-left: calc(30% + 20px); + } + + .image { + width: 30%; + } + } + } + +/* Banner */ + + #banner { + height: 20em; + + header { + padding: 20px; + } + } + +/* Wrapper */ + + .wrapper { + padding: 2em 20px 1px 20px; + } + +/* CTA */ + + #cta { + padding: 20px; + } + +/* Footer */ + + #footer { + padding: 2em 20px; + text-align: left; + } diff --git a/assets/sass/style-narrow.scss b/css/style-narrow.scss similarity index 94% rename from assets/sass/style-narrow.scss rename to css/style-narrow.scss index 0d4b26b..424ebcf 100755 --- a/assets/sass/style-narrow.scss +++ b/css/style-narrow.scss @@ -1,15 +1,17 @@ -@import 'vars'; -@import 'mixins'; - -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Basic */ - - body, input, select, textarea { - font-size: 12pt; - line-height: 1.5em; - } \ No newline at end of file +--- +--- +@import 'vars'; +@import 'mixins'; + +/* + Arcana by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Basic */ + + body, input, select, textarea { + font-size: 12pt; + line-height: 1.5em; + } diff --git a/assets/sass/style-narrower.scss b/css/style-narrower.scss similarity index 93% rename from assets/sass/style-narrower.scss rename to css/style-narrower.scss index 0edb590..b819b1f 100755 --- a/assets/sass/style-narrower.scss +++ b/css/style-narrower.scss @@ -1,199 +1,201 @@ -@import 'vars'; -@import 'mixins'; - -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Basic */ - - body, input, select, textarea { - font-size: 13pt; - } - - h1, h2, h3, h4, h5, h6 { - margin-bottom: 0.5em; - } - - header { - p { - margin-top: -0.75em; - } - - &.major { - text-align: center; - margin: 0 0 2em 0; - - h2 { - font-size: 1.75em; - } - - p { - top: -0.25em; - font-size: 1.25em; - } - } - } - - #skel-layers-wrapper { - padding-top: 44px; - overflow-x: hidden; - } - -/* Box */ - - .box { - &.highlight { - text-align: left; - position: relative; - padding-left: 7em; - - i { - position: absolute; - margin: 0; - left: 0; - top: 0.25em; - } - } - - &.post { - .inner { - margin-left: calc(20% + 2em); - } - - .image { - width: 20%; - } - } - } - -/* Header */ - - #header { - display: none; - } - -/* Banner */ - - #banner { - height: 20em; - - header { - h2 { - display: block; - } - - .button { - margin: 1em 0 0 0; - } - } - } - -/* CTA */ - - #cta { - padding: 1.5em 0; - - header { - h2 { - display: block; - } - - .button { - margin: 1em 0 0 0; - } - } - } - -/* Footer */ - - #footer { - text-align: center; - - .container { - margin-bottom: 4em; - } - } - -/* Layers */ - - #titleBar { - background-color: #333; - @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png")'); - height: 44px; - line-height: 44px; - box-shadow: 0 4px 0 0 $color-accent-bg; - - .title { - display: block; - position: relative; - font-weight: 600; - text-align: center; - color: #fff; - z-index: 1; - - em { - font-style: normal; - font-weight: 300; - } - } - - .toggle { - @include icon; - height: 60px; - left: 0; - position: absolute; - top: 0; - width: 80px; - z-index: 2; - - &:before { - content: '\f0c9'; - display: block; - height: 44px; - text-align: center; - width: 44px; - color: #fff; - opacity: 0.5; - } - - &:active { - &:before { - opacity: 0.75; - } - } - } - } - - #navPanel { - background-color: #1f1f1f; - box-shadow: inset -1px 0 3px 0 rgba(0,0,0,0.5); - @include vendor-value('background-image', 'linear-gradient(left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("images/bg01.png")'); - - .link { - border-bottom: 0; - border-top: solid 1px rgba(255,255,255,0.05); - color: #888; - display: block; - height: 48px; - line-height: 48px; - padding: 0 1em 0 1em; - text-decoration: none; - - &:first-child { - border-top: 0; - } - - &.depth-0 { - color: #fff; - } - - .indent-1 { display: inline-block; width: 1em; } - .indent-2 { display: inline-block; width: 2em; } - .indent-3 { display: inline-block; width: 3em; } - .indent-4 { display: inline-block; width: 4em; } - .indent-5 { display: inline-block; width: 5em; } - } - } \ No newline at end of file +--- +--- +@import 'vars'; +@import 'mixins'; + +/* + Arcana by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Basic */ + + body, input, select, textarea { + font-size: 13pt; + } + + h1, h2, h3, h4, h5, h6 { + margin-bottom: 0.5em; + } + + header { + p { + margin-top: -0.75em; + } + + &.major { + text-align: center; + margin: 0 0 2em 0; + + h2 { + font-size: 1.75em; + } + + p { + top: -0.25em; + font-size: 1.25em; + } + } + } + + #skel-layers-wrapper { + padding-top: 44px; + overflow-x: hidden; + } + +/* Box */ + + .box { + &.highlight { + text-align: left; + position: relative; + padding-left: 7em; + + i { + position: absolute; + margin: 0; + left: 0; + top: 0.25em; + } + } + + &.post { + .inner { + margin-left: calc(20% + 2em); + } + + .image { + width: 20%; + } + } + } + +/* Header */ + + #header { + display: none; + } + +/* Banner */ + + #banner { + height: 20em; + + header { + h2 { + display: block; + } + + .button { + margin: 1em 0 0 0; + } + } + } + +/* CTA */ + + #cta { + padding: 1.5em 0; + + header { + h2 { + display: block; + } + + .button { + margin: 1em 0 0 0; + } + } + } + +/* Footer */ + + #footer { + text-align: center; + + .container { + margin-bottom: 4em; + } + } + +/* Layers */ + + #titleBar { + background-color: #333; + @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png")'); + height: 44px; + line-height: 44px; + box-shadow: 0 4px 0 0 $color-accent-bg; + + .title { + display: block; + position: relative; + font-weight: 600; + text-align: center; + color: #fff; + z-index: 1; + + em { + font-style: normal; + font-weight: 300; + } + } + + .toggle { + @include icon; + height: 60px; + left: 0; + position: absolute; + top: 0; + width: 80px; + z-index: 2; + + &:before { + content: '\f0c9'; + display: block; + height: 44px; + text-align: center; + width: 44px; + color: #fff; + opacity: 0.5; + } + + &:active { + &:before { + opacity: 0.75; + } + } + } + } + + #navPanel { + background-color: #1f1f1f; + box-shadow: inset -1px 0 3px 0 rgba(0,0,0,0.5); + @include vendor-value('background-image', 'linear-gradient(left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("images/bg01.png")'); + + .link { + border-bottom: 0; + border-top: solid 1px rgba(255,255,255,0.05); + color: #888; + display: block; + height: 48px; + line-height: 48px; + padding: 0 1em 0 1em; + text-decoration: none; + + &:first-child { + border-top: 0; + } + + &.depth-0 { + color: #fff; + } + + .indent-1 { display: inline-block; width: 1em; } + .indent-2 { display: inline-block; width: 2em; } + .indent-3 { display: inline-block; width: 3em; } + .indent-4 { display: inline-block; width: 4em; } + .indent-5 { display: inline-block; width: 5em; } + } + } diff --git a/assets/sass/style-normal.scss b/css/style-normal.scss similarity index 91% rename from assets/sass/style-normal.scss rename to css/style-normal.scss index b76bc9b..26b2f26 100755 --- a/assets/sass/style-normal.scss +++ b/css/style-normal.scss @@ -1,76 +1,78 @@ -@import 'vars'; -@import 'mixins'; - -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Basic */ - - body, input, select, textarea { - font-size: 13pt; - line-height: 1.5em; - } - -/* Lists */ - - ol { - &.default { - list-style: decimal; - padding-left: 1.25em; - - li { - padding-left: 0.25em; - } - } - } - - ul { - &.icons { - li { - a, span { - font-size: 1.5em; - } - } - } - } - -/* Header */ - - #header { - padding: 2em 0 0 0; - - h1 { - padding: 0 0 1.75em 0; - } - } - -/* Banner */ - - #banner { - height: 20em; - } - -/* Wrapper */ - - .wrapper { - padding: 3em 0 1em 0; - } - -/* CTA */ - - #cta { - padding: 2em 0; - } - -/* Footer */ - - #footer { - padding: 3em 0 3em 0; - - .container { - margin-bottom: 1em; - } - } \ No newline at end of file +--- +--- +@import 'vars'; +@import 'mixins'; + +/* + Arcana by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Basic */ + + body, input, select, textarea { + font-size: 13pt; + line-height: 1.5em; + } + +/* Lists */ + + ol { + &.default { + list-style: decimal; + padding-left: 1.25em; + + li { + padding-left: 0.25em; + } + } + } + + ul { + &.icons { + li { + a, span { + font-size: 1.5em; + } + } + } + } + +/* Header */ + + #header { + padding: 2em 0 0 0; + + h1 { + padding: 0 0 1.75em 0; + } + } + +/* Banner */ + + #banner { + height: 20em; + } + +/* Wrapper */ + + .wrapper { + padding: 3em 0 1em 0; + } + +/* CTA */ + + #cta { + padding: 2em 0; + } + +/* Footer */ + + #footer { + padding: 3em 0 3em 0; + + .container { + margin-bottom: 1em; + } + } diff --git a/assets/sass/style-wide.scss b/css/style-wide.scss similarity index 93% rename from assets/sass/style-wide.scss rename to css/style-wide.scss index 67814a7..67f810b 100755 --- a/assets/sass/style-wide.scss +++ b/css/style-wide.scss @@ -1,21 +1,23 @@ -@import 'vars'; -@import 'mixins'; - -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Basic */ - - body, input, select, textarea { - font-size: 14pt; - line-height: 1.5em; - } - -/* Banner */ - - #banner { - height: 24em; - } \ No newline at end of file +--- +--- +@import 'vars'; +@import 'mixins'; + +/* + Arcana by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Basic */ + + body, input, select, textarea { + font-size: 14pt; + line-height: 1.5em; + } + +/* Banner */ + + #banner { + height: 24em; + } diff --git a/assets/sass/style.scss b/css/style.scss similarity index 88% rename from assets/sass/style.scss rename to css/style.scss index cbba46a..c883ef3 100755 --- a/assets/sass/style.scss +++ b/css/style.scss @@ -1,794 +1,796 @@ -@charset 'UTF-8'; -@import url('font-awesome.min.css'); -@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic'); - -@import 'vars'; -@import 'mixins'; - -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Basic */ - - body, - #skel-layers-wrapper { - background: $color-bg url('images/bg01.png'); - } - - body { - &.is-loading { - * { - @include vendor-property('transition', 'none !important'); - @include vendor-property('animation', 'none !important'); - } - } - } - - body, input, select, textarea { - color: $color-fg; - font-family: 'Source Sans Pro', sans-serif; - font-size: 16pt; - font-weight: 300; - line-height: 1.65em; - } - - a { - @include vendor-property('transition', 'color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out'); - color: $color-accent-bg; - text-decoration: none; - border-bottom: dotted 1px; - - &:hover { - color: $color-accent-bg; - border-bottom-color: transparent; - } - } - - strong, b { - font-weight: 600; - } - - em, i { - font-style: italic; - } - - p, ul, ol, dl, table, blockquote { - margin: 0 0 2em 0; - } - - h1, h2, h3, h4, h5, h6 { - color: inherit; - font-weight: 600; - line-height: 1.75em; - margin-bottom: 1em; - - a { - color: inherit; - text-decoration: none; - } - - em { - font-style: normal; - font-weight: 300; - } - } - - h2 { - font-size: 1.75em; - letter-spacing: -0.025em; - } - - h3 { - font-size: 1.2em; - letter-spacing: -0.025em; - } - - sub { - font-size: 0.8em; - position: relative; - top: 0.5em; - } - - sup { - font-size: 0.8em; - position: relative; - top: -0.5em; - } - - hr { - border-top: solid 1px $color-border; - border: 0; - margin-bottom: 1.5em; - } - - blockquote { - border-left: solid 0.5em $color-border; - font-style: italic; - padding: 1em 0 1em 2em; - } - - section, article { - &.special { - text-align: center; - } - } - - header { - p { - color: $color-fg-light; - font-size: 1.25em; - position: relative; - margin-top: -1.25em; - margin-bottom: 2.25em; - } - - &.major { - text-align: center; - margin: 0 0 2em 0; - - h2 { - font-size: 2.25em; - } - - p { - position: relative; - border-top: solid 1px $color-border; - padding: 1em 0 0 0; - margin: 0; - top: -1em; - font-size: 1.5em; - letter-spacing: -0.025em; - } - } - } - - footer { - margin: 0 0 3em 0; - - > :last-child { - margin-bottom: 0; - } - - &.major { - padding-top: 3em; - } - } - -/* Form */ - - input[type="text"], - input[type="password"], - input[type="email"], - textarea { - @include vendor-property('appearance', 'none'); - @include vendor-property('transition', 'border-color 0.2s ease-in-out'); - background: #fff; - border: solid 1px $color-border; - border-radius: $size-radius; - color: inherit; - display: block; - outline: 0; - padding: 0.75em; - text-decoration: none; - width: 100%; - - &:focus { - border-color: $color-accent-bg; - } - } - - input[type="text"], - input[type="password"], - input[type="email"] { - line-height: 1em; - } - - label { - display: block; - color: inherit; - font-weight: 600; - line-height: 1.75em; - margin-bottom: 0.5em; - } - - ::-webkit-input-placeholder { - color: $color-fg-light; - position: relative; - top: 3px; - } - - :-moz-placeholder { - color: $color-fg-light; - } - - ::-moz-placeholder { - color: $color-fg-light; - } - - :-ms-input-placeholder { - color: $color-fg-light; - } - - .formerize-placeholder { - color: $color-fg-light; - } - -/* Image */ - - .image { - border: 0; - display: inline-block; - position: relative; - border-radius: $size-radius; - - img { - display: block; - border-radius: $size-radius; - } - - &.left { - display: block; - float: left; - margin: 0 2em 2em 0; - position: relative; - top: 0.25em; - - img { - display: block; - width: 100%; - } - } - - &.fit { - display: block; - - img { - display: block; - width: 100%; - } - } - - &.featured { - display: block; - margin: 0 0 2em 0; - - img { - display: block; - width: 100%; - } - } - } - -/* Icon */ - - .icon { - @include icon; - position: relative; - text-decoration: none; - - > .label { - display: none; - } - - &.major { - text-align: center; - cursor: default; - background-color: $color-accent-bg; - @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png")'); - color: $color-accent-fg; - border-radius: 100%; - display: inline-block; - width: 5em; - height: 5em; - line-height: 5em; - box-shadow: 0 0 0 7px white, 0 0 0 8px $color-border; - margin: 0 0 2em 0; - - &:before { - font-size: 36px; - } - } - } - -/* Lists */ - - ol { - &.default { - list-style: decimal; - padding-left: 1.25em; - - li { - padding-left: 0.25em; - } - } - } - - ul { - &.default { - list-style: disc; - padding-left: 1em; - - li { - padding-left: 0.5em; - } - } - - &.links { - li { - line-height: 2.5em; - } - } - - &.icons { - cursor: default; - - li { - display: inline-block; - line-height: 1em; - padding-left: 1.5em; - - &:first-child { - padding-left: 0; - } - - a, span { - font-size: 2em; - border: 0; - } - } - } - - &.actions { - cursor: default; - - &:last-child { - margin-bottom: 0; - } - - li { - display: inline-block; - padding: 0 0 0 1.5em; - - &:first-child { - padding: 0; - } - } - - &.vertical { - li { - display: block; - padding: 1.5em 0 0 0; - - &:first-child { - padding: 0; - } - } - } - } - - &.menu { - li { - border-left: solid 1px $color-border; - display: inline-block; - padding: 0 0 0 1em; - margin: 0 0 0 1em; - - &:first-child - { - border-left: 0; - margin-left: 0; - padding-left: 0; - } - } - } - } - -/* Tables */ - - table { - width: 100%; - - &.default { - width: 100%; - - tbody { - tr { - border-bottom: solid 1px $color-border; - } - } - - td { - padding: 0.5em 1em 0.5em 1em; - } - - th { - font-weight: 600; - padding: 0.5em 1em 0.5em 1em; - text-align: left; - } - - thead { - background-color: #555555; - @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png")'); - color: #fff; - } - - tfoot { - } - - tbody { - } - } - } - -/* Button */ - - input[type="submit"], - input[type="reset"], - input[type="button"], - .button { - @include vendor-property('appearance', 'none'); - @include vendor-property('transition', 'background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out'); - background-color: $color-accent-bg; - @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png")'); - border-radius: $size-radius; - border: 0; - color: $color-accent-fg; - cursor: pointer; - display: inline-block; - padding: 0 1.5em; - line-height: 2.75em; - min-width: 9em; - text-align: center; - text-decoration: none; - font-weight: 600; - letter-spacing: -0.025em; - - &:hover { - background-color: lighten($color-accent-bg, 5); - color: $color-accent-fg !important; - } - - &:active { - background-color: darken($color-accent-bg, 5); - color: $color-accent-fg; - } - - &.alt { - background-color: #555555; - color: #fff; - - &:hover { - background-color: lighten(#555555, 5); - } - - &:active { - background-color: darken(#555555, 5); - } - } - - &.icon { - &:before { - margin-right: 0.5em; - } - } - - &.fit { - width: 100%; - } - - &.small { - font-size: 0.8em; - } - } - -/* Box */ - - .box { - &.highlight { - text-align: center; - } - - &.post { - position: relative; - margin: 0 0 2em 0; - - &:after { - content: ''; - display: block; - clear: both; - } - - .inner { - margin-left: calc(30% + 2em); - - > :last-child { - margin-bottom: 0; - } - } - - .image { - width: 30%; - margin: 0; - } - } - } - -/* Header */ - - #header { - text-align: center; - padding: 3em 0 0 0; - background-color: #fff; - background-image: url('images/bg02.png'), url('images/bg02.png'), url('images/bg01.png'); - background-position: top left, top left, top left; - background-size: 100% 6em, 100% 6em, auto; - background-repeat: no-repeat, no-repeat, repeat; - - h1 { - padding: 0 0 2.75em 0; - margin: 0; - - a { - font-size: 1.5em; - letter-spacing: -0.025em; - border: 0; - } - } - } - - #nav { - cursor: default; - background-color: #333; - @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png")'); - padding: 0; - - &:after { - content: ''; - display: block; - width: 100%; - height: 0.75em; - background-color: $color-accent-bg; - background-image: url("images/bg01.png"); - } - - > ul { - margin: 0; - - > li { - position: relative; - display: inline-block; - margin-left: 1em; - - a { - color: #c0c0c0; - text-decoration: none; - border: 0; - display: block; - padding: 1.5em 0.5em 1.35em 0.5em; - } - - &:first-child { - margin-left: 0; - } - - &:hover { - a { - color: #fff; - } - } - - &.current { - font-weight: 600; - - &:before { - @include vendor-property('transform', 'rotateZ(45deg)'); - width: 0.75em; - height: 0.75em; - content: ''; - display: block; - position: absolute; - bottom: -0.5em; - left: 50%; - margin-left: -0.375em; - background-color: $color-accent-bg; - background-image: url("images/bg01.png"); - } - - a { - color: #fff; - } - } - - &.active { - a { - color: #fff; - } - } - - > ul { - display: none; - } - } - } - } - -/* Dropotron */ - - .dropotron { - background-color: #333; - @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png")'); - border-radius: $size-radius; - color: #fff; - min-width: 10em; - padding: 1em 0; - text-align: center; - box-shadow: 0 1em 1em 0 rgba(0,0,0,0.5); - - > li { - line-height: 2em; - padding: 0 1.1em 0 1em; - - > a { - color: #c0c0c0; - text-decoration: none; - border: 0; - } - - &.active, - &:hover { - > a { - color: #fff; - } - } - } - - &.level-0 { - border-radius: 0 0 $size-radius $size-radius; - font-size: 0.9em; - padding-top: 0; - margin-top: -1px; - } - } - -/* Banner */ - - #banner { - background-image: url('../images/banner.jpg'); - background-position: center center; - background-size: cover; - height: 28em; - text-align: center; - position: relative; - - header { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background: #212121; - background: rgba(27,27,27,0.75); - color: #fff; - padding: 1.5em 0; - - h2 { - display: inline-block; - margin: 0; - font-size: 1.25em; - vertical-align: middle; - - em { - opacity: 0.75; - } - - a { - border-bottom-color: transparentize(#fff, 0.5); - - &:hover { - border-bottom-color: transparent; - } - } - } - - .button { - vertical-align: middle; - margin-left: 1em; - } - } - } - -/* Wrapper */ - - .wrapper { - padding: 5em 0 3em 0; - - &.style1 { - background: #fff; - } - - &.style2 { - background-color: #fff; - background-image: url('images/bg02.png'), url('images/bg03.png'), url('images/bg01.png'); - background-position: top left, bottom left, top left; - background-size: 100% 6em, 100% 6em, auto; - background-repeat: no-repeat, no-repeat, repeat; - } - - &.style3 { - background-color: $color-accent-bg; - @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png")'); - color: $color-accent-fg; - - .button { - background: $color-accent-fg; - color: $color-fg; - - &:hover { - color: $color-accent-bg !important; - } - } - } - } - -/* CTA */ - - #cta { - text-align: center; - padding: 3.5em 0; - - header { - h2 { - display: inline-block; - vertical-align: middle; - margin: 0; - } - - .button { - vertical-align: middle; - margin-left: 1em; - } - } - } - -/* Footer */ - - #footer { - padding: 4em 0 8em 0; - - a { - color: inherit; - border-bottom-color: transparentize($color-fg, 0.75); - - &:hover { - color: $color-accent-bg; - border-bottom-color: transparent; - } - } - - .container { - margin-bottom: 4em; - } - - .icons { - text-align: center; - margin: 0; - - a { - color: $color-fg-light; - - &:hover { - color: $color-fg; - } - } - } - - .copyright { - color: $color-fg-light; - margin-top: 1.5em; - text-align: center; - font-size: 0.9em; - } - } \ No newline at end of file +--- +--- +@charset 'UTF-8'; +@import url('font-awesome.min.css'); +@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic'); + +@import 'vars'; +@import 'mixins'; + +/* + Arcana by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Basic */ + + body, + #skel-layers-wrapper { + background: $color-bg url('../images/bg01.png'); + } + + body { + &.is-loading { + * { + @include vendor-property('transition', 'none !important'); + @include vendor-property('animation', 'none !important'); + } + } + } + + body, input, select, textarea { + color: $color-fg; + font-family: 'Source Sans Pro', sans-serif; + font-size: 16pt; + font-weight: 300; + line-height: 1.65em; + } + + a { + @include vendor-property('transition', 'color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out'); + color: $color-accent-bg; + text-decoration: none; + border-bottom: dotted 1px; + + &:hover { + color: $color-accent-bg; + border-bottom-color: transparent; + } + } + + strong, b { + font-weight: 600; + } + + em, i { + font-style: italic; + } + + p, ul, ol, dl, table, blockquote { + margin: 0 0 2em 0; + } + + h1, h2, h3, h4, h5, h6 { + color: inherit; + font-weight: 600; + line-height: 1.75em; + margin-bottom: 1em; + + a { + color: inherit; + text-decoration: none; + } + + em { + font-style: normal; + font-weight: 300; + } + } + + h2 { + font-size: 1.75em; + letter-spacing: -0.025em; + } + + h3 { + font-size: 1.2em; + letter-spacing: -0.025em; + } + + sub { + font-size: 0.8em; + position: relative; + top: 0.5em; + } + + sup { + font-size: 0.8em; + position: relative; + top: -0.5em; + } + + hr { + border-top: solid 1px $color-border; + border: 0; + margin-bottom: 1.5em; + } + + blockquote { + border-left: solid 0.5em $color-border; + font-style: italic; + padding: 1em 0 1em 2em; + } + + section, article { + &.special { + text-align: center; + } + } + + header { + p { + color: $color-fg-light; + font-size: 1.25em; + position: relative; + margin-top: -1.25em; + margin-bottom: 2.25em; + } + + &.major { + text-align: center; + margin: 0 0 2em 0; + + h2 { + font-size: 2.25em; + } + + p { + position: relative; + border-top: solid 1px $color-border; + padding: 1em 0 0 0; + margin: 0; + top: -1em; + font-size: 1.5em; + letter-spacing: -0.025em; + } + } + } + + footer { + margin: 0 0 3em 0; + + > :last-child { + margin-bottom: 0; + } + + &.major { + padding-top: 3em; + } + } + +/* Form */ + + input[type="text"], + input[type="password"], + input[type="email"], + textarea { + @include vendor-property('appearance', 'none'); + @include vendor-property('transition', 'border-color 0.2s ease-in-out'); + background: #fff; + border: solid 1px $color-border; + border-radius: $size-radius; + color: inherit; + display: block; + outline: 0; + padding: 0.75em; + text-decoration: none; + width: 100%; + + &:focus { + border-color: $color-accent-bg; + } + } + + input[type="text"], + input[type="password"], + input[type="email"] { + line-height: 1em; + } + + label { + display: block; + color: inherit; + font-weight: 600; + line-height: 1.75em; + margin-bottom: 0.5em; + } + + ::-webkit-input-placeholder { + color: $color-fg-light; + position: relative; + top: 3px; + } + + :-moz-placeholder { + color: $color-fg-light; + } + + ::-moz-placeholder { + color: $color-fg-light; + } + + :-ms-input-placeholder { + color: $color-fg-light; + } + + .formerize-placeholder { + color: $color-fg-light; + } + +/* Image */ + + .image { + border: 0; + display: inline-block; + position: relative; + border-radius: $size-radius; + + img { + display: block; + border-radius: $size-radius; + } + + &.left { + display: block; + float: left; + margin: 0 2em 2em 0; + position: relative; + top: 0.25em; + + img { + display: block; + width: 100%; + } + } + + &.fit { + display: block; + + img { + display: block; + width: 100%; + } + } + + &.featured { + display: block; + margin: 0 0 2em 0; + + img { + display: block; + width: 100%; + } + } + } + +/* Icon */ + + .icon { + @include icon; + position: relative; + text-decoration: none; + + > .label { + display: none; + } + + &.major { + text-align: center; + cursor: default; + background-color: $color-accent-bg; + @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("../images/bg01.png")'); + color: $color-accent-fg; + border-radius: 100%; + display: inline-block; + width: 5em; + height: 5em; + line-height: 5em; + box-shadow: 0 0 0 7px white, 0 0 0 8px $color-border; + margin: 0 0 2em 0; + + &:before { + font-size: 36px; + } + } + } + +/* Lists */ + + ol { + &.default { + list-style: decimal; + padding-left: 1.25em; + + li { + padding-left: 0.25em; + } + } + } + + ul { + &.default { + list-style: disc; + padding-left: 1em; + + li { + padding-left: 0.5em; + } + } + + &.links { + li { + line-height: 2.5em; + } + } + + &.icons { + cursor: default; + + li { + display: inline-block; + line-height: 1em; + padding-left: 1.5em; + + &:first-child { + padding-left: 0; + } + + a, span { + font-size: 2em; + border: 0; + } + } + } + + &.actions { + cursor: default; + + &:last-child { + margin-bottom: 0; + } + + li { + display: inline-block; + padding: 0 0 0 1.5em; + + &:first-child { + padding: 0; + } + } + + &.vertical { + li { + display: block; + padding: 1.5em 0 0 0; + + &:first-child { + padding: 0; + } + } + } + } + + &.menu { + li { + border-left: solid 1px $color-border; + display: inline-block; + padding: 0 0 0 1em; + margin: 0 0 0 1em; + + &:first-child + { + border-left: 0; + margin-left: 0; + padding-left: 0; + } + } + } + } + +/* Tables */ + + table { + width: 100%; + + &.default { + width: 100%; + + tbody { + tr { + border-bottom: solid 1px $color-border; + } + } + + td { + padding: 0.5em 1em 0.5em 1em; + } + + th { + font-weight: 600; + padding: 0.5em 1em 0.5em 1em; + text-align: left; + } + + thead { + background-color: #555555; + @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("../images/bg01.png")'); + color: #fff; + } + + tfoot { + } + + tbody { + } + } + } + +/* Button */ + + input[type="submit"], + input[type="reset"], + input[type="button"], + .button { + @include vendor-property('appearance', 'none'); + @include vendor-property('transition', 'background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out'); + background-color: $color-accent-bg; + @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("../images/bg01.png")'); + border-radius: $size-radius; + border: 0; + color: $color-accent-fg; + cursor: pointer; + display: inline-block; + padding: 0 1.5em; + line-height: 2.75em; + min-width: 9em; + text-align: center; + text-decoration: none; + font-weight: 600; + letter-spacing: -0.025em; + + &:hover { + background-color: lighten($color-accent-bg, 5); + color: $color-accent-fg !important; + } + + &:active { + background-color: darken($color-accent-bg, 5); + color: $color-accent-fg; + } + + &.alt { + background-color: #555555; + color: #fff; + + &:hover { + background-color: lighten(#555555, 5); + } + + &:active { + background-color: darken(#555555, 5); + } + } + + &.icon { + &:before { + margin-right: 0.5em; + } + } + + &.fit { + width: 100%; + } + + &.small { + font-size: 0.8em; + } + } + +/* Box */ + + .box { + &.highlight { + text-align: center; + } + + &.post { + position: relative; + margin: 0 0 2em 0; + + &:after { + content: ''; + display: block; + clear: both; + } + + .inner { + margin-left: calc(30% + 2em); + + > :last-child { + margin-bottom: 0; + } + } + + .image { + width: 30%; + margin: 0; + } + } + } + +/* Header */ + + #header { + text-align: center; + padding: 3em 0 0 0; + background-color: #fff; + background-image: url('../images/bg02.png'), url('../images/bg02.png'), url('../images/bg01.png'); + background-position: top left, top left, top left; + background-size: 100% 6em, 100% 6em, auto; + background-repeat: no-repeat, no-repeat, repeat; + + h1 { + padding: 0 0 2.75em 0; + margin: 0; + + a { + font-size: 1.5em; + letter-spacing: -0.025em; + border: 0; + } + } + } + + #nav { + cursor: default; + background-color: #333; + @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("../images/bg01.png")'); + padding: 0; + + &:after { + content: ''; + display: block; + width: 100%; + height: 0.75em; + background-color: $color-accent-bg; + background-image: url("../images/bg01.png"); + } + + > ul { + margin: 0; + + > li { + position: relative; + display: inline-block; + margin-left: 1em; + + a { + color: #c0c0c0; + text-decoration: none; + border: 0; + display: block; + padding: 1.5em 0.5em 1.35em 0.5em; + } + + &:first-child { + margin-left: 0; + } + + &:hover { + a { + color: #fff; + } + } + + &.current { + font-weight: 600; + + &:before { + @include vendor-property('transform', 'rotateZ(45deg)'); + width: 0.75em; + height: 0.75em; + content: ''; + display: block; + position: absolute; + bottom: -0.5em; + left: 50%; + margin-left: -0.375em; + background-color: $color-accent-bg; + background-image: url("../images/bg01.png"); + } + + a { + color: #fff; + } + } + + &.active { + a { + color: #fff; + } + } + + > ul { + display: none; + } + } + } + } + +/* Dropotron */ + + .dropotron { + background-color: #333; + @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("../images/bg01.png")'); + border-radius: $size-radius; + color: #fff; + min-width: 10em; + padding: 1em 0; + text-align: center; + box-shadow: 0 1em 1em 0 rgba(0,0,0,0.5); + + > li { + line-height: 2em; + padding: 0 1.1em 0 1em; + + > a { + color: #c0c0c0; + text-decoration: none; + border: 0; + } + + &.active, + &:hover { + > a { + color: #fff; + } + } + } + + &.level-0 { + border-radius: 0 0 $size-radius $size-radius; + font-size: 0.9em; + padding-top: 0; + margin-top: -1px; + } + } + +/* Banner */ + + #banner { + background-image: url('../images/banner.jpg'); + background-position: center center; + background-size: cover; + height: 28em; + text-align: center; + position: relative; + + header { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + background: #212121; + background: rgba(27,27,27,0.75); + color: #fff; + padding: 1.5em 0; + + h2 { + display: inline-block; + margin: 0; + font-size: 1.25em; + vertical-align: middle; + + em { + opacity: 0.75; + } + + a { + border-bottom-color: transparentize(#fff, 0.5); + + &:hover { + border-bottom-color: transparent; + } + } + } + + .button { + vertical-align: middle; + margin-left: 1em; + } + } + } + +/* Wrapper */ + + .wrapper { + padding: 5em 0 3em 0; + + &.style1 { + background: #fff; + } + + &.style2 { + background-color: #fff; + background-image: url('../images/bg02.png'), url('../images/bg03.png'), url('../images/bg01.png'); + background-position: top left, bottom left, top left; + background-size: 100% 6em, 100% 6em, auto; + background-repeat: no-repeat, no-repeat, repeat; + } + + &.style3 { + background-color: $color-accent-bg; + @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("../images/bg01.png")'); + color: $color-accent-fg; + + .button { + background: $color-accent-fg; + color: $color-fg; + + &:hover { + color: $color-accent-bg !important; + } + } + } + } + +/* CTA */ + + #cta { + text-align: center; + padding: 3.5em 0; + + header { + h2 { + display: inline-block; + vertical-align: middle; + margin: 0; + } + + .button { + vertical-align: middle; + margin-left: 1em; + } + } + } + +/* Footer */ + + #footer { + padding: 4em 0 8em 0; + + a { + color: inherit; + border-bottom-color: transparentize($color-fg, 0.75); + + &:hover { + color: $color-accent-bg; + border-bottom-color: transparent; + } + } + + .container { + margin-bottom: 4em; + } + + .icons { + text-align: center; + margin: 0; + + a { + color: $color-fg-light; + + &:hover { + color: $color-fg; + } + } + } + + .copyright { + color: $color-fg-light; + margin-top: 1.5em; + text-align: center; + font-size: 0.9em; + } + } diff --git a/assets/sass/ie/v8.scss b/css/v8.scss similarity index 66% rename from assets/sass/ie/v8.scss rename to css/v8.scss index d0869ca..8db1576 100755 --- a/assets/sass/ie/v8.scss +++ b/css/v8.scss @@ -1,92 +1,94 @@ -@import '../vars'; -@import '../mixins'; - -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/* Form */ - - input[type="text"], - input[type="password"], - input[type="email"], - textarea { - position: relative; - -ms-behavior: url('css/ie/PIE.htc'); - } - -/* Image */ - - .image { - -ms-behavior: url('css/ie/PIE.htc'); - - img { - position: relative; - -ms-behavior: url('css/ie/PIE.htc'); - } - } - -/* Icon */ - - .icon { - &.major { - position: relative; - -ms-behavior: url('css/ie/PIE.htc'); - } - } - -/* Button */ - - input[type="submit"], - input[type="reset"], - input[type="button"], - .button { - position: relative; - -ms-behavior: url('css/ie/PIE.htc'); - } - -/* Box */ - - .box { - &.post { - .inner { - margin-left: 35%; - } - } - } - -/* Header */ - - #nav { - > ul { - > li { - &.current { - &:before { - display: none; - } - } - } - } - } - -/* Dropotron */ - - .dropotron { - -ms-behavior: url('css/ie/PIE.htc'); - } - -/* Banner */ - - #banner { - -ms-behavior: url('css/ie/backgroundsize.min.htc'); - } - -/* Wrapper */ - - .wrapper { - &.style2 { - background: #fdfdfd url('../images/bg01.png'); - } - } \ No newline at end of file +--- +--- +@import 'vars'; +@import 'mixins'; + +/* + Arcana by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Form */ + + input[type="text"], + input[type="password"], + input[type="email"], + textarea { + position: relative; + -ms-behavior: url('ie/PIE.htc'); + } + +/* Image */ + + .image { + -ms-behavior: url('ie/PIE.htc'); + + img { + position: relative; + -ms-behavior: url('ie/PIE.htc'); + } + } + +/* Icon */ + + .icon { + &.major { + position: relative; + -ms-behavior: url('ie/PIE.htc'); + } + } + +/* Button */ + + input[type="submit"], + input[type="reset"], + input[type="button"], + .button { + position: relative; + -ms-behavior: url('ie/PIE.htc'); + } + +/* Box */ + + .box { + &.post { + .inner { + margin-left: 35%; + } + } + } + +/* Header */ + + #nav { + > ul { + > li { + &.current { + &:before { + display: none; + } + } + } + } + } + +/* Dropotron */ + + .dropotron { + -ms-behavior: url('ie/PIE.htc'); + } + +/* Banner */ + + #banner { + -ms-behavior: url('ie/backgroundsize.min.htc'); + } + +/* Wrapper */ + + .wrapper { + &.style2 { + background: #fdfdfd url('../images/bg01.png'); + } + } diff --git a/assets/fonts/FontAwesome.otf b/fonts/FontAwesome.otf similarity index 100% rename from assets/fonts/FontAwesome.otf rename to fonts/FontAwesome.otf diff --git a/assets/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot similarity index 100% rename from assets/fonts/fontawesome-webfont.eot rename to fonts/fontawesome-webfont.eot diff --git a/assets/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg similarity index 100% rename from assets/fonts/fontawesome-webfont.svg rename to fonts/fontawesome-webfont.svg diff --git a/assets/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf similarity index 100% rename from assets/fonts/fontawesome-webfont.ttf rename to fonts/fontawesome-webfont.ttf diff --git a/assets/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff similarity index 100% rename from assets/fonts/fontawesome-webfont.woff rename to fonts/fontawesome-webfont.woff diff --git a/assets/images/banner.jpg b/images/banner.jpg similarity index 100% rename from assets/images/banner.jpg rename to images/banner.jpg diff --git a/assets/css/images/bg01.png b/images/bg01.png similarity index 100% rename from assets/css/images/bg01.png rename to images/bg01.png diff --git a/assets/css/images/bg02.png b/images/bg02.png similarity index 100% rename from assets/css/images/bg02.png rename to images/bg02.png diff --git a/assets/css/images/bg03.png b/images/bg03.png similarity index 100% rename from assets/css/images/bg03.png rename to images/bg03.png diff --git a/assets/images/pic01.jpg b/images/pic01.jpg similarity index 100% rename from assets/images/pic01.jpg rename to images/pic01.jpg diff --git a/assets/images/pic02.jpg b/images/pic02.jpg similarity index 100% rename from assets/images/pic02.jpg rename to images/pic02.jpg diff --git a/assets/images/pic03.jpg b/images/pic03.jpg similarity index 100% rename from assets/images/pic03.jpg rename to images/pic03.jpg diff --git a/assets/images/pic04.jpg b/images/pic04.jpg similarity index 100% rename from assets/images/pic04.jpg rename to images/pic04.jpg diff --git a/index.html b/index.html index 165272c..3cf2f36 100755 --- a/index.html +++ b/index.html @@ -56,7 +56,7 @@

A gigantic heading you can use for whatever

- +

The First Thing

Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.

@@ -65,7 +65,7 @@

The First Thing

- +

The Second Thing

Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.

@@ -76,7 +76,7 @@

The Second Thing

- +

The Third Thing

Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.

@@ -85,7 +85,7 @@

The Third Thing

- +

The Fourth Thing

Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.

diff --git a/assets/js/init.js b/js/init.js similarity index 81% rename from assets/js/init.js rename to js/init.js index 0c5f0af..5c7cc74 100755 --- a/assets/js/init.js +++ b/js/init.js @@ -1,86 +1,86 @@ ---- ---- -/* - Arcana by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -(function($) { - - skel.init({ - reset: 'full', - breakpoints: { - global: { range: '*', href: '{{ site.baseurl }}/assets/css/style.css', containers: 1400, grid: { gutters: 50 } }, - wide: { range: '-1680', href: '{{ site.baseurl }}/assets/css/style-wide.css', containers: 1200, grid: { gutters: 40 } }, - normal: { range: '-1280', href: '{{ site.baseurl }}/assets/css/style-normal.css', containers: 960, grid: { gutters: 30 }, viewport: { scalable: false } }, - narrow: { range: '-980', href: '{{ site.baseurl }}/assets/css/style-narrow.css', containers: '95%', grid: { gutters: 20 } }, - narrower: { range: '-840', href: '{{ site.baseurl }}/assets/css/style-narrower.css', grid: { collapse: 1 } }, - mobile: { range: '-736', href: '{{ site.baseurl }}/assets/css/style-mobile.css', containers: '90%', grid: { gutters: 15 } }, - mobilep: { range: '-480', href: '{{ site.baseurl }}/assets/css/style-mobilep.css', grid: { collapse: 2 }, containers: '100%' } - }, - plugins: { - layers: { - navPanel: { - animation: 'revealX', - breakpoints: 'narrower', - clickToHide: true, - height: '100%', - hidden: true, - html: '
', - orientation: 'vertical', - position: 'top-left', - side: 'left', - width: 275 - }, - titleBar: { - breakpoints: 'narrower', - height: 44, - html: '', - position: 'top-left', - side: 'top', - width: '100%' - } - } - } - }); - - $(function() { - - var $window = $(window), - $body = $('body'); - - // Disable animations/transitions until the page has loaded. - $body.addClass('is-loading'); - - $window.on('load', function() { - $body.removeClass('is-loading'); - }); - - // Forms (IE<10). - var $form = $('form'); - if ($form.length > 0) { - - $form.find('.form-button-submit') - .on('click', function() { - $(this).parents('form').submit(); - return false; - }); - - if (skel.vars.IEVersion < 10) { - $.fn.n33_formerize=function(){var _fakes=new Array(),_form = $(this);_form.find('input[type=text],textarea').each(function() { var e = $(this); if (e.val() == '' || e.val() == e.attr('placeholder')) { e.addClass('formerize-placeholder'); e.val(e.attr('placeholder')); } }).blur(function() { var e = $(this); if (e.attr('name').match(/_fakeformerizefield$/)) return; if (e.val() == '') { e.addClass('formerize-placeholder'); e.val(e.attr('placeholder')); } }).focus(function() { var e = $(this); if (e.attr('name').match(/_fakeformerizefield$/)) return; if (e.val() == e.attr('placeholder')) { e.removeClass('formerize-placeholder'); e.val(''); } }); _form.find('input[type=password]').each(function() { var e = $(this); var x = $($('
').append(e.clone()).remove().html().replace(/type="password"/i, 'type="text"').replace(/type=password/i, 'type=text')); if (e.attr('id') != '') x.attr('id', e.attr('id') + '_fakeformerizefield'); if (e.attr('name') != '') x.attr('name', e.attr('name') + '_fakeformerizefield'); x.addClass('formerize-placeholder').val(x.attr('placeholder')).insertAfter(e); if (e.val() == '') e.hide(); else x.hide(); e.blur(function(event) { event.preventDefault(); var e = $(this); var x = e.parent().find('input[name=' + e.attr('name') + '_fakeformerizefield]'); if (e.val() == '') { e.hide(); x.show(); } }); x.focus(function(event) { event.preventDefault(); var x = $(this); var e = x.parent().find('input[name=' + x.attr('name').replace('_fakeformerizefield', '') + ']'); x.hide(); e.show().focus(); }); x.keypress(function(event) { event.preventDefault(); x.val(''); }); }); _form.submit(function() { $(this).find('input[type=text],input[type=password],textarea').each(function(event) { var e = $(this); if (e.attr('name').match(/_fakeformerizefield$/)) e.attr('name', ''); if (e.val() == e.attr('placeholder')) { e.removeClass('formerize-placeholder'); e.val(''); } }); }).bind("reset", function(event) { event.preventDefault(); $(this).find('select').val($('option:first').val()); $(this).find('input,textarea').each(function() { var e = $(this); var x; e.removeClass('formerize-placeholder'); switch (this.type) { case 'submit': case 'reset': break; case 'password': e.val(e.attr('defaultValue')); x = e.parent().find('input[name=' + e.attr('name') + '_fakeformerizefield]'); if (e.val() == '') { e.hide(); x.show(); } else { e.show(); x.hide(); } break; case 'checkbox': case 'radio': e.attr('checked', e.attr('defaultValue')); break; case 'text': case 'textarea': e.val(e.attr('defaultValue')); if (e.val() == '') { e.addClass('formerize-placeholder'); e.val(e.attr('placeholder')); } break; default: e.val(e.attr('defaultValue')); break; } }); window.setTimeout(function() { for (x in _fakes) _fakes[x].trigger('formerize_sync'); }, 10); }); return _form; }; - $form.n33_formerize(); - } - - } - - // Dropdowns. - $('#nav > ul').dropotron({ - offsetY: -15, - hoverDelay: 0, - alignment: 'center' - }); - - }); - +--- +--- +/* + Arcana by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +(function($) { + + skel.init({ + reset: 'full', + breakpoints: { + global: { range: '*', href: '{{ site.baseurl }}/css/style.css', containers: 1400, grid: { gutters: 50 } }, + wide: { range: '-1680', href: '{{ site.baseurl }}/css/style-wide.css', containers: 1200, grid: { gutters: 40 } }, + normal: { range: '-1280', href: '{{ site.baseurl }}/css/style-normal.css', containers: 960, grid: { gutters: 30 }, viewport: { scalable: false } }, + narrow: { range: '-980', href: '{{ site.baseurl }}/css/style-narrow.css', containers: '95%', grid: { gutters: 20 } }, + narrower: { range: '-840', href: '{{ site.baseurl }}/css/style-narrower.css', grid: { collapse: 1 } }, + mobile: { range: '-736', href: '{{ site.baseurl }}/css/style-mobile.css', containers: '90%', grid: { gutters: 15 } }, + mobilep: { range: '-480', href: '{{ site.baseurl }}/css/style-mobilep.css', grid: { collapse: 2 }, containers: '100%' } + }, + plugins: { + layers: { + navPanel: { + animation: 'revealX', + breakpoints: 'narrower', + clickToHide: true, + height: '100%', + hidden: true, + html: '
', + orientation: 'vertical', + position: 'top-left', + side: 'left', + width: 275 + }, + titleBar: { + breakpoints: 'narrower', + height: 44, + html: '', + position: 'top-left', + side: 'top', + width: '100%' + } + } + } + }); + + $(function() { + + var $window = $(window), + $body = $('body'); + + // Disable animations/transitions until the page has loaded. + $body.addClass('is-loading'); + + $window.on('load', function() { + $body.removeClass('is-loading'); + }); + + // Forms (IE<10). + var $form = $('form'); + if ($form.length > 0) { + + $form.find('.form-button-submit') + .on('click', function() { + $(this).parents('form').submit(); + return false; + }); + + if (skel.vars.IEVersion < 10) { + $.fn.n33_formerize=function(){var _fakes=new Array(),_form = $(this);_form.find('input[type=text],textarea').each(function() { var e = $(this); if (e.val() == '' || e.val() == e.attr('placeholder')) { e.addClass('formerize-placeholder'); e.val(e.attr('placeholder')); } }).blur(function() { var e = $(this); if (e.attr('name').match(/_fakeformerizefield$/)) return; if (e.val() == '') { e.addClass('formerize-placeholder'); e.val(e.attr('placeholder')); } }).focus(function() { var e = $(this); if (e.attr('name').match(/_fakeformerizefield$/)) return; if (e.val() == e.attr('placeholder')) { e.removeClass('formerize-placeholder'); e.val(''); } }); _form.find('input[type=password]').each(function() { var e = $(this); var x = $($('
').append(e.clone()).remove().html().replace(/type="password"/i, 'type="text"').replace(/type=password/i, 'type=text')); if (e.attr('id') != '') x.attr('id', e.attr('id') + '_fakeformerizefield'); if (e.attr('name') != '') x.attr('name', e.attr('name') + '_fakeformerizefield'); x.addClass('formerize-placeholder').val(x.attr('placeholder')).insertAfter(e); if (e.val() == '') e.hide(); else x.hide(); e.blur(function(event) { event.preventDefault(); var e = $(this); var x = e.parent().find('input[name=' + e.attr('name') + '_fakeformerizefield]'); if (e.val() == '') { e.hide(); x.show(); } }); x.focus(function(event) { event.preventDefault(); var x = $(this); var e = x.parent().find('input[name=' + x.attr('name').replace('_fakeformerizefield', '') + ']'); x.hide(); e.show().focus(); }); x.keypress(function(event) { event.preventDefault(); x.val(''); }); }); _form.submit(function() { $(this).find('input[type=text],input[type=password],textarea').each(function(event) { var e = $(this); if (e.attr('name').match(/_fakeformerizefield$/)) e.attr('name', ''); if (e.val() == e.attr('placeholder')) { e.removeClass('formerize-placeholder'); e.val(''); } }); }).bind("reset", function(event) { event.preventDefault(); $(this).find('select').val($('option:first').val()); $(this).find('input,textarea').each(function() { var e = $(this); var x; e.removeClass('formerize-placeholder'); switch (this.type) { case 'submit': case 'reset': break; case 'password': e.val(e.attr('defaultValue')); x = e.parent().find('input[name=' + e.attr('name') + '_fakeformerizefield]'); if (e.val() == '') { e.hide(); x.show(); } else { e.show(); x.hide(); } break; case 'checkbox': case 'radio': e.attr('checked', e.attr('defaultValue')); break; case 'text': case 'textarea': e.val(e.attr('defaultValue')); if (e.val() == '') { e.addClass('formerize-placeholder'); e.val(e.attr('placeholder')); } break; default: e.val(e.attr('defaultValue')); break; } }); window.setTimeout(function() { for (x in _fakes) _fakes[x].trigger('formerize_sync'); }, 10); }); return _form; }; + $form.n33_formerize(); + } + + } + + // Dropdowns. + $('#nav > ul').dropotron({ + offsetY: -15, + hoverDelay: 0, + alignment: 'center' + }); + + }); + })(jQuery); \ No newline at end of file diff --git a/assets/js/jquery.dropotron.min.js b/js/jquery.dropotron.min.js similarity index 99% rename from assets/js/jquery.dropotron.min.js rename to js/jquery.dropotron.min.js index 20ebb39..98bd023 100755 --- a/assets/js/jquery.dropotron.min.js +++ b/js/jquery.dropotron.min.js @@ -1,2 +1,2 @@ -/* jquery.dropotron.js v1.4.2 | (c) n33 | n33.co | MIT licensed */ +/* jquery.dropotron.js v1.4.2 | (c) n33 | n33.co | MIT licensed */ (function(e){var t="openerActiveClass",n="left",r="doCollapseAll",i="position",s="trigger",o="disableSelection_dropotron",u="addClass",a="doCollapse",f=!1,l="outerWidth",c="removeClass",h="preventDefault",p="dropotron",d="clearTimeout",v="length",m="right",g="speed",y=!0,b="parent",w="none",E="stopPropagation",S=":visible",x="absolute",T="click",N="doExpand",C="css",k="center",L="toggle",A="baseZIndex",O="offsetX",M="alignment",_="children",D="submenuClassPrefix",P="doToggle",H="hover",B="ul",j="relative",F="opacity",I="z-index",q="opener",R="find",U="px",z=null,W="fadeTo",X="offset";e.fn[o]=function(){return e(this)[C]("user-select",w)[C]("-khtml-user-select",w)[C]("-moz-user-select",w)[C]("-o-user-select",w)[C]("-webkit-user-select",w)},e.fn[p]=function(t){var n;if(this[v]>1)for(n=0;n0&&r.add(p).on("mouseleave",function(){window[d](ut),ut=window.setTimeout(function(){r[s](a)},et.hideDelay)}),r[o]().hide()[u](et.menuClass)[C](i,x).on("mouseenter",function(){window[d](ut)}).on(N,function(){var o,h,v,w,E,T,N,_,D,P,H;if(r.is(S))return f;window[d](ut),nt.each(function(){var t=e(this);e.contains(t.get(0),p.get(0))||t[s](a)}),o=p[X](),h=p[i](),v=p[b]()[i](),w=p[l](),E=r[l](),T=r[C](I)==et[A];if(T){et.detach?N=o:N=h,P=N.top+p.outerHeight()+et.globalOffsetY,_=et[M],r[c](n)[c](m)[c](k);switch(et[M]){case m:D=N[n]-E+w,D<0&&(D=N[n],_=n);break;case k:D=N[n]-Math.floor((E-w)/2),D<0?(D=N[n],_=n):D+E>it.width()&&(D=N[n]-E+w,_=m);break;case n:default:D=N[n],D+E>it.width()&&(D=N[n]-E+w,_=m)}r[u](_)}else{p[C](i)==j||p[C](i)==x?(P=et.offsetY,D=-1*h[n]):(P=h.top+et.offsetY,D=0);switch(et[M]){case m:D+=-1*p[b]()[l]()+et[O];break;case k:case n:default:D+=p[b]()[l]()+et[O]}}navigator.userAgent.match(/MSIE ([0-9]+)\./)&&RegExp.$1<8&&(D+=et.IEOffsetX,P+=et.IEOffsetY),r[C](n,D+U)[C]("top",P+U),r[C](F,"0.01").show(),H=f,p[C](i)==j||p[C](i)==x?D=-1*h[n]:D=0,r[X]()[n]<0?(D+=p[b]()[l]()-et[O],H=y):r[X]()[n]+E>it.width()&&(D+=-1*p[b]()[l]()-et[O],H=y),H&&r[C](n,D+U),r.hide()[C](F,"1");switch(et.mode){case"zoom":st=y,p[u](et[t]),r.animate({width:L,height:L},et[g],et.easing,function(){st=f});break;case"slide":st=y,p[u](et[t]),r.animate({height:L},et[g],et.easing,function(){st=f});break;case"fade":st=y,T&&!et.noOpenerFade?(et[g]=="slow"?H=80:et[g]=="fast"?H=40:H=Math.floor(et[g]/2),p[W](H,.01,function(){p[u](et[t]),p[W](et[g],1),r.fadeIn(et[g],function(){st=f})})):(p[u](et[t]),p[W](et[g],1),r.fadeIn(et[g],function(){st=f}));break;case"instant":default:p[u](et[t]),r.show()}return f}).on(a,function(){return r.is(S)?(r.hide(),p[c](et[t]),r[R]("."+et[t])[c](et[t]),r[R](B).hide(),f):f}).on(P,function(){return r.is(S)?r[s](a):r[s](N),f}),p[o]()[u](q)[C]("cursor","pointer").on(T,function(e){if(st)return;e[h](),e[E](),r[s](P)}),et.expandMode==H&&p[H](function(){if(st)return;ot=window.setTimeout(function(){r[s](N)},et.hoverDelay)},function(){window[d](ot)})}),nt[R]("a")[C]("display","block").on(T,function(t){if(st)return;e(this).attr("href")[v]<1&&t[h]()}),tt[R]("li")[C]("white-space","nowrap").each(function(){var t=e(this),n=t[_]("a"),i=t[_](B);n.on(T,function(t){e(this).attr("href")[v]<1?t[h]():t[E]()}),n[v]>0&&i[v]==0&&t.on(T,function(e){if(st)return;tt[s](r),e[E]()})}),tt[_]("li").each(function(){var t,n,r,i,s=e(this),o=s[_](B);if(o[v]>0){et.detach&&(et.cloneOnDetach&&(t=o.clone(),t.attr("class","").hide().appendTo(o[b]())),o.detach().appendTo(rt));for(n=et[A],r=1,i=o;i[v]>0;r++)i[C](I,n++),et[D]&&i[u](et[D]+(n-1-et[A])),i=i[R]("> li > ul")}}),it.on("scroll",function(){tt[s](r)}).on("keypress",function(e){!st&&e.keyCode==27&&(e[h](),tt[s](r))}),rt.on(T,function(){st||tt[s](r)})}})(jQuery); \ No newline at end of file diff --git a/assets/js/jquery.min.js b/js/jquery.min.js similarity index 100% rename from assets/js/jquery.min.js rename to js/jquery.min.js diff --git a/assets/js/skel-layers.min.js b/js/skel-layers.min.js similarity index 99% rename from assets/js/skel-layers.min.js rename to js/skel-layers.min.js index 757f8ce..a7ff0ed 100755 --- a/assets/js/skel-layers.min.js +++ b/js/skel-layers.min.js @@ -1,2 +1,2 @@ -/* skel-layers.js v1.0 | (c) n33 | n33.co | MIT licensed */ +/* skel-layers.js v1.0 | (c) n33 | n33.co | MIT licensed */ skel.registerPlugin("layers",function(e){function dn(e,r,i){var o,u;this.id=e,this.index=i,this[n]={breakpoints:T,states:T,position:T,side:T,animation:bt,orientation:bt,width:0,height:0,zIndex:this.index,html:"",hidden:P,exclusive:Mt,resetScroll:Mt,resetForms:Mt,swipeToHide:Mt,clickToHide:P},t._.extend(this[n],r),this[W]=t._.newDiv(this[n][qt]),this[W].id=e,this[W]._layer=this,this[s]=T,this[St]=T,this[xt]=T,this[U]=P,u=t._.cacheElement(this.id,this[W],ct,1),u.onAttach=function(){var e=this[Vt]._layer;e[rt]()||e.init(),e.resume()},u.onDetach=function(){var e=this[Vt]._layer;e.suspend()},this[n].states&&this[n].states!=t._.sd?(o=t._[hn](this[n].states),t._[Ot](o,function(e){t._.addCachedElementToState(o[e],u)})):(this[n].breakpoints?o=t._[hn](this[n].breakpoints):o=t._.breakpointList,t._[Ot](o,function(e){t._.addCachedElementToBreakpoint(o[e],u)}))}var t,n="config",r="_skel_layers_translateOrigin",i="cache",s="$element",o="_skel_layers_translate",u="_skel_layers_resetForms",f="visibleWrapper",l="_skel_layers_resume",c="_skel_layers_promote",h="exclusiveLayer",p="_skel_layers_demote",d="moveToVisibleWrapper",v="moveToHiddenWrapper",m="setTimeout",g="right",y="bottom",b="position",w="useActive",E="width",S="css",x="scrollTop",T=null,N="center",C="_skel_layers_suspend",k="prototype",L="left",A="wrapper",O="skel-layers-layer-z-index",M="_skel_layers_init",_="children",D="skel-layers-moved",P=!1,H=".skel-layers-fixed:not(.skel-layers-moved)",B="transform",j="length",F="height",I="top",q="deviceType",R="touchstart.lock click.lock scroll.lock",U="visible",z="hiddenWrapper",W="element",X='
1){for(t=0;t0&&(t[dt](),t[S](E,(t.data(Kt)+r)/12*100+"%"))},e.fn[Lt]=function(){return e(this).parents()[j]>0},e.fn[dt]=function(){var t=e(this);t[kt]("class").match(/(\s+|^)([0-9]+)u(\s+|$)/)&&t.data(Kt,parseInt(RegExp.$2))},e.fn[c]=function(r){var i,s,o;if(this[j]>1){for(i=0;i-1*f&&t>l;break;case g:a=n-1*f&&t<-1*l;break;case I:a=t-1*f&&n>l;break;case y:a=t-1*f&&n<-1*l}if(a)return u[St]=T,u[xt]=T,u[jt](),P}if(o[x]()==0&&n<0||s>i-2&&s0)return P}),this[s]=o},dn[k][rt]=function(){return this[s]!==T},dn[k][sn]=function(){return this[s].is(":visible")},dn[k][d]=function(){t[i][f][At](this[s])},dn[k][v]=function(){if(!this[s][Lt]())return;t[i][z][At](this[s])},dn[k].resume=function(r){if(!this[rt]())return;this[s][wt](fn).each(function(){t.parseResume(e(this))}),this[n][tt]||this[en](r)},dn[k].suspend=function(){if(!this[rt]())return;this[s][r](),this[s][wt](fn).each(function(){t.parseSuspend(e(this))}),this[U]&&this[jt]()},t={cache:{visibleWrapper:T,body:T,exclusiveLayer:T,html:T,htmlbody:T,hiddenWrapper:T,layers:{},window:T,wrapper:T},config:{baseZIndex:1e4,layers:{},speed:250,transform:Mt,transformBreakpoints:T,transformTest:T},eventType:Yt,show:function(e){t._[Pt](function(){t[i][pt][e][en]()})},hide:function(e){t._[Pt](function(){t[i][pt][e][jt]()})},toggle:function(e){t._[Pt](function(){var n=t[i][pt][e];n[sn]()?n[jt]():n[en]()})},getBaseFontSize:function(){return t._[Jt].IEVersion<9?16.5:parseFloat(getComputedStyle(t[i][Qt].get(0)).fontSize)},getHalf:function(e){var t=parseInt(e);return typeof e=="string"&&e.charAt(e[j]-1)=="%"?Math.floor(t/2)+"%":Math.floor(t/2)+Zt},lockView:function(e){t[i][Q][It]=t[i][Q][x](),t._[Jt][Ht]&&t[i][ln][S](on+e,tt),t[i][A].on(R,function(e){e[K](),e[V](),t[i][h]&&t[i][h][jt]()}),t[i][Q].on(yt,function(e){t[i][h]&&t[i][h][jt]()}),t._[Jt][Ht]||t[i][Q].on(vt,function(e){t[i][h]&&t[i][h][jt]()})},parseInit:function(n){var r,s,o=n.get(0),u=n[kt]("data-action"),a=n[kt]("data-args"),f,c;u&&a&&(a=a.split(","));switch(u){case"toggleLayer":case"layerToggle":n[S](nt,Wt)[S]("cursor","pointer"),r=function(n){n[K](),n[V]();if(t[i][h])return t[i][h][jt](),P;var r=e(this),s=t[i][pt][a[0]];s[sn]()?s[jt]():s[en]()},t._[Jt][q]==an||t._[Jt][q]=="wp"?n.on(Yt,r):n.on(t.eventType,r);break;case"navList":f=e(pn+a[0]),r=f[wt]("a"),s=[],r.each(function(){var t=e(this),n,r;n=Math.max(0,t.parents("li")[j]-1),r=t[kt]("href"),s.push(''+t.text()+"")}),s[j]>0&&n[qt]("");break;case"copyText":f=e(pn+a[0]),n[qt](f.text());break;case"copyHTML":f=e(pn+a[0]),n[qt](f[qt]());break;case"moveElementContents":f=e(pn+a[0]),o[l]=function(){f[_]().each(function(){var t=e(this);n[At](t),t[Bt](D)})},o[C]=function(){n[_]().each(function(){var n=e(this);f[At](n),n[Xt](D),t.refresh(n)})},o[l]();break;case"moveElement":f=e(pn+a[0]),o[l]=function(){e(X+f[kt]("id")+'" />').insertBefore(f),n[At](f),f[Bt](D)},o[C]=function(){e(ht+f[kt]("id")).replaceWith(f),f[Xt](D),t.refresh(f)},o[l]();break;case"moveCell":f=e(pn+a[0]),c=e(pn+a[1]),o[l]=function(){e(X+f[kt]("id")+'" />').insertBefore(f),n[At](f),f[S](E,Ft),c&&c[Nt]()},o[C]=function(){e(ht+f[kt]("id")).replaceWith(f),f[S](E,""),c&&c[S](E,"")},o[l]();break;default:}},parseResume:function(e){var t=e.get(0);t[l]&&t[l]()},parseSuspend:function(e){var t=e.get(0);t[C]&&t[C]()},recalc:function(e,n){var r=t._.parseMeasurement(e),i;switch(r[1]){case"%":i=Math.floor(n*(r[0]/100));break;case"em":i=t.getBaseFontSize()*r[0];break;default:case Zt:i=r[0]}return i},recalcH:function(n){return t.recalc(n,e(window)[F]())},recalcW:function(n){return t.recalc(n,e(window)[E]())},refresh:function(r){var s;t[n][B]&&(r?s=r.filter(H):s=e(H),s[M]()[$t](t[i][f]))},unlockView:function(e){t._[Jt][Ht]&&t[i][ln][S](on+e,U),t[i][A].off(R),t[i][Q].off(yt),t._[Jt][Ht]||t[i][Q].off(vt)},init:function(){n in t[n]&&(t._.extend(t[n],t[n][n]),delete t[n][n]),t._[Ot](t[n],function(e){t[n][e]&&typeof t[n][e]==Vt&&b in t[n][e]&&(t[n][pt][e]=t[n][e],delete t[n][e])}),t[n][cn]&&(t[n][B]=t[n][cn]());if(t[n][B]){if(t._[Jt][q]==an&&t._[Jt].deviceVersion<4||t._[Jt][q]=="wp")t[n][B]=P;t._[Jt].IEVersion<10&&(t[n][B]=P),t[n][zt]&&!t._.hasActive(t._[hn](t[n][zt]))&&(t[n][B]=P)}t.eventType=t._[Jt][Ht]?"touchend":Yt,t.initObjects(),t.initTransforms(),t._[Pt](function(){t.initLayers(),t.initIncludes(),t._.updateState(),t.refresh()})},initIncludes:function(){e(".skel-layers-include").each(function(){t.parseInit(e(this))})},initLayers:function(){var r,s,o,u=1;t._[Ot](t[n][pt],function(r){var s;if(!(b in t[n][pt][r]))return;if(!t[n][pt][r][qt]&&(s=e(pn+r))[j]==0)return;o=new dn(r,t[n][pt][r],u++),t[i][pt][r]=o,s&&(s[_]()[$t](o[W]),s.remove())})},initObjects:function(){t[i][Q]=e(window),t._[Pt](function(){t[i][qt]=e(qt),t[i][Qt]=e(Qt),t[i][ln]=e("html,body"),t[i][Qt].wrapInner('
'),t[i][A]=e("#skel-layers-wrapper"),t[i][A][S](b,un)[S](L,"0")[S](g,"0")[S](I,"0")[M](),t[i][z]=e('
')[$t](t[i][Qt]),t[i][z][S](F,"100%"),t[i][f]=e('
')[$t](t[i][Qt]),t[i][f][S](b,un),t._[mt](ct,t[i][z][0]),t._[mt]("skel_layers_visibleWrapper",t[i][f][0]),t._[mt]("skel_layers_wrapper",t[i][A][0]),e("[autofocus]").focus()})},initTransforms:function(){if(t[n][B])e.fn[r]=function(){return e(this)[o](0,0)},e.fn[o]=function(t,n){return e(this)[S](B,"translate("+t+"px, "+n+"px)")},e.fn[M]=function(){return e(this)[S]("backface-visibility",tt)[S]("perspective","500")[Rt]("transition","transform "+t[n][Et]/1e3+"s ease-in-out")};else{var s,u=[];t[i][Q].resize(function(){if(t[n][Et]!=0){var e=t[n][Et];t[n][Et]=0,window[m](function(){t[n][Et]=e,u=[]},e)}}),e.fn[r]=function(){for(var r=0;rLeft Sidebar

Sidebar on the left, content on the right.

- +

Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus. Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat. diff --git a/no-sidebar.html b/no-sidebar.html index 11e62aa..aec71e5 100755 --- a/no-sidebar.html +++ b/no-sidebar.html @@ -16,7 +16,7 @@

No Sidebar

All content, all the time.

- +

Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus. Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat. diff --git a/right-sidebar.html b/right-sidebar.html index d397595..88c90c1 100755 --- a/right-sidebar.html +++ b/right-sidebar.html @@ -18,7 +18,7 @@

Right Sidebar

Sidebar on the right, content on the left.

- +

Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus. Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat. diff --git a/two-sidebar.html b/two-sidebar.html index c5bdbb5..c73e8e7 100755 --- a/two-sidebar.html +++ b/two-sidebar.html @@ -25,7 +25,7 @@

Two Sidebar

Yup. Two sidebars at the same time.

- +

Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus. Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat.