diff --git a/Gemfile b/Gemfile index 1c38b6d763..fb2977774d 100644 --- a/Gemfile +++ b/Gemfile @@ -1,5 +1,5 @@ source 'https://rubygems.org' -gem 'bourbon', "~> 3.1.8" +gem 'bourbon', "~> 4.0.1" gem "sass", "~> 3.3.1" diff --git a/Gemfile.lock b/Gemfile.lock index 56c6283885..37bac93723 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -1,15 +1,15 @@ GEM remote: https://rubygems.org/ specs: - bourbon (3.1.8) - sass (>= 3.2.0) + bourbon (4.0.1) + sass (~> 3.3) thor sass (3.3.1) - thor (0.18.1) + thor (0.19.1) PLATFORMS ruby DEPENDENCIES - bourbon (~> 3.1.8) + bourbon (~> 4.0.1) sass (~> 3.3.1) diff --git a/code-injection.html b/code-injection.html deleted file mode 100644 index 1ab3f916ee..0000000000 --- a/code-injection.html +++ /dev/null @@ -1,136 +0,0 @@ - - - - - - - - Ghost Admin - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - -
- - -
- -

Code Injection

-
- -
-
- -
- - - -

Ghost allows you to inject code to the top and bottom of your template files without editing them. This allows for quick modifications to insert useful things like tracking codes and meta data

- -
-
-

Blog Header

-

Code here will be injected to the {{ghost_head}} helper at the top of each page of your blog

-
- -
- -
-
-

Blog Footer

-

Code here will be injected to the {{ghost_foot}} helper at the bottom of each page of your blog

-
- -
- - - -
-
-
-
- - -
- - - - - - diff --git a/core/client/_config.yml b/core/client/_config.yml index 605737b41f..834e54ad82 100644 --- a/core/client/_config.yml +++ b/core/client/_config.yml @@ -1,6 +1,6 @@ # Dependencies markdown: rdiscount -pygments: true +highlighter: pygments # Permalinks permalink: pretty @@ -9,7 +9,7 @@ permalink: pretty source: ./docs destination: ./_gh_pages host: 0.0.0.0 -port: 9001 +port: 9008 baseurl: / url: http://localhost:9001 encoding: UTF-8 diff --git a/core/client/assets/sass/helpers/mixins.scss b/core/client/assets/sass/helpers/mixins.scss new file mode 100644 index 0000000000..4d25c40f5c --- /dev/null +++ b/core/client/assets/sass/helpers/mixins.scss @@ -0,0 +1,60 @@ +/* + * Mixins + * + * Table of Contents + * + * Baseline + * Gradients + */ + + +/* ========================================================================== + Baseline + ========================================================================== */ + +@mixin baseline { + margin: 1.6em 0; +} + + +/* ========================================================================== + Gradients + ========================================================================== */ + +@mixin gradient($color1: #aaa, $color2: none) { + + @if $color2 == 'none' { + background-color: lighten($color1, 10%); + background-image: -webkit-linear-gradient(bottom, $color1, lighten($color1, 10%)); + background-image: -moz-linear-gradient(bottom, $color1, lighten($color1, 10%)); + background-image: -ms-linear-gradient(bottom, $color1, lighten($color1, 10%)); + background-image: linear-gradient(bottom, $color1, lighten($color1, 10%)); + } @else { + background-color: $color2; + background-image: -webkit-linear-gradient(bottom, $color1, $color2); + background-image: -moz-linear-gradient(bottom, $color1, $color2); + background-image: -ms-linear-gradient(bottom, $color1, $color2); + background-image: linear-gradient(to top, $color1, $color2); + } + +} + +// The same as the above, but with the colours reversed. + +@mixin inversegradient($color1: #aaa, $color2: none) { + + @if $color2 == 'none' { + background-color: $color1; + background-image: -webkit-linear-gradient(bottom, lighten($color1, 10%), $color1); + background-image: -moz-linear-gradient(bottom, lighten($color1, 10%), $color1); + background-image: -ms-linear-gradient(bottom, lighten($color1, 10%), $color1); + background-image: linear-gradient(bottom, lighten($color1, 10%), $color1); + } @else { + background-color: $color1; + background-image: -webkit-linear-gradient(bottom, $color2, $color1); + background-image: -moz-linear-gradient(bottom, $color2, $color1); + background-image: -ms-linear-gradient(bottom, $color2, $color1); + background-image: linear-gradient(to top, $color2, $color1); + } + +} \ No newline at end of file diff --git a/core/client/assets/sass/helpers/variables.scss b/core/client/assets/sass/helpers/variables.scss new file mode 100644 index 0000000000..3ec06600d8 --- /dev/null +++ b/core/client/assets/sass/helpers/variables.scss @@ -0,0 +1,66 @@ +/* + * Variables used in Ghost-UI + * + * Table of Contents + * + * Misc Default Values + * Pixel Densities + * Colours + * Typography + */ + + +/* ========================================================================== + Misc Default Values + ========================================================================== */ + +$rounded: 2px; +$shadow: rgba(0,0,0,0.05) 0 1px 5px; +$default-transition-duration: 0.3s; + + +/* ========================================================================== + Pixel Densities + ========================================================================== */ + +$at2x: 2 device-pixel-ratio; + + +/* ========================================================================== + Colours + ========================================================================== */ + +$darkgrey: #242628; +$grey: #35393b; +$midgrey: #7d878a; +$lightgrey: #e2edf2; +$brown: #aaa9a2; +$midbrown: #c0bfb6; +$lightbrown: #edece4; +$blue: #5BA4E5; +$red: #e25440; +$orange: #F2A925; +$green: #9FBB58; + +$list-colours: + ('darkgrey' $darkgrey) + ('grey' $grey) + ('midgrey' $midgrey) + ('lightgrey' $lightgrey) + ('brown' $brown) + ('midbrown' $midbrown) + ('lightbrown' $lightbrown) + ('blue' $blue) + ('red' $red) + ('orange' $orange) + ('green' $green); + + +/* ========================================================================== + Typography + ========================================================================== */ + +$font-family: 'Open Sans', sans-serif; +$font-family-sans: $font-family; +$font-family-serif: serif; +$font-family-mono: Inconsolata, monospace; \ No newline at end of file diff --git a/core/client/assets/sass/layouts/auth.scss b/core/client/assets/sass/layouts/auth.scss index 0819410165..3ae80b3fda 100644 --- a/core/client/assets/sass/layouts/auth.scss +++ b/core/client/assets/sass/layouts/auth.scss @@ -1,6 +1,18 @@ -// -// Auth - Login / Signup / Reset Password -// -------------------------------------------------- +/* + * Auth layout for login, signup & reset password + * + * Table of Contents + * + * Globals + * Login + * Signup and Reset + * Forgotten Password + */ + + +/* ========================================================================== + Globals + ========================================================================== */ .ghost-login, .ghost-signup, @@ -9,7 +21,7 @@ color: $midgrey; background: $darkgrey; - @include breakpoint($mobile) { + @media (max-width: 400px) { background: $darkgrey; } @@ -19,9 +31,9 @@ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px $lightgrey inset !important; - } + } -}//.ghost-login +} .login-box, .signup-box, @@ -33,7 +45,7 @@ padding: 0; display: table; - @include breakpoint(630px) { + @media (max-width: 630px) { max-width: 264px; text-align: center; } @@ -41,33 +53,36 @@ /* ============================================================================= - 1. Login + Login ============================================================================= */ .login-form { - @include box-sizing(border-box); max-width: 530px; color: lighten($midgrey, 15%); display: table-cell; vertical-align: middle; - @include breakpoint(630px) { + @media (max-width: 630px) { max-width: 264px; } div { // Yes. Really. - position:relative; - margin:0 0 5px 0; + // TODO: This ^ can be improved 1000% + position: relative; + margin: 0 0 5px 0; background: lighten($darkgrey, 10%); float: left; - @include breakpoint(630px) { margin-bottom: 1em; } + @media (max-width: 630px) { + margin-bottom: 1em; + } } + // TODO: make more specific input { - display:inline-block; - clear:both; - margin:0; + display: inline-block; + clear: both; + margin: 0; padding: 8px 0 8px 8px; width: 216px; position: relative; @@ -79,31 +94,31 @@ box-shadow: none; @include transition(background ease 0.25s); - @include breakpoint(630px) { + @media (max-width: 630px) { width:264px; @include transition(none); } - + &:focus { border: none; - background: lighten($darkgrey, 15%); + background: lighten($darkgrey, 15%); } } .email-wrap { - position:relative; + position: relative; @include icon($i-mail, 12px) { - position:absolute; - bottom:11px; - left:8px; - z-index:100; + position: absolute; + bottom: 11px; + left: 8px; + z-index: 100; } margin-right: 3px; border-radius: 2px 0 0 2px; - @include breakpoint(630px) { - margin-right:0; + @media (max-width: 630px) { + margin-right: 0; border-radius: 2px; } @@ -116,14 +131,14 @@ .password-wrap { position:relative; @include icon($i-lock, 10px) { - position:absolute; - bottom:12px; - left:11px; - z-index:100; + position: absolute; + bottom: 12px; + left: 11px; + z-index: 100; } border-radius: 0 2px 2px 0; - @include breakpoint(630px) { + @media (max-width: 630px) { border-radius: 2px; } @@ -143,15 +158,15 @@ min-width: 80px; box-shadow: rgba(255,255,255,0.15) 0 1px 0 inset; - @include breakpoint(630px) { - margin:0; + @media (max-width: 630px) { + margin: 0; width: 100%; margin-bottom: 1em; } } .meta { - clear:both; + clear: both; color: $midgrey; } @@ -159,40 +174,41 @@ color: darken($midgrey, 10%); font-size: 0.9em; - &:hover { + &:hover { color: lighten($midgrey, 5%); text-decoration: none; } } -} +} // .login-form /* ============================================================================= - 2. Signup and Reset + Signup and Reset ============================================================================= */ -.signup-form, .reset-form { - @include box-sizing(border-box); +.signup-form, +.reset-form { max-width: 280px; color: lighten($midgrey, 15%); display: table-cell; vertical-align: middle; - @include breakpoint(630px) { + @media (max-width: 630px) { width: 264px; } div { // Yes. Really. - position:relative; - margin:0 0 1em 0; + // TODO: Same here as above + position: relative; + margin: 0 0 1em 0; background: lighten($darkgrey, 10%); float: left; display: table; } input { - margin:0; + margin: 0; width: 280px; padding: 8px 10px; position: relative; @@ -202,22 +218,24 @@ font-weight: 200; background: transparent; box-shadow: none; - @include transition(background ease 0.25s); - @include breakpoint(630px) { - @include transition(none); + @media (min-width: 631px) { + @include transition(background ease 0.25s); + } + + @media (max-width: 630px) { width: 264px; } - &:focus { + &:focus { border: none; - background: lighten($darkgrey, 15%); + background: lighten($darkgrey, 15%); } } .name-wrap { - position:relative; + position: relative; border-radius: 2px; .name { @@ -226,7 +244,7 @@ } .email-wrap { - position:relative; + position: relative; border-radius: 2px; .email { @@ -235,7 +253,7 @@ } .password-wrap { - position:relative; + position: relative; border-radius: 2px; .password { @@ -244,7 +262,6 @@ } button { - @include box-sizing(border-box); width: 100%; height: 36px; margin: 0 0 1em 0; @@ -254,29 +271,29 @@ box-shadow: rgba(255,255,255,0.15) 0 1px 0 inset; } -} +} // .signup-form, .reset-form /* ============================================================================= - 3. Forgotten + Forgotten Password ============================================================================= */ .forgotten-form { - @include box-sizing(border-box); max-width: 280px; color: lighten($midgrey, 15%); display: table-cell; vertical-align: middle; div { // Yes. Really. - position:relative; - margin:0 0 1em 0; + // TODO: Again, can make this better. + position: relative; + margin: 0 0 1em 0; background: lighten($darkgrey, 10%); float: left; } input { - margin:0; + margin: 0; padding: 8px 10px; position: relative; border: none; @@ -286,10 +303,10 @@ background: transparent; box-shadow: none; @include transition(background ease 0.25s); - + &:focus { border: none; - background: lighten($darkgrey, 15%); + background: lighten($darkgrey, 15%); } } @@ -305,7 +322,6 @@ } button { - @include box-sizing(border-box); width: 100%; height: 36px; margin: 0 0 1em 0; @@ -315,4 +331,4 @@ box-shadow: rgba(255,255,255,0.15) 0 1px 0 inset; } -} \ No newline at end of file +} // .forgotten-form \ No newline at end of file diff --git a/core/client/assets/sass/layouts/content.scss b/core/client/assets/sass/layouts/content.scss index 604959dbf4..d80c96a9fa 100644 --- a/core/client/assets/sass/layouts/content.scss +++ b/core/client/assets/sass/layouts/content.scss @@ -1,6 +1,16 @@ -// -// Content Management -// -------------------------------------------------- +/* + * Content screen styles + * + * Table of Contents + * + * Content Management + * Preview + */ + + +/* ========================================================================== + Content Management + ========================================================================== */ .manage { .content-view-container { @@ -8,78 +18,78 @@ height: 100%; width: 100%; - @include breakpoint($tablet) { + @media (max-width: 800px) { overflow-x: hidden; } - } + } // .content-view-container .content-list { - @include box-sizing(border-box); width: 35%; padding: 15px; position: absolute; - bottom:0; - top:0; - left:0; - border-right:$lightbrown 2px solid; + bottom: 0; + top: 0; + left: 0; + border-right: $lightbrown 2px solid; background: #fff; box-shadow: $shadow; - @include breakpoint($tablet) { - width:auto; - right:0; + @media (max-width: 800px) { + width: auto; + right: 0; z-index: 500; - border:none; + border: none; } .content-filter { - position:relative; + position: relative; z-index: 300; > a { padding: 5px; - margin-left:-5px; + margin-left: -5px; } .menu-drop { display: block; } - } + } // .content-filter .button-add { @include icon($i-add); - position:absolute; - top:10px; - right:15px; + position: absolute; + top: 10px; + right: 15px; z-index: 700; color: #fff; - padding-left:5px; - } + padding: 3px 4px 3px 5px; + min-height: 0; + } // .button-add .content-list-content { - position:absolute; - top:0; - right:0; - bottom:0; - left:0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; overflow: auto; padding-top: 40px; - } + } // .content-list-content .entry-title { font-size: 1.4em; - line-height:1.1em; - margin-bottom:0.5em; + line-height: 1.1em; + margin-bottom: 0.5em; font-weight: normal; } .views { @include icon($i-stats, 10px, $brown); - float:right; + float: right; text-align: right; - margin-left:15px; - @include breakpoint($tablet) { - float:none; + margin-left: 15px; + @media (max-width: 800px) { + float: none; } } @@ -100,40 +110,50 @@ ol { list-style: none; - padding:0; - margin:0; + padding: 0; + margin: 0; border-top: $lightbrown 1px solid; li { - margin:0; + margin: 0; padding: 0; border-bottom: $lightbrown 1px solid; - position:relative; + position: relative; a { - display:block; - padding:20px 15px; + display: block; + padding: 20px 15px; color: $brown; - @include breakpoint($mobile) { padding:15px; } - @include breakpoint($tablet) { padding-right: 40px; } + @media (max-width: 400px) { + padding: 15px; + } + @media (max-width: 800px) { + padding-right: 40px; + } @include icon-after($i-chevron) { - position:absolute; - top:50%; - margin-top:-6px; - right:15px; + position: absolute; + top: 50%; + margin-top: -6px; + right: 15px; + } + @media (min-width: 801px) { + &:after { + display: none; + } } - @include breakpoint($biggerthan-tablet) { &::after {display: none} } - &:hover { text-decoration: none; } + &:hover { + text-decoration: none; + } - } + } // a - }//li + } // li li.active { - @include breakpoint($biggerthan-tablet) { + @media (min-width: 801px) { // only apply active styles on larger devices border-bottom: lighten($midgrey, 40%) 1px solid; @@ -148,8 +168,12 @@ @include transition(all 0.4s ease); } - .entry-title { font-weight: bold; } - .entry-meta { color: $darkgrey; } + .entry-title { + font-weight: bold; + } + .entry-meta { + color: $darkgrey; + } .views { @include icon($i-stats, 10px, $darkgrey); @@ -158,18 +182,20 @@ } } - }//li.active - } + } // li.active + } // ol - }//.content-list + } // .content-list +} // .manage /* ============================================================================= Preview ============================================================================= */ +.manage { + .content-preview { - @include box-sizing(border-box); width: 65%; padding: 15px; position: absolute; @@ -179,7 +205,7 @@ border-left:$lightbrown 2px solid; background: #fff; box-shadow: $shadow; - @include breakpoint($tablet) { + @media (max-width: 800px) { width: auto; left: 100%; right: -100%; @@ -220,7 +246,7 @@ max-width: 700px; margin:0 auto; } - } + } // .content-preview-content .post-controls { float:right; @@ -244,7 +270,7 @@ height:auto; } - }//.preview-post + } // .preview-post .no-posts-box { position: relative; @@ -253,7 +279,7 @@ padding: 0px; display: table; z-index: 600; - @include breakpoint($tablet) { + @media (max-width: 800px) { position: fixed; top: 45%; left: 50%; @@ -263,7 +289,7 @@ vertical-align: middle; display: table-cell; text-align: center; - @include breakpoint($tablet) { + @media (max-width: 800px) { display: block; position: relative; left: -50%; @@ -274,6 +300,8 @@ font-weight: 200; font-size: 2em; } - } - }//.no-posts-box -}//.manage + } // ,no-posts + + } // .no-posts-box + +} // .manage \ No newline at end of file diff --git a/core/client/assets/sass/layouts/editor.scss b/core/client/assets/sass/layouts/editor.scss index 4f3ceee734..335014b94c 100644 --- a/core/client/assets/sass/layouts/editor.scss +++ b/core/client/assets/sass/layouts/editor.scss @@ -1,11 +1,25 @@ -// -// The Editor -// -------------------------------------------------- +/* + * Editor screen styles + * + * Table of Contents + * + * Editor + * Post Preview Content + * Full Screen Mode + * Publish Bar + * Markdown Help Modal + * CodeMirror + */ + + +/* ========================================================================== + Editor + ========================================================================== */ .editor { .notifications { - @include breakpoint($biggerthan-mobile) { + @media (min-width: 401px) { bottom: 40px; } } @@ -13,12 +27,12 @@ // The main post title .entry-title { @extend .box; - height: 53px; + height: 57px; padding: 2px 15px; margin-bottom: 5px; position: relative; - @include breakpoint($mobile) { + @media (max-width: 400px) { box-shadow: none; } @@ -49,7 +63,6 @@ // The visual styles for both panels .entry-markdown, .entry-preview { - @include box-sizing(border-box); width: 50%; padding: 15px; position: absolute; @@ -58,12 +71,12 @@ background: #fff; box-shadow: $shadow; - @include breakpoint($mobile) { + @media (max-width: 400px) { box-shadow: none; } // Convert all content areas to small boxes - @include breakpoint($netbook) { + @media (max-width: 1000px) { top: 109px; left: 0; right: 0; @@ -81,7 +94,7 @@ // Turn headers into tabs which act as links // both headers set to grey/inactive colour - @include breakpoint($netbook) { + @media (max-width: 1000px) { cursor: pointer; width: 50%; border-right: $lightbrown 2px solid; @@ -135,7 +148,7 @@ // Restore the white bg of the currently .active tab, remove hand cursor from currently active tab &.active header { - @include breakpoint($netbook) { + @media (max-width: 1000px) { cursor: auto; color: $brown; background: #fff; @@ -147,7 +160,7 @@ } // Hide markdown icon + wordcount when we hit mobile - @include breakpoint($mobile) { + @media (max-width: 400px) { .markdown-help, .entry-word-count { display: none; @@ -204,12 +217,12 @@ .CodeMirror-lines { padding: 65px 0 40px 0; /* Vertical padding around content */ - @include breakpoint($netbook) {padding-top: 25px;} - @include breakpoint($mobile) {padding: 15px 0;} + @media (max-width: 1000px) {padding-top: 25px;} + @media (max-width: 400px) {padding: 15px 0;} } .CodeMirror pre { padding: 0 40px; /* Horizontal padding of content */ - @include breakpoint($mobile) {padding: 0 15px;} + @media (max-width: 400px) {padding: 0 15px;} } .cm-header { @@ -242,7 +255,7 @@ .entry-preview { // Align the tab of entry-preview on the right .floatingheader { - @include breakpoint($netbook) { + @media (max-width: 1000px) { right: 0; left: auto; border-right: none; @@ -264,8 +277,12 @@ cursor: default; // Tweak padding for smaller screens - @include breakpoint($netbook) {padding-top: 20px;} - @include breakpoint($mobile) {padding: 15px;} + @media (max-width: 1000px) { + padding-top: 20px; + } + @media (max-width: 400px) { + padding: 15px; + } } } @@ -273,24 +290,26 @@ .scrolling { .floatingheader { - @include breakpoint($netbook) { + @media (max-width: 1000px) { box-shadow: none; } &::before, &::after { - @include breakpoint($netbook) {display: none;} + @media (max-width: 1000px) { + display: none; + } } } .CodeMirror-scroll, .entry-preview-content { - @include breakpoint($netbook) { + @media (max-width: 1000px) { box-shadow: 0 5px 5px rgba(0,0,0,0.05) inset; } } } -}//.editor +} // .editor /* ============================================================================= @@ -310,7 +329,7 @@ } p { margin: 1.2em 0 1.6em; - &:first-child { + &:first-of-type { margin-top: 0; } } @@ -362,16 +381,26 @@ body.zen { background: lighten($lightbrown, 3%); - .usermenu {display: none;} - #global-header, #publish-bar { + .usermenu { + display: none; + } + #global-header, + #publish-bar { opacity: 0; height: 0; overflow: hidden; @include transition(all 0.5s ease-out); } - main {top: 15px;@include transition(all 0.5s ease-out);} - .entry-markdown, .entry-preview {bottom: 0;@include transition(all 0.5s ease-out);} + main { + top: 15px; + @include transition(all 0.5s ease-out); + } + .entry-markdown, + .entry-preview { + bottom: 0; + @include transition(all 0.5s ease-out); + } } @@ -381,7 +410,6 @@ body.zen { ============================================================================= */ #publish-bar { - @include box-sizing(border-box); height: 40px; padding: 0; color: $midgrey; @@ -394,7 +422,9 @@ body.zen { box-shadow: 0 -2px 8px rgba(0,0,0,0.2); @include transform(translateZ(0)); - @include breakpoint($netbook) {font-weight: normal;} + @media (max-width: 1000px) { + font-weight: normal; + } .post-settings { &:hover, @@ -418,7 +448,9 @@ body.zen { border-top: rgba(255,255,255,0.4) 1px solid; } - .button-link { border-top: none; } + .button-link { + border-top: none; + } .options { width: 30px; @@ -441,7 +473,7 @@ body.zen { bottom: 140%; right: -3%; - a{ + a { font-size: 14px; } } @@ -461,7 +493,8 @@ body.zen { width: 281px; } - .tag-label, .tag-label.touch { + .tag-label, + .tag-label.touch { color: #fff; } @@ -498,7 +531,7 @@ body.zen { z-index: 9999; pointer-events: none; - @include breakpoint($mobile) { + @media (max-width: 400px) { right: 161px; } } @@ -510,7 +543,7 @@ body.zen { width: auto; max-width: 80%; max-width: calc(100% - 320px); - height: 26px; + height: 22px; padding-left: 5px; padding-bottom: 20px; overflow-x: auto; @@ -519,8 +552,7 @@ body.zen { white-space: nowrap; @include transition(width 0.2s linear); - @include breakpoint($mobile) { - @include box-sizing(border-box); + @media (max-width: 400px) { display: block; width: 115px; max-width: inherit; @@ -567,15 +599,13 @@ body.zen { @include transition; } display: inline; - margin-right: 5px; + margin-right: 2px; padding: 0 5px; color: $lightgrey; white-space: nowrap; background: lighten($grey, 15%); border-radius: $rounded; - box-shadow: - rgba(255,255,255,0.2) 0 1px 0 inset, - #000 0 1px 3px; + box-shadow: rgba(255,255,255,0.2) 0 1px 0 inset, #000 0 1px 3px; @include user-select(none); @@ -597,9 +627,7 @@ body.zen { li.selected{ background: $blue; - box-shadow: - rgba(255,255,255,0.2) 0 1px 0 inset, - rgba(0,0,0,0.5) 0 1px 5px; + box-shadow: rgba(255,255,255,0.2) 0 1px 0 inset, rgba(0,0,0,0.5) 0 1px 5px; } li a { @@ -615,7 +643,6 @@ body.zen { } #entry-controls { - @include box-sizing(border-box); display: inline-block; position: relative; padding: 0; diff --git a/core/client/assets/sass/layouts/errors.scss b/core/client/assets/sass/layouts/errors.scss index bbf8fc277c..684bb6d5e1 100644 --- a/core/client/assets/sass/layouts/errors.scss +++ b/core/client/assets/sass/layouts/errors.scss @@ -1,6 +1,15 @@ -// -// Error Pages -// -------------------------------------------------- +/* + * Error page styles + * + * Table of Contents + * + * Error pages + */ + + +/* ========================================================================== + Error pages + ========================================================================== */ .error-content { max-width: 530px; @@ -9,7 +18,7 @@ display: table; height: 100%; - @include breakpoint(630px) { + @media (max-width: 630px) { max-width: 264px; text-align: center; } @@ -26,7 +35,7 @@ width: 96px; height: 150px; - @include breakpoint(630px) { + @media (max-width: 630px) { width: 72px; height: 112px; } @@ -51,7 +60,7 @@ line-height: 0.9em; color: #979797; - @include breakpoint(630px) { + @media (max-width: 630px) { font-size: 5.8em; } } @@ -64,7 +73,7 @@ color: #979797; border: none; - @include breakpoint(630px) { + @media (max-width: 630px) { font-size: 1.4em; } } @@ -84,7 +93,7 @@ .error-stack-list li { display: block; - + &::before { color: #BBB; content: "\21AA"; diff --git a/core/client/assets/sass/layouts/settings.scss b/core/client/assets/sass/layouts/settings.scss index 6a39c1a033..5853916e23 100644 --- a/core/client/assets/sass/layouts/settings.scss +++ b/core/client/assets/sass/layouts/settings.scss @@ -1,6 +1,18 @@ -// -// Settings -// -------------------------------------------------- +/* + * Setting pages styles + * + * Table of Contents + * + * Settings + * Sidebar + * Content + * Code Injection + */ + + +/* ========================================================================== + Settings + ========================================================================== */ .settings { // The main white bg for the page @@ -13,7 +25,7 @@ margin: 0; padding: 0; - @include breakpoint($tablet) { + @media (max-width: 800px) { overflow-x: hidden; } } @@ -27,14 +39,14 @@ padding: 0; border: none; } -}//.settings +} // .settings /* ============================================================================= Sidebar ============================================================================= */ -//The whole left column sidebar, duh. +// The whole left column sidebar, duh. .settings-sidebar { width: 20%; position: absolute; @@ -44,7 +56,7 @@ z-index: 700; background: #fff; box-shadow: $lightbrown 1px 0 0; - @include breakpoint($tablet) { + @media (max-width: 800px) { width: 100%; box-shadow: none; } @@ -53,22 +65,24 @@ position: relative; z-index: 400; height: 17px; - padding: 30px 15px 30px 40px; + padding: 30px 15px 47px 40px; margin-bottom: 0; border-bottom: none; box-shadow: #edece4 0 -1px 0 inset, #edece4 1px 0 0; - //Transparent gradient to make bg fade out as it goes out the top. + + // Transparent gradient to make bg fade out as it goes out the top. + // TODO: Much improve background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.90))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%); - @include breakpoint($netbook) { + @media (max-width: 1000px) { padding-left: 15px; }; } -}//.settings-sidebar +} // .settings-sidebar -//Main settings-menu styles, apply to every item +// Main settings-menu styles, apply to every item .settings-menu { position: absolute; top: 0; @@ -76,25 +90,25 @@ bottom: 0; right: -1px; overflow: auto; - @include breakpoint($tablet) { right: 0; }; + @media (max-width: 800px) { right: 0; }; // Create placeholder the same height as the floating header // to push content down by the same amount &:before { display: block; content: ""; - height: 77px; //30px + 17px title + 30px + height: 77px; // 30px + 17px title + 30px } ul { border-top: none; - @include breakpoint($tablet) { border-bottom: #edece4 1px solid; } + @media (max-width: 800px) { border-bottom: #edece4 1px solid; } } li { margin-right: 1px; border-top: #fff 1px solid; - @include breakpoint($tablet) { + @media (max-width: 800px) { margin-right: 0; border-top: #edece4 1px solid; } @@ -102,26 +116,28 @@ a { padding: 15px 15px 15px 40px; border-bottom: none; - @include breakpoint($netbook) { padding-left: 15px; } - @include breakpoint($tablet) { + @media (max-width: 1000px) { padding-left: 15px; } + @media (max-width: 800px) { @include icon-after($i-chevron) {float: right;margin-top: 5px;}; } } - &:first-child { border-top: none; } - &:first-child.active { border-top: none; } + &:first-child { + border-top: none; + } + &:first-child.active { + border-top: none; + } &.active { - @include breakpoint($biggerthan-tablet) { + @media (min-width: 1001px) { // only apply active styles on larger devices margin-right: 0; position: relative; z-index: 300; border-top: #edece4 1px solid; - box-shadow: - #fff 1px 0 0, - #edece4 0 1px 0; + box-shadow: #fff 1px 0 0, #edece4 0 1px 0; @include transition; a { @@ -132,28 +148,42 @@ } } - }//.active + } // .active - }//li + } // li // Give all icons some space li a:before { margin-right: 20px; - @include breakpoint($netbook) { + @media (max-width: 1000px) { margin-right: 15px; } } // Add the icons for specific menu items - .general a { @include icon($i-settings) } - .publishing a { @include icon($i-content) } - .services a { @include icon($i-services) } - .users a { @include icon($i-users) } - .appearance a { @include icon($i-appearance) } - .apps a { @include icon($i-app) } - .code a { @include icon($i-code) } + .general a { + @include icon($i-settings); + } + .publishing a { + @include icon($i-content); + } + .services a { + @include icon($i-services); + } + .users a { + @include icon($i-users); + } + .appearance a { + @include icon($i-appearance); + } + .apps a { + @include icon($i-app); + } + .code a { + @include icon($i-code); + } -}//.settings-menu +} // .settings-menu /* ============================================================================= @@ -170,7 +200,7 @@ bottom: 0; background: #fff; - @include breakpoint($tablet) { + @media (max-width: 800px) { display: none; width: 100%; left: 100%; @@ -180,23 +210,27 @@ img { max-width: 100%; + max-height: 400px; } display: none; &.active {display: block;} + // TODO: Header could really be more specific (class) > header { position: relative; z-index: 200; height: 17px; - padding: 30px 220px 29px 40px; + padding: 30px 220px 46px 40px; border-bottom: $lightbrown 1px solid; margin-bottom: 40px; text-transform: none; font-weight: normal; line-height: inherit; color: inherit; - //Transparent gradient to make bg fade out as it goes out the top. + + // Transparent gradient to make bg fade out as it goes out the top. + // TODO: Significantly improve background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.90) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.90))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%); @@ -204,9 +238,13 @@ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%); - @include breakpoint($netbook) { padding-left: 15px; } - @include breakpoint($tablet) { padding-left: 115px; } - @include breakpoint($letterbox) { + @media (max-width: 1000px) { + padding-left: 15px; + } + @media (max-width: 800px) { + padding-left: 115px; + } + @media (max-height: 600px) { height: auto; padding: 5px; position: absolute; @@ -215,9 +253,11 @@ border: none; background: transparent; - .title { display: none; } + .title { + display: none; + } } - @include breakpoint(650px) { + @media (max-width: 650px) { padding-left: 15px; .button-back { @@ -234,7 +274,7 @@ } } - }//header + } // header .page-actions { position: absolute; @@ -243,8 +283,8 @@ z-index: 700; font-size: 1em; - @include breakpoint($netbook) { right: 15px; } - @include breakpoint(650px) { + @media (max-width: 1000px) { right: 15px; } + @media (max-width: 650px) { position: fixed; top: 5px; right: 4px; @@ -287,19 +327,24 @@ display: block; content: ""; height: 77px; //30px + 17px title + 30px - @include breakpoint($letterbox) { display: none; } + @media (max-height: 600px) { display: none; } } &.no-padding { padding: 0; } - @include breakpoint($netbook) { padding-left: 15px; } - @include breakpoint(550px) { padding: 0 15px 40px; } + @media (max-width: 1000px) { + padding-left: 15px; + } + @media (max-width: 550px) { + padding: 0 15px 40px; + } } - .description-container, .bio-container { - max-width: 370px; + .description-container, + .bio-container { + max-width: 510px; } .word-count { @@ -309,7 +354,7 @@ color: darken($brown, 5%); } -}//.settings-content +} // .settings-content /* ============================================================================= diff --git a/core/client/assets/sass/layouts/setup.scss b/core/client/assets/sass/layouts/setup.scss index 130ec34b14..46d897254d 100644 --- a/core/client/assets/sass/layouts/setup.scss +++ b/core/client/assets/sass/layouts/setup.scss @@ -1,15 +1,28 @@ -// -// Setup Ghost for The First Time -// -------------------------------------------------- +/* + * Setup screen styles + * + * Table of Contents + * + * Setup Ghost for The First Time + */ + + +/* ========================================================================== + Setup Ghost for The First Time + ========================================================================== */ .ghost-setup { color: $midgrey; background: $darkgrey; - @include breakpoint(550px) { background: darken($darkgrey, 5%); } + @media (max-width: 550px) { + background: darken($darkgrey, 5%); + } main { top: 15px; - @include breakpoint(550px) { top: 0; } + @media (max-width: 550px) { + top: 0; + } } input:-webkit-autofill { @@ -22,7 +35,7 @@ font-size: 26px; color: $lightgrey; - @include breakpoint(550px) { + @media (max-width: 550px) { font-size: 20px; } } @@ -35,7 +48,7 @@ font-size: 16px; color: $midgrey; - @include breakpoint(550px) { + @media (max-width: 550px) { font-size: 14px; } } @@ -50,24 +63,27 @@ } .setup-form { - @include box-sizing(border-box); max-width: 530px; padding: 40px; color: lighten($midgrey, 15%); background: darken($darkgrey, 5%); - @include breakpoint(400px) { + @media (max-width: 400px) { padding: 15px; } header { margin-bottom: 45px; - @include breakpoint(550px) { margin-bottom: 35px; } + @media (max-width: 550px) { + margin-bottom: 35px; + } } footer { margin: 40px 0 5px 0; - @include breakpoint(550px) { margin-top: 35px; } + @media (max-width: 550px) { + margin-top: 35px; + } } label { @@ -75,7 +91,7 @@ color: $lightgrey; font-weight: 300; - @include breakpoint(550px) { + @media (max-width: 550px) { width: 100%; } } @@ -83,7 +99,7 @@ .form-group { padding-left: 110px; - @include breakpoint(550px) { + @media (max-width: 550px) { padding-left: 0; } } @@ -96,7 +112,7 @@ background: lighten($darkgrey, 10%); @include transition(background ease 0.25s); - @include breakpoint(550px) { + @media (max-width: 550px) { width: 100%; } diff --git a/core/client/assets/sass/layouts/users.scss b/core/client/assets/sass/layouts/users.scss index 08ebf5e1af..0c31594ae9 100644 --- a/core/client/assets/sass/layouts/users.scss +++ b/core/client/assets/sass/layouts/users.scss @@ -1,6 +1,16 @@ -// -// Users -// -------------------------------------------------- +/* + * Users screen styles + * + * Table of Contents + * + * Users + * User Profile + */ + + +/* ========================================================================== + Users + ========================================================================== */ .settings { @@ -25,15 +35,17 @@ display: inline-block; float: right; - label { margin: 0} + label { + margin: 0; + } - &:hover .user-search-input, .user-search-input:focus { + &:hover .user-search-input, + .user-search-input:focus { width: 260px; padding: 0 10px; } .user-search-input { - @include box-sizing(border-box); width: 0px; padding: 0; border: none; @@ -54,7 +66,6 @@ } .user { - @include box-sizing(border-box); display: block; width: 100%; padding: 20px; @@ -75,7 +86,6 @@ border-radius: 20px; &.invite { - @include box-sizing(border-box); padding-top: 8px; text-align: center; @include icon($i-mail, 1em, $brown); @@ -128,6 +138,8 @@ .user-profile-header { position: relative; + max-height: 400px; + overflow: hidden; // Gradient overlay &:after { @@ -162,7 +174,9 @@ color 0.3s ease, background 0.3s ease ); - @include breakpoint($netbook) { right: 15px;} + @media (max-width: 1000px) { + right: 15px; + } &:hover { color: #fff; @@ -178,19 +192,28 @@ fieldset { padding: 0 40px; } + + textarea { + min-width: 240px; + } } fieldset.user-details-top { - margin-bottom: 0; - padding: 10px 0 0 0; - p { - color: #fff; + @media (max-width: 500px) { + margin-bottom: 10px; + } + + @media (min-width: 501px) { + margin-bottom: 0; + padding: 10px 0 0 0; + p { + color: #fff; + } } } .user-image { - @include box-sizing(border-box); display: block; position: relative; width: 120px; @@ -205,6 +228,10 @@ background: #fff; z-index: 2; + @media (max-width: 500px) { + margin-left: -10px; + } + .img { display: block; width: 110px; @@ -233,8 +260,10 @@ @include transition(opacity 0.3s ease); } - #user-name { - border-color: #fff; + @media (min-width: 501px) { + #user-name { + border-color: #fff; + } } .user-details-bottom { @@ -242,4 +271,4 @@ margin: -30px 0 0 0; } -} //.settings +} // .settings \ No newline at end of file diff --git a/core/client/assets/sass/modules/animations.scss b/core/client/assets/sass/modules/animations.scss index 57b9309008..4871549805 100644 --- a/core/client/assets/sass/modules/animations.scss +++ b/core/client/assets/sass/modules/animations.scss @@ -1,25 +1,19 @@ -// -// Animations -// -------------------------------------------------- +/* + * Reusable keyframe animations + * + * Table of Contents + * + * Off-Canvas + * Fade In + * Fade Out + */ -@-webkit-keyframes off-canvas { - 0% { left:0; } - 100% { left:300px; } -} -@-moz-keyframes off-canvas { - 0% { opacity: 0; } - 100% { opacity: 1; } -} -@-o-keyframes off-canvas { - 0% { opacity: 0; } - 100% { opacity: 1; } -} -@keyframes off-canvas { - 0% { opacity: 0; } - 100% { opacity: 1; } -} -@include keyframes(fadeIn) { +/* ========================================================================== + Off-Canvas + ========================================================================== */ + +@include keyframes(off-canvas) { from { opacity: 0; } @@ -28,3 +22,43 @@ } } + +/* ========================================================================== + Fade In + TODO: Make the fadeIn keyframe name hyphenated, not camelCase + ========================================================================== */ + +@include keyframes(fade-in) { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +.fade-in { + -o-animation: fade-in 0.5s; + -moz-animation: fade-in 0.5s; + -webkit-animation: fade-in 0.5s; + animation: fade-in 0.5s; +} + +/* ========================================================================== + Fade Out + TODO: Make the fadeIn keyframe name hyphenated, not camelCase + ========================================================================== */ + +@include keyframes(fade-out) { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.fade-out { + -o-animation: fade-out 0.5s; + -moz-animation: fade-out 0.5s; + -webkit-animation: fade-out 0.5s; + animation: fade-out 0.5s; +} \ No newline at end of file diff --git a/core/client/assets/sass/modules/base.scss b/core/client/assets/sass/modules/base.scss new file mode 100644 index 0000000000..5e25f180e0 --- /dev/null +++ b/core/client/assets/sass/modules/base.scss @@ -0,0 +1,60 @@ +/* + * Global styles for Ghost which are used throughout the admin interface + * Utility classes defined here to keep other libraries (Normalize) from + * being modified, preventing upgrade later. + * + * Table of Contents + * + * Box Sizing + * Text Selection + * Colour Classes + */ + +/* ========================================================================== + Box Sizing + --- + Apple `border-box` globally + ========================================================================== */ + +*, +*:before, +*:after { + @include box-sizing(border-box); +} + + +/* ========================================================================== + Text Selection + --- + These colours do not differ much from browser defaults, but + this makes it consistent & predicable. + ========================================================================== */ + +::-moz-selection { + color: $darkgrey; + background: lighten($blue, 20%); + text-shadow: none; +} + +::selection { + color: $darkgrey; + background: lighten($blue, 20%); + text-shadow: none; +} + + +/* ========================================================================== + Color Classes + --- + Pragmatically generate classes for background & text colour, based on + `$list-colours` in `variables.scss` + ========================================================================== */ + +@each $colour in $list-colours { + .#{nth($colour, 1)}-bg { + background: nth($colour, 2); + } + .#{nth($colour, 1)} { + color: nth($colour, 2); + } +} \ No newline at end of file diff --git a/core/client/assets/sass/modules/buttons.scss b/core/client/assets/sass/modules/buttons.scss index 8f6e02c03b..d0f880ee8c 100644 --- a/core/client/assets/sass/modules/buttons.scss +++ b/core/client/assets/sass/modules/buttons.scss @@ -1,22 +1,25 @@ -// -// Buttons -// -------------------------------------------------- - /* - * Buttons are used for primary calls to action on a page. + * Button classes, including * - * Usage: - * + * Table of Contents + * + * Buttons + * Split Buttons */ -// This base style is used on all buttons -.btn { - @include box-sizing(border-box); + + /* ========================================================================== + Buttons + ========================================================================== */ + +%btn { min-height: 35px; width: auto; display: inline-block; padding: 0.9em 1.37em; + cursor: pointer; + text-decoration: none; color: #fff; font-size: 11px; // Hack because Firefox sucks. @@ -25,24 +28,28 @@ text-align: center; letter-spacing: 1px; text-transform: uppercase; + text-shadow: none; border-radius: 0.2em; border: rgba(0,0,0,0.05) 0.1em solid; + @include transition(background 0.3s ease, border-color 0.3s ease); - &:hover { + &:hover, + &.hover { + will-change: border-color, background; border-color: transparent; background: #f8f8f8; text-decoration: none; } - &:active { + &:active, + &.active { box-shadow: rgba(0,0,0,0.3) 0 1px 3px inset; } &:disabled { opacity: 0.5; - cursor: not-allowed; } &.large { @@ -50,13 +57,41 @@ font-size: 14px; line-height: 16px; } + + // Styling for buttons with icons in them + &[class*='icon-'] { + position: relative; + padding-left: calc(1.37em + 36px); + &:before { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 35px; + font-size: 13px; + line-height: 35px; + border-right: 1px solid rgba($darkgrey, 0.1); + opacity: 0.95; + } + + &.large { + padding-left: calc(1.8em + 46px); + &:before { + width: 46px; + line-height: 46px; + font-size: 17px; + } + } + + } + } // This is the default button style .button, button, input[type="button"] { - @extend .btn; + @extend %btn; color:#777; font-weight: normal; background: #eee; @@ -70,39 +105,59 @@ input[type="button"] { .button-save, button[type="submit"], input[type="submit"] { - @extend .btn; + @extend %btn; background: $blue; box-shadow: none; - &:hover {background: darken($blue, 10%);} + &:hover { + background: darken($blue, 10%); + } } // Button for actions which add stuff .button-add { - @extend .btn; + @extend %btn; background: $green; - &:hover {background: darken($green, 8%);} + &:hover { + background: darken($green, 8%); + } } // Button for deleting/removing stuff .button-delete, button[type="reset"], input[type="reset"] { - @extend .btn; + @extend %btn; background: $red; box-shadow: none; - &:hover {background: darken($red, 10%);} + &:hover { + background: darken($red, 10%); + } } // Alternative button with more visual attention, but no extra semantic meaning .button-alt { - @extend .btn; + @extend %btn; background: lighten($darkgrey, 10%); - &:hover {background: $darkgrey;} + &:hover { + background: $darkgrey; + } + &[class*='icon-']:before { + border-right-color: lighten($darkgrey, 10%); + } +} + +// Alternative button with more visual attention, but no extra semantic meaning +.button-info { + @extend %btn; + background: #A1ADB3; + &:hover { + background: lighten(#A1ADB3, 10%); + } } // This applies normal link styles to de-emphasise a button .button-link { - @extend .btn; + @extend %btn; color: $blue; background: transparent; border: none; @@ -114,7 +169,7 @@ input[type="reset"] { // Back button for pane animations .button-back { - @extend .btn; + @extend %btn; position: absolute; top: 20px; left: 20px; @@ -150,9 +205,6 @@ input[type="reset"] { } } - @include breakpoint($tablet) { - display: inline-block; - } } @@ -160,18 +212,7 @@ input[type="reset"] { Split Buttons ============================================================================= */ -/* - * The splitbutton adds addition values to a button, via a dropdown (or drop-up). - * - * Usage: - *
- * - * - *
- */ - -// These are the base styles applied to all splitbuttons -.splitbtn { +%splitbtn { display: inline-block; position: relative; font-size: 0; // hack to stop space after button @@ -198,6 +239,7 @@ input[type="reset"] { rgba(0,0,0,0.02) 0 1px 0 inset, rgba(0,0,0,0.02) -1px 0 0 inset, rgba(0,0,0,0.02) 0 -1px 0 inset; + @include icon($i-chevron-down, 9px) { position: absolute; top: 50%; @@ -212,6 +254,7 @@ input[type="reset"] { @include transition-duration(0.3); @include transition-timing-function(ease); }; + @include transition(background-color 0.3s linear); // Keep the arrow spun when the associated menu is open @@ -226,9 +269,11 @@ input[type="reset"] { // Spin the arrow on hover and while menu is open &:hover { + will-change: box-shadow, background; box-shadow: none; background: #f8f8f8; @include icon($i-chevron-down) { + will-change: transform; @include transform(rotate(360deg)); }; } @@ -248,7 +293,7 @@ input[type="reset"] { // The default splitbutton .splitbutton { - @extend .splitbtn; + @extend %splitbtn; .options { color:#777; &:hover { @@ -262,36 +307,44 @@ input[type="reset"] { // For save/next/continue/confirm actions .splitbutton-save { - @extend .splitbtn; + @extend %splitbtn; .options { background: darken($blue, 5%); - &:hover, &.active {background: darken($blue, 10%);} + &:hover, &.active { + background: darken($blue, 10%); + } } } // For actions which add something .splitbutton-add { - @extend .splitbtn; + @extend %splitbtn; .options { background: darken($green, 6%); - &:hover {background: darken($green, 8%);} + &:hover { + background: darken($green, 8%); + } } } // For actions which delete something .splitbutton-delete { - @extend .splitbtn; + @extend %splitbtn; .options { background: darken($red, 6%); - &:hover {background: darken($red, 10%);} + &:hover { + background: darken($red, 10%); + } } } // Alternative style with more visual attention, but no extra semantic meaning .splitbutton-alt { - @extend .splitbtn; + @extend %splitbtn; .options { background: lighten($darkgrey, 4%); - &:hover {background: $darkgrey;} + &:hover { + background: $darkgrey; + } } } \ No newline at end of file diff --git a/core/client/assets/sass/modules/code.scss b/core/client/assets/sass/modules/code.scss deleted file mode 100644 index 78b9c1f641..0000000000 --- a/core/client/assets/sass/modules/code.scss +++ /dev/null @@ -1,52 +0,0 @@ -// -// Code (inline and block) -// -------------------------------------------------- - -code, tt { - font-family: $font-family-mono; - font-size: 0.85em; - white-space: pre-wrap; - background: lighten($lightbrown, 2%); - border: 1px solid darken($lightbrown, 8%); - border-radius: 2px; - padding: 1px 3px; -} - -pre { - @include baseline; - @include box-sizing(border-box); - background: lighten($lightbrown, 2%); - border: 1px solid darken($lightbrown, 8%); - width: 100%; - padding: 10px; - font-family: $font-family-mono; - font-size: 0.9em; - white-space: pre; - overflow: auto; - border-radius: 3px; - - code, tt { - font-size: inherit; - white-space: -moz-pre-wrap; - white-space: pre-wrap; - background: transparent; - border: none; - padding: 0; - } -} - -kbd { - display: inline-block; - margin-bottom: 0.4em; - padding: 1px 8px; - border: #ccc 1px solid; - color: $darkgrey; - text-shadow: #fff 0 1px 0; - font-size: 0.9em; - font-weight: bold; - background: #f4f4f4; - border-radius: 4px; - box-shadow: - 0 1px 0 rgba(0, 0, 0, 0.2), - 0 1px 0 0 #fff inset; -} \ No newline at end of file diff --git a/core/client/assets/sass/modules/dropdowns.scss b/core/client/assets/sass/modules/dropdowns.scss index b26e084e79..2c1fcfa1c0 100644 --- a/core/client/assets/sass/modules/dropdowns.scss +++ b/core/client/assets/sass/modules/dropdowns.scss @@ -1,6 +1,19 @@ -// -// Dropdowns -// -------------------------------------------------- +/* + * Dropdown classes, including default styles and section-specific styles + * + * Table of Contents + * + * Dropdowns + * Dropdown Show & Hide + * Menu + * Menu Positioning Options + * Post Settings + */ + + + /* ========================================================================== + Dropdowns + ========================================================================== */ .dropdown { @include icon-after($i-chevron-down, 8px) { @@ -12,17 +25,44 @@ color: $darkgrey; @include icon-after($i-chevron-down, 8px); } + +} // .dropdown + +a.dropdown, +button.dropdown { + cursor: pointer; } -// This is the base menu extend used for styles on interaction menus -// Default: Pop menu, chiclet bottom center. + /* ========================================================================== + Dropdown Show & Hide + --- + Sadly !important is needed, to counteract the stringer selectors applying + a display property. + ========================================================================== */ + +.ghost-popover { + display: none !important; +} + +.ghost-popover.open { + display: block !important; +} + + + /* ========================================================================== + Menu + --- + This is the base menu extend used for styles on interaction menus + Default: Pop menu, chiclet bottom center. + ========================================================================== */ + .menu { display: inline-block; - position:absolute; + position: absolute; z-index: 960; padding:6px 0; - border:none; + border: none; list-style: none; color: $lightgrey; background: $darkgrey; @@ -32,27 +72,28 @@ // The triangle chiclet that points to where the menu came from // By default, this is bottom center. &:before { - content:""; - position:absolute; - bottom:-10px; - left:50%; - margin-left:-10px; - border-width:10px 10px 0 10px; - border-style:solid; - border-color:$darkgrey transparent; - display:block; - width:0; + content: ""; + position: absolute; + bottom: -10px; + left: 50%; + margin-left: -10px; + border-width: 10px 10px 0 10px; + border-style: solid; + border-color: $darkgrey transparent; + display: block; + width: 0; + } // &:before + + // Stop :hover shadow from overflowing + li { + overflow: hidden; } - li {overflow:hidden;} // Stop :hover shadow from overflowing - a, p { - @include box-sizing(border-box); display: block; position: relative; - padding:10px 25px 10px 35px; + padding: 10px 25px 10px 35px; border: none; - @include box-sizing(border-box); color: $lightgrey !important; // It's dirty, but it's needed. text-transform: none; text-decoration: none; @@ -61,7 +102,7 @@ background: $blue; box-shadow: rgba(255,255,255,0.2) 0 1px 0 inset; } - } + } // a, p // Add a check mark to the currently active menu item .active a { @@ -72,7 +113,14 @@ } } -} +} // .menu + + +/* ========================================================================== + Menu Positioning Options + --- + Combine above classes into one usable class + ========================================================================== */ // This extend moves the chiclet to the top, for menus which drop down. .menu-drop { @@ -117,25 +165,28 @@ @extend .menu-right; } + /* ========================================================================== Post Settings + --- + There classes are used on conjunction with the above classes ========================================================================== */ .post-settings { @include icon($i-settings, 14px); - @include box-sizing(border-box); display: inline-block; padding: 0 10px; color: $midgrey; @include transition; position: relative; top: 1px; + cursor: pointer; &:hover, &.active { color: $darkgrey; } -} +} // .post-settings .post-settings-menu { padding-top: 0; @@ -169,7 +220,9 @@ width: 200px; margin: 0; - @include breakpoint(550px) { width: 200px; } + @media (max-width: 550px) { + width: 200px; + } &[type="text"] { border: none; @@ -183,7 +236,7 @@ border: none; } } - } + } // input .post-setting-item { padding: 5px 0 0 10px; @@ -192,20 +245,38 @@ .checkbox { position: relative; margin-top: 0; - width: 18px; - border: lighten($grey, 10%) 1px solid; - background: $grey; - } + top: 0; // Resets a global `form label` style + border: 0; + &:after { + border-color: lighten($grey, 10%); + background: $grey; + } + } // .checkbox + + // Colour the checkbox border correctly for a dark background + input[type='checkbox'] { + &:focus { + & + .checkbox { + &:after { + border-color: lighten($grey, 10%); + } + } + } + } // input[type='checkbox'] .delete { display: block; padding: 10px 15px; - @include icon($i-trash) { - position: relative; - top: -1px; - margin-right: 10px + cursor: pointer; + @include icon($i-trash) { + position: relative; + top: -1px; + margin-right: 10px }; - &:hover { background: $red; } - } -} \ No newline at end of file + &:hover { + background: $red; + } + } // .delete + +} // .post-settings-menu \ No newline at end of file diff --git a/core/client/assets/sass/modules/floatingheaders.scss b/core/client/assets/sass/modules/floatingheaders.scss new file mode 100644 index 0000000000..85eab097ae --- /dev/null +++ b/core/client/assets/sass/modules/floatingheaders.scss @@ -0,0 +1,108 @@ +/* + * Floating header styles + * + * Table of Contents + * + * Floating Headers + * Scroll Shadows + */ + + /* ========================================================================== + Floating Headers + ========================================================================== */ + +// Semi-opaque fixed-position headers - used on content/editor +.floatingheader { + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: 400; + height: 40px; + padding: 10px 15px; + text-transform: uppercase; + color: $brown; + //Transparent gradient to make bg fade out as it goes out the top. + @include linear-gradient(top, white 0%, white 25%, rgba(255,255,255,0.9) 100%, $fallback: transparent); + + button, + .button { + display: inline-block; + font-size: 10px; + min-height: 20px; + height: 20px; + padding: 3px 4px; + vertical-align: top; + + &.button-back { + position: relative; + top: -2px; + left: 3px; + display: none; + padding: 0 6px 0 3px; + + &:active { + box-shadow: none; + } + + &:before { + left: -8px; + border-width: 10px 8px 10px 0; + } + + @media (max-width: 800px) { + display: inline-block; + } + } + } + + small { + font-size: 0.85em; + } + + a { + color: $brown; + &:hover { + color: $darkgrey; + } + } + +} // .floatingheader + + + /* ========================================================================== + Scroll Shadows + --- + Special case, when scrolling, add shadows to content headers. + ========================================================================== */ + +.scrolling { + + .floatingheader { + box-shadow: + rgba(0,0,0,0.02) 0 1px 2px, + rgba(255, 255, 255, 0.5) 0 -1px 0 inset; + + &:before { + content: ""; + height: 40px; + width: 80%; + position: absolute; + bottom: 0; + left: 50%; + margin-left: -40%; + box-shadow: rgba(0,0,0,0.02) 0 2px 2px; + } + &:after { + content: ""; + height: 40px; + width: 30%; + position: absolute; + bottom: 0; + left: 50%; + margin-left: -15%; + box-shadow: rgba(0,0,0,0.02) 0 3px 3px; + } + } // .floatingheader + +} // .scrolling \ No newline at end of file diff --git a/core/client/assets/sass/modules/forms.scss b/core/client/assets/sass/modules/forms.scss index 6700c5d639..838516fee2 100644 --- a/core/client/assets/sass/modules/forms.scss +++ b/core/client/assets/sass/modules/forms.scss @@ -1,8 +1,23 @@ -// -// Forms -// -------------------------------------------------- +/* + * Form styling, for inputs, selects, checkboxes, labels etc etc. + * + * Table of Contents + * + * Labels + * Form Wrapper + * Form Group + * Fieldsets + * Legends + * Input, textarea & select + * Checkboxes + */ -.label { + +/* ========================================================================== + Labels + ========================================================================== */ + +.label { display: inline-block; position: absolute; top: 0.5em; @@ -12,7 +27,7 @@ color: $brown; text-align: right; - @include breakpoint(550px) { + @media (max-width: 550px) { display: block; position: relative; top: auto; @@ -23,6 +38,11 @@ } } + +/* ========================================================================== + Form Wrapper + ========================================================================== */ + form { label { @@ -36,13 +56,38 @@ form { margin: 0; } -}//form +} // form + + +/* ========================================================================== + Form Group + ========================================================================== */ + +.form-group { + position: relative; + margin: 1.5em 0; + padding-left: 140px; + + @media (max-width: 550px) { + padding-left: 0; + } +} // .form-group + + +/* ========================================================================== + Fieldsets + ========================================================================== */ fieldset { border: none; margin: 0 0 3em 0; padding: 0; -} +} // fieldset + + +/* ========================================================================== + Legends + ========================================================================== */ legend { display: block; @@ -52,10 +97,16 @@ legend { font-size: 1.2em; line-height: 2.0em; color: $brown; -} +} // legend -input, textarea, select { - @include box-sizing(border-box); + +/* ========================================================================== + Input, textarea & select + ========================================================================== */ + +input, +textarea, +select { width: 280px; padding: 5px 7px; margin: 0; @@ -65,9 +116,9 @@ input, textarea, select { background: #fff; border: darken($lightbrown, 5%) 1px solid; border-radius: $rounded; - @include transition(all 0.15s ease-in-out); + @include transition(border-color 0.15s ease-in-out); - @include breakpoint(550px) { + @media (max-width: 550px) { width: 100%; } } @@ -80,7 +131,9 @@ textarea { min-height: 6.5em; } -input, select, textarea { +input, +select, +textarea { margin-bottom: 5px; } @@ -108,12 +161,11 @@ select { } select { - @include box-sizing(border-box); width: 270px; height: 30px; line-height: 30px; - @include breakpoint(550px) { + @media (max-width: 550px) { width: 100%; } } @@ -124,75 +176,89 @@ select { } } -.form-group { - position: relative; - margin: 1.5em 0; - padding-left: 140px; - - @include breakpoint(550px) { padding-left: 0; } -} /* ============================================================================= Checkboxes ============================================================================= */ -// Hide the default checkbox using absolute positioning to retain the focusability of the checkbox +// Hide the default checkbox input[type="checkbox"] { @include position(absolute, 0 0 0 -9999px); } // Turn the label element into a fake checkbox .checkbox { - @include box-sizing(border-box); position: relative; width: auto; - // Create a checkmark, hidden by default + // Create a tick, hidden by default + &:before { + content: ''; + position: absolute; + width: 10px; + height: 6px; + top: 5px; + left: 4px; + border: 3px solid #fff; + border-top: none; + border-right: none; + @include transform(rotate(-45deg)); + opacity: 0; + } + + // The background for the faux checkbox &:after { - content: ""; + content: ''; display: inline-block; - width: 15px; - height: 15px; + width: 18px; + height: 18px; margin-right: 5px; background: lighten($lightbrown, 5%); border-radius: $rounded; border: darken($lightbrown, 5%) 1px solid; @include transition(all 0.2s ease); } - + // The paragraph after the .checkbox & + p { display: inline-block; line-height: 28px; + position: relative; + bottom: -2px; } } -// If the checkbox is checked, show the the :after element -input[type=checkbox] { +// Colour the checkbox correctly when checked +input[type='checkbox'] { &:checked + .checkbox { &:after { background: $green; border-color: lighten($green, 10%); } } - } -input[type=checkbox] { - &:checked + .checkbox:after { + +input[type='checkbox'] { + + // When checkbox is checked, show the tick + &:checked + .checkbox:before { opacity: 1; } + &:focus { & + .checkbox { &:after { border: $brown 1px solid; } } - } + } // &:focus + &:active { & + .checkbox { &:after { background: $lightbrown; } } - } -} \ No newline at end of file + } // &:active + +} // input[type='checkbox'] \ No newline at end of file diff --git a/core/client/assets/sass/modules/global.scss b/core/client/assets/sass/modules/global.scss deleted file mode 100644 index 450fccff92..0000000000 --- a/core/client/assets/sass/modules/global.scss +++ /dev/null @@ -1,471 +0,0 @@ -/* - * Global styles for Ghost which are used throughout the admin interface - * Utility classes defined here to keep other libraries (Normalize) from - * being modified, preventing upgrade later. - * - * Table of Contents - * - * Utility Classes - * Global Styles - * Global Navigation - * Mobile Navigation - * Drop-down / Pop-up Menu - * Notifications - * Modals - * Main Elements - * Floating Headers - * Image Uploader - * Misc - */ - - -/* ========================================================================== - Utility Classes - ========================================================================== */ - -.hidden { @include hidden; } // TODO: Merge this with .visuallyhidden -.invisible { visibility: hidden; } -.right { float: right; } -.left { float: left; } -.wrapper { position: relative; } - -.markdown, pre, code { font-family: $font-family-mono; } - -.visuallyhidden, -.screen-reader-text { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.visuallyhidden.focusable:active, -.visuallyhidden.focusable:focus { - clip: auto; - height: auto; - margin: 0; - overflow: visible; - position: static; - width: auto; -} - -.clearfix:before, -.clearfix:after { - content: " "; - display: table; -} -.clearfix:after { clear: both; } -.clearfix { *zoom: 1; } - -// to vertically center elements whose parent element is display: table -.vertical { - display: table-cell; - vertical-align: middle; -} - -// for

tags under tags which should cuddle like lovers -.hgroup { - margin-bottom: 1.6em; - - h1, h2, h3, - h4, h5, h6, p { margin: 0; } -} - - -/* ========================================================================== - Global Styles - ========================================================================== */ - -html { - font: normal 81.2%/1.65 "Open Sans", sans-serif; -} - -body { - width:100%; - color: $darkgrey; - font-weight: 300; - background: $lightbrown; - @include breakpoint($mobile) { background: #fff; } -} - -::-moz-selection { - color: $darkgrey; - background: lighten($blue, 20%); - text-shadow: none; -} - -::selection { - color: $darkgrey; - background: lighten($blue, 20%); - text-shadow: none; -} - -article aside { - width: 30%; - padding: 0 2.2em; - margin: 0 2.2em 1.6em 2.2em; - float: right; - background: $lightbrown; - border-radius: 3px; -} - -// Headings - -h1, h2, h3, -h4, h5, h6 { - color: $darkgrey; - text-rendering: optimizeLegibility; - line-height: 1; - margin-top: 0; -} - -h2 { - padding-top: 0.8em; - margin-top: 0.8em; - border-top: $lightbrown 1px solid; -} - -h1 a:hover { - text-decoration: none; - - box-shadow: $blue 0 -5px 0 inset; -} - -h2 a:hover { - text-decoration: none; - box-shadow: $blue 0 -4px 0 inset; -} - -h3 a:hover { - text-decoration: none; - box-shadow: $blue 0 -3px 0 inset; -} - -h4 a:hover, -h5 a:hover, -h6 a:hover { - text-decoration: none; - box-shadow: $blue 0 -1px 0 inset; -} - -hgroup { - @include baseline; - - h1, h2, h3, - h4, h5, h6 { - padding:0; - margin:0; - border:none; - margin-bottom: 5px; - - a { - color: $darkgrey; - - &:hover { - box-shadow: $darkgrey 0 -1px 0 inset; - } - - } - - /* - * Make everything except the first - * heading appear smaller/thinner. - */ - &:nth-child(n+2) { - font-size: 1.8em; - font-weight: 300; - color: $brown; - } - - } - -} - -// Text elements - -p, ul, ol { @include baseline; } - -ol ol, ul ul, -ul ol, ol ul { - margin: 0.4em 0; -} - -a { - color:$blue; - text-decoration:none; - @include transition(all 0.15s ease-in-out); - - &:hover { - text-decoration:underline; - } - - &.highlight { - color: $orange; - font-weight: bold; - } -} - -hr { - display: block; - height: 1px; - border: 0; - border-top: 1px solid $lightbrown; - margin: 3.2em 0; - padding: 0; -} - -blockquote { - @include baseline; - @include box-sizing(border-box); - padding: 0 1.6em 0 1.6em; - border-left: $lightbrown 0.6em solid; - - p { - margin:0.8em 0; - font-size:1.2em; - font-weight: 300; - } - - small { - display: inline-block; - margin: 0.8em 0 0.8em 1.5em; - font-size:0.9em; - color: $brown; - - &:before { content: '\2014 \00A0'; } - } - - cite { - font-weight:bold; - a { font-weight: normal; } - } -} - -dl { - @include baseline; - - dt { - float: left; - width: 180px; - overflow: hidden; - clear: left; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; - font-weight: bold; - margin-bottom: 1em - } - - dd { - margin-left: 200px; - margin-bottom: 1em - } -} - -mark { - background-color: #ffc336; -} - - -/* ========================================================================== - Main Elements - ========================================================================== */ - -main { - position: absolute; - top: 55px; - right: 15px; - bottom: 0; - left: 15px; - padding: 0; - - @include breakpoint($mobile) { - top: 40px; - left:0; - right:0; - } - -} - - -/* ========================================================================== - Floating Headers - ========================================================================== */ - -// Semi-opaque fixed-position headers - used on content/editor -.floatingheader { - @include box-sizing(border-box); - position: absolute; - top:0; - left:0; - right:0; - z-index: 400; - height: 40px; - padding: 10px 15px; - text-transform: uppercase; - color: $brown; - //Transparent gradient to make bg fade out as it goes out the top. - @include linear-gradient(top, white 0%, white 25%, rgba(255,255,255,0.9) 100%, $fallback: transparent); - - button, .button { - display: inline-block; - font-size: 10px; - min-height: 20px; - height: 20px; - padding: 3px 4px; - vertical-align: top; - - &.button-back { - position: relative; - top: -2px; - left: 3px; - display: none; - padding: 0 6px 0 3px; - - &:active { - box-shadow: none; - } - - &:before { - left: -8px; - border-width: 10px 8px 10px 0; - } - - @include breakpoint($tablet) { - display: inline-block; - } - } - } - - small { - font-size: 0.85em; - } - - a { - color: $brown; - &:hover { color: $darkgrey; } - } - -}//.floatingheader - -// Special case, when scrolling, add shadows to content headers. -.scrolling { - - .floatingheader { - box-shadow: - rgba(0,0,0,0.02) 0 1px 2px, - rgba(255, 255, 255, 0.5) 0 -1px 0 inset; - - &::before { - content: ""; - height:40px; - width: 80%; - position:absolute; - bottom:0; - left:50%; - margin-left: -40%; - box-shadow: rgba(0,0,0,0.02) 0 2px 2px; - } - &::after { - content: ""; - height:40px; - width: 30%; - position:absolute; - bottom:0; - left:50%; - margin-left: -15%; - box-shadow: rgba(0,0,0,0.02) 0 3px 3px; - } - } - -} - - -/* ========================================================================== - NProgress - ========================================================================== */ - -/* Make clicks pass-through */ -#nprogress { - pointer-events: none; - -webkit-pointer-events: none; -} - -#nprogress .bar { - background: $blue; - - position: fixed; - z-index: 100; - top: 0; - left: 0; - - width: 100%; - height: 2px; -} - -/* Fancy blur effect */ -#nprogress .peg { - display: block; - position: absolute; - right: 0px; - width: 100px; - height: 100%; - box-shadow: 0 0 10px $blue, 0 0 5px $blue; - opacity: 1.0; - - -webkit-transform: rotate(3deg) translate(0px, -4px); - -moz-transform: rotate(3deg) translate(0px, -4px); - -ms-transform: rotate(3deg) translate(0px, -4px); - -o-transform: rotate(3deg) translate(0px, -4px); - transform: rotate(3deg) translate(0px, -4px); -} - -/* Remove these to get rid of the spinner */ -#nprogress .spinner { - display: block; - position: fixed; - z-index: 100; - top: 15px; - right: 15px; -} - -#nprogress .spinner-icon { - width: 14px; - height: 14px; - - border: solid 2px transparent; - border-top-color: $blue; - border-left-color: $blue; - border-radius: 10px; - - -webkit-animation: nprogress-spinner 400ms linear infinite; - -moz-animation: nprogress-spinner 400ms linear infinite; - -ms-animation: nprogress-spinner 400ms linear infinite; - -o-animation: nprogress-spinner 400ms linear infinite; - animation: nprogress-spinner 400ms linear infinite; -} - -@-webkit-keyframes nprogress-spinner { - 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } -} -@-moz-keyframes nprogress-spinner { - 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } -} -@-o-keyframes nprogress-spinner { - 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } -} -@-ms-keyframes nprogress-spinner { - 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } -} -@keyframes nprogress-spinner { - 0% { transform: rotate(0deg); transform: rotate(0deg); } - 100% { transform: rotate(360deg); transform: rotate(360deg); } -} \ No newline at end of file diff --git a/core/client/assets/sass/modules/icons.scss b/core/client/assets/sass/modules/icons.scss index a5c7a10071..95131c5c38 100644 --- a/core/client/assets/sass/modules/icons.scss +++ b/core/client/assets/sass/modules/icons.scss @@ -1,10 +1,23 @@ -// -// Icons - Pictos, by Drew Wilson -// -------------------------------------------------- +/* + * Icon classes and utility mixins + * The icons are Pictos, by Drew Wilson - http://pictos.cc/ + * Icon-font is generated by http://icomoon.co + * + * Table of Contents + * + * @font-face rule + * The Icon (before) Mixin + * The Icon (after) Mixin + * Icon Variables + * Icon Class Styles + * Icon Classes + */ -// The Font Face -// Generated by icomoon.co +/* ========================================================================== + @font-face rule + ========================================================================== */ + @font-face { font-family: 'Icons'; src:url('../fonts/icons.eot'); @@ -17,7 +30,10 @@ } -// The Icon Element +/* ========================================================================== + The Icon (before) Mixin + ========================================================================== */ + @mixin icon($char, $size: '', $color: '') { &:before { // Base @@ -46,8 +62,10 @@ } } -// Special use case for when we want to add an icon after an element rather -// than before it. For things like dropdowns. +/* ========================================================================== + The Icon (after) Mixin + ========================================================================== */ + @mixin icon-after($char, $size: '', $color: '') { &:after { // Base @@ -77,12 +95,16 @@ } -// Icon Variables / Short Names -// For accessibility, icon characters in the icon font are stored in Unicode's -// Private Use Area characters. This means that screen readers won't attempt to -// read them out loud. For code maintainability, we then store these Unicode -// references inside Sass variables. + +/* ========================================================================== + Icon Variables + --- + For accessibility, icon characters in the icon font are stored in Unicode's + Private Use Area characters. This means that screen readers won't attempt to + read them out loud. For code maintainability, we then store these Unicode + references inside Sass variables. + ========================================================================== */ // Placeholder $i: \e018; @@ -102,7 +124,7 @@ $i-preview: \e00a; $i-app: \e00b; $i-pin: \e00c; $i-pc: \e00d; -$i-db: \e00e; +$i-pacman: \e00e; $i-edit: \e00f; $i-mobile: \e010; $i-image: \e011; @@ -153,38 +175,216 @@ $i-lightning: \e03d; $i-code: \e03e; -/* Usage +/* ========================================================================== + Icon Class Styles + ========================================================================== */ -To create a button with a label that is prefixed with a camera icon, we might -write our Sass something like this: +[class*=icon-] { + &:before { + // Base + font-family: "Icons"; + font-weight: normal; + font-style: normal; + vertical-align: -7%; + text-transform:none; + speak: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + } -#button { - display: block; - width: 200px; - height: 40px; - @include icon($i-camera, 16px, #fff) {vertical-align: -10%;}; + &:hover { + text-decoration:none; + } } -This would then output full CSS something like this: -#button { - display: block; - width: 200px; - height: 40px; +/* ========================================================================== + Icon Classes + ========================================================================== */ + +.icon-ghost:before { + content: '#{$i-ghost}'; } - -#button:before { - content: "\e02a"; - size: 16px; - color: #fff; - font-family: "Icons"; - font-weight: normal; - font-style: normal; - vertical-align: -10%; - text-transform:none; - speak: none; - line-height: 1; - -webkit-font-smoothing: antialiased; +.icon-chevron-down:before { + content: '#{$i-chevron-down}'; } - -*/ +.icon-users:before { + content: '#{$i-users}'; +} +.icon-tag:before { + content: '#{$i-tag}'; +} +.icon-tablet:before { + content: '#{$i-tablet}'; +} +.icon-menu:before { + content: '#{$i-menu}'; +} +.icon-settings:before { + content: '#{$i-settings}'; +} +.icon-search:before { + content: '#{$i-search}'; +} +.icon-search-left:before { + content: '#{$i-search-left}'; +} +.icon-rss:before { + content: '#{$i-rss}'; +} +.icon-preview:before { + content: '#{$i-preview}'; +} +.icon-app:before { + content: '#{$i-app}'; +} +.icon-pin:before { + content: '#{$i-pin}'; +} +.icon-pc:before { + content: '#{$i-pc}'; +} +.icon-pacman:before { + content: '#{$i-pacman}'; +} +.icon-edit:before { + content: '#{$i-edit}'; +} +.icon-mobile:before { + content: '#{$i-mobile}'; +} +.icon-image:before { + content: '#{$i-image}'; +} +.icon-mail:before { + content: '#{$i-mail}'; +} +.icon-list:before { + content: '#{$i-list}'; +} +.icon-info:before { + content: '#{$i-info}'; +} +.icon-home:before { + content: '#{$i-home}'; +} +.icon-grid:before { + content: '#{$i-grid}'; +} +.icon-fullscreen:before { + content: '#{$i-fullscreen}'; +} +.icon-question:before { + content: '#{$i-question}'; +} +.icon-external:before { + content: '#{$i-external}'; +} +.icon-error:before { + content: '#{$i-error}'; +} +.icon-comments:before { + content: '#{$i-comments}'; +} +.icon-close:before { + content: '#{$i-close}'; +} +.icon-chevron:before { + content: '#{$i-chevron}'; +} +.icon-calendar:before { + content: '#{$i-calendar}'; +} +.icon-archive:before { + content: '#{$i-archive}'; +} +.icon-services:before { + content: '#{$i-services}'; +} +.icon-appearance:before { + content: '#{$i-appearance}'; +} +.icon-video:before { + content: '#{$i-video}'; +} +.icon-trash:before { + content: '#{$i-trash}'; +} +.icon-reply:before { + content: '#{$i-reply}'; +} +.icon-stats:before { + content: '#{$i-stats}'; +} +.icon-featured:before { + content: '#{$i-featured}'; +} +.icon-unfeatured:before { + content: '#{$i-unfeatured}'; +} +.icon-clock:before { + content: '#{$i-clock}'; +} +.icon-settings2:before { + content: '#{$i-settings2}'; +} +.icon-camera:before { + content: '#{$i-camera}'; +} +.icon-power:before { + content: '#{$i-power}'; +} +.icon-lock:before { + content: '#{$i-lock}'; +} +.icon-content:before { + content: '#{$i-content}'; +} +.icon-user:before { + content: '#{$i-user}'; +} +.icon-support:before { + content: '#{$i-support}'; +} +.icon-success:before { + content: '#{$i-success}'; +} +.icon-notification:before { + content: '#{$i-notification}'; +} +.icon-add:before { + content: '#{$i-add}'; +} +.icon-check:before { + content: '#{$i-check}'; +} +.icon-x:before { + content: '#{$i-x}'; +} +.icon-link:before { + content: '#{$i-link}'; +} +.icon-camera:before { + content: '#{$i-camera}'; +} +.icon-repost:before { + content: '#{$i-repost}'; +} +.icon-weather-rain:before { + content: '#{$i-weather-rain}'; +} +.icon-weather-sun:before { + content: '#{$i-weather-sun}'; +} +.icon-weather-partial:before { + content: '#{$i-weather-partial}'; +} +.icon-weather-snow:before { + content: '#{$i-weather-snow}'; +} +.icon-weather-cloudy:before { + content: '#{$i-weather-cloudy}'; +} +.icon-lightning:before { + content: '#{$i-lightning}'; +} \ No newline at end of file diff --git a/core/client/assets/sass/modules/layout.scss b/core/client/assets/sass/modules/layout.scss new file mode 100644 index 0000000000..c0738991b2 --- /dev/null +++ b/core/client/assets/sass/modules/layout.scss @@ -0,0 +1,111 @@ +/* + * Generic layout classes, applying both structure and visual design + * + * Table of Contents + * + * Globals + * Helpers + * Floats + * Box + * Main + */ + + +/* ========================================================================== + Globals + ========================================================================== */ + +body { + width: 100%; + background: $lightbrown; +} + + +/* ========================================================================== + Helpers + ========================================================================== */ + +.clearfix { + @include clearfix; +} + +.wrapper { + position: relative; +} + + +/* ========================================================================== + Floats + ========================================================================== */ + +.right { + float: right; +} +.left { + float: left; +} + + +/* ========================================================================== + Box + ========================================================================== */ + +.box { + padding: 15px; + margin-bottom: 15px; + background: #fff; + position: relative; + box-shadow: $shadow; + + header { + height:14px; + border-bottom: 1px solid $lightbrown; + padding-bottom: 15px; + margin-bottom: 15px; + text-transform: uppercase; + font-size:0.85em; + color: $brown; + } + + footer { + height:14px; + border-top: 1px solid $lightbrown; + padding-top: 10px; + margin-top:15px; + text-transform: uppercase; + font-size:0.85em; + color: $brown; + } + + header a, + footer a { + color:$brown; + &:hover { + color:$darkgrey; + text-decoration: none; + } + } +} + + +/* ========================================================================== + Main + --- + Make t/r/b/l values variables where needed + ========================================================================== */ + +main { + position: absolute; + top: 55px; + right: 15px; + bottom: 0; + left: 15px; + padding: 0; + + @media (max-width: 400px) { + top: 40px; + left: 0; + right: 0; + } + +} \ No newline at end of file diff --git a/core/client/assets/sass/modules/mixins.scss b/core/client/assets/sass/modules/mixins.scss deleted file mode 100644 index d88940443c..0000000000 --- a/core/client/assets/sass/modules/mixins.scss +++ /dev/null @@ -1,198 +0,0 @@ -/* - * These are Sass variables used to make our CSS more dynamic by re-using - * common property values throughout our styles. Don't overdo it. - * - * Table of Contents: - * - * Bourbon - * Breakpoint - * Typography - * Colors - * Gradients - * Global Styles - * - */ - - -/* ============================================================================= - Bourbon - ============================================================================= */ - -// Bourbon - http://bourbon.io/ -@import "_bourbon"; -$rounded: 2px; -$shadow: rgba(0,0,0,0.05) 0 1px 5px; -$default-transition-duration: 0.3s; - - -/* ============================================================================= - Breakpoint - ============================================================================= */ - -// Breakpoint - http://breakpoint-sass.com/ -@import "breakpoint"; -$breakpoint-default-feature: max-width; - -// Max widths -$netbook: 1000px; -$tablet: 800px; -$mobile: 400px; - -// Min widths -$biggerthan-widescreen: min-width 1500px, min-width 1500px; -$biggerthan-netbook: min-width 1000px, min-width 1000px; -$biggerthan-tablet: min-width 800px, min-width 800px; -$biggerthan-mobile: min-width 401px, min-width 401px; - -// Heights -$letterbox: max-height 600px, max-height 600px; - -// Pixel Densities -$retina: 2 device-pixel-ratio; - - -/* ============================================================================= - Typography - ============================================================================= */ - -$font-family: 'Open Sans', sans-serif; -$font-family-serif: serif; -$font-family-mono: Inconsolata, monospace; - -@mixin baseline { - margin: 1.6em 0; -} - -//Does this really need to be a mixin? -@mixin hidden { - text-indent: -9999px; - visibility: hidden; - display: none; -} - - -/* ============================================================================= - Colors - ============================================================================= */ - -$darkgrey: #242628; -$grey: #35393b; -$midgrey: #7d878a; -$lightgrey: #e2edf2; - -$brown: #aaa9a2; -$midbrown: #c0bfb6; -$lightbrown: #edece4; - -$blue: #5BA4E5; -$red: #e25440; -$orange: #F2A925; -$green: #9FBB58; - - -/* ============================================================================= - Gradients - ============================================================================= */ - -/* - * Auto Gradients - * - * If the gradient mixin is called with 1 value: gradient(#444) - then a second - * color which is 10% lighter than the entered value will be auto-generated. If - * the gradient mixin is called with 2 values: gradient(#444,#666) - then those - * two values will be used instead, as normal. - */ - -@mixin gradient($color1: #aaa, $color2: none) { - - @if $color2 == 'none' { - background-color: lighten($color1, 10%); - background-image: -webkit-linear-gradient(bottom, $color1, lighten($color1, 10%)); - background-image: -moz-linear-gradient(bottom, $color1, lighten($color1, 10%)); - background-image: -ms-linear-gradient(bottom, $color1, lighten($color1, 10%)); - background-image: linear-gradient(bottom, $color1, lighten($color1, 10%)); - } @else { - background-color: $color2; - background-image: -webkit-linear-gradient(bottom, $color1, $color2); - background-image: -moz-linear-gradient(bottom, $color1, $color2); - background-image: -ms-linear-gradient(bottom, $color1, $color2); - background-image: linear-gradient(to top, $color1, $color2); - } - -} - -// The same as the above, but with the colours reversed. - -@mixin inversegradient($color1: #aaa, $color2: none) { - - @if $color2 == 'none' { - background-color: $color1; - background-image: -webkit-linear-gradient(bottom, lighten($color1, 10%), $color1); - background-image: -moz-linear-gradient(bottom, lighten($color1, 10%), $color1); - background-image: -ms-linear-gradient(bottom, lighten($color1, 10%), $color1); - background-image: linear-gradient(bottom, lighten($color1, 10%), $color1); - } @else { - background-color: $color1; - background-image: -webkit-linear-gradient(bottom, $color2, $color1); - background-image: -moz-linear-gradient(bottom, $color2, $color1); - background-image: -ms-linear-gradient(bottom, $color2, $color1); - background-image: linear-gradient(to top, $color2, $color1); - } - -} - - -/* ============================================================================= - Global Elements - ============================================================================= */ - -.box { - padding: 15px; - margin-bottom: 15px; - background: #fff; - position: relative; - box-shadow: $shadow; - - header { - height:14px; - border-bottom: 1px solid $lightbrown; - padding-bottom: 15px; - margin-bottom: 15px; - text-transform: uppercase; - font-size:0.85em; - color: $brown; - } - - footer { - height:14px; - border-top: 1px solid $lightbrown; - padding-top: 10px; - margin-top:15px; - text-transform: uppercase; - font-size:0.85em; - color: $brown; - } - - header a, - footer a { - color:$brown; - - &:hover { - color:$darkgrey; - text-decoration: none; - } - } -} - -/* ============================================================================= - Animations - ============================================================================= */ - -@include keyframes(fade-out) { - from { - opacity: 1; - } - to { - opacity: 0; - } -} diff --git a/core/client/assets/sass/modules/modals.scss b/core/client/assets/sass/modules/modals.scss index 356a354f14..be6214c005 100644 --- a/core/client/assets/sass/modules/modals.scss +++ b/core/client/assets/sass/modules/modals.scss @@ -1,9 +1,17 @@ -// -// Modals -// -------------------------------------------------- +/* + * Modals styles + * + * Table of Contents + * + * Modal Container + */ + + +/* ========================================================================== + Modal Container + ========================================================================== */ #modal-container { // TODO: This should probably not be an ID - @include box-sizing(border-box); display: none; position: fixed; top: 0; @@ -13,7 +21,6 @@ overflow-x: auto; overflow-y: scroll; z-index: 1040; - pointer-events: none; @include transition(all 0.15s linear 0s); @include transform(translateZ(0)); } @@ -35,12 +42,11 @@ right: 0; bottom: 0; left: 0; - background: rgba(0,0,0,0.4); + background: rgba(0,0,0,0.6); z-index: 1030; } .modal { - @include box-sizing(border-box); left: 50%; right: auto; width: 450px; @@ -51,8 +57,7 @@ z-index: 1050; pointer-events: auto; - - @include breakpoint($tablet) { + @media (max-width: 800px) { width: auto; padding: 10px; }; @@ -61,12 +66,12 @@ min-width: 100px; } - @include breakpoint($tablet) { + @media (max-width: 800px) { width: 100%; margin-left: 0; } - //Uploaders + // Uploaders .image-uploader, .pre-image-uploader { margin: 0; @@ -77,13 +82,12 @@ @extend .modal; padding: 60px 0 30px; - @include breakpoint($tablet) { + @media (max-width: 800px) { padding: 30px 0; } } .modal-content { - @include box-sizing(padding-box); position: relative; padding: 20px; background-clip: padding-box; @@ -92,7 +96,6 @@ box-shadow: rgba(0,0,0,0.2) 0 0 0 6px; .close { - @include box-sizing(border-box); position: absolute; top: 15px; right: 15px; @@ -137,7 +140,7 @@ .modal-style-wide { width: 550px; - @include breakpoint($tablet) { + @media (max-width: 800px) { width: 100%; } } diff --git a/core/client/assets/sass/modules/navbar.scss b/core/client/assets/sass/modules/navbar.scss index 121d4b17f9..1d58384a55 100644 --- a/core/client/assets/sass/modules/navbar.scss +++ b/core/client/assets/sass/modules/navbar.scss @@ -1,50 +1,74 @@ -// -// Navbar -// -------------------------------------------------- +/* + * Navbar styling + * + * Table of Contents + * + * Ghost Logo + * Nav Bar + * Mobile Navigation + */ + + +/* ========================================================================== + Ghost Logo + ========================================================================== */ .ghost-logo { - @include icon($i-ghost) { line-height: 0; } + @include icon($i-ghost) { + line-height: 0; + } display: block; - float:left; - height:40px; - padding:12px 15px; + float: left; + height: 40px; + padding: 12px 15px; color: lighten($grey, 10%); @include box-sizing(border-box); - &:hover {text-decoration:none;} + &:hover { + text-decoration: none; + } } .ghost-logo:hover { color: $lightgrey; - background:darken($darkgrey, 2%); + background: darken($darkgrey, 2%); } + +/* ========================================================================== + Nav Bar + ========================================================================== */ + .navbar { height: 40px; font-size: 0.85em; background: $darkgrey; - @include breakpoint($netbook) {font-weight:normal} + @media (max-width: 1000px) { + font-weight: normal; + } // The main navbar styles, apply to to everything. nav { ul { - float:left; - border-left:$grey 1px solid; - border-top:none; + float: left; + border-left: $grey 1px solid; + border-top: none; + margin: 0; + padding: 0; } li { - float:left; + float: left; font-size: 1em; - position:relative; - border-right:$grey 1px solid; + position: relative; + border-right: $grey 1px solid; a { display: block; - height:40px; - padding:11px 15px; - border-bottom:none; + height: 40px; + padding: 11px 15px; + border-bottom: none; color: $midgrey; text-transform: uppercase; @include box-sizing(border-box); @@ -54,25 +78,25 @@ &.active a { color: $lightgrey; text-decoration: none; - position:relative; - background:darken($grey, 2%); + position: relative; + background: darken($grey, 2%); box-shadow: 0 -2px 2px rgba(0,0,0,0.2) inset; } // Make a little arrow pointing up at the currently active menu item &.active a:after { - content:""; - position:absolute; - bottom:0; - left:50%; - margin-left:-5px; - border-width:0 5px 5px 5px; - border-style:solid; - border-color:$lightbrown transparent; - display:block; - width:0; + content: ""; + position: absolute; + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px 5px; + border-style: solid; + border-color: $lightbrown transparent; + display: block; + width: 0; - @include breakpoint($mobile) { + @media (max-width: 400px) { border-color: #fff transparent; } @@ -80,9 +104,9 @@ ul { position: absolute; - top:40px; - right:0; - min-width:200px; + top: 40px; + right: 0; + min-width: 200px; background: $darkgrey; } @@ -94,13 +118,25 @@ } // Add some icons to specific nav items - a:before {margin-right: 5px;} - .dashboard a { @include icon($i-stats) {vertical-align: -10%} } - .content a { @include icon($i-content) } - .editor a { @include icon($i-add) } - .settings a { @include icon($i-settings2) } + a:before { + margin-right: 5px; + } + .dashboard a { + @include icon($i-stats) { + vertical-align: -10%; + } + } + .content a { + @include icon($i-content); + } + .editor a { + @include icon($i-add); + } + .settings a { + @include icon($i-settings2); + } - }//nav ul + } //nav ul // Style any nav items which have dropdowns .subnav { @@ -108,7 +144,9 @@ // The anchor which toggles the menu open/closed > a { - @include icon-after($i-chevron-down, 8px) {margin-left: 8px}; + @include icon-after($i-chevron-down, 8px) { + margin-left: 8px; + }; &.active { color: $lightgrey; @@ -124,14 +162,15 @@ padding: 7px 0; border-left: none; position: absolute; - top:40px; - left:-1px; + top: 40px; + left: -1px; z-index: 800; - background:darken($grey, 3%); + background: darken($grey, 3%); box-shadow: rgba(0,0,0,0.2) 0 4px 6px; } li { + list-style: none; a { color: $lightgrey; @@ -141,7 +180,9 @@ box-shadow: none; } - &:before { margin-right: 1em; } // space for icons + &:before { + margin-right: 1em; + } // space for icons } } @@ -158,23 +199,23 @@ // The user menu in the top right corner of the screen .usermenu.subnav { - position:absolute; - top:0; - right:0; - border-right:none; - border-left:$grey 1px solid; + position: absolute; + top: 0; + right: 0; + border-right: none; + border-left: $grey 1px solid; > a { - padding-left:43px; //15px + 18px avatar + 10px + padding-left: 43px; //15px + 18px avatar + 10px } .avatar { - height:18px; - width:18px; + height: 18px; + width: 18px; border-radius: 50px; - position:absolute; - top:11px; - left:15px; + position: absolute; + top: 11px; + left: 15px; } > ul { @@ -183,10 +224,18 @@ } //Add some icons to specific items - .usermenu-profile a { @include icon($i-user) } - .usermenu-help a { @include icon($i-support, 1.1em) } - .usermenu-shortcuts a { @include icon($i-pc) } - .usermenu-signout a { @include icon($i-power) } + .usermenu-profile a { + @include icon($i-user); + } + .usermenu-help a { + @include icon($i-support, 1.1em); + } + .usermenu-shortcuts a { + @include icon($i-pc); + } + .usermenu-signout a { + @include icon($i-power); + } } @@ -196,11 +245,11 @@ // Yo dawg, I heard you like nav menus so I put nav menus in your nav menus #global-header { - @include breakpoint(650px) { + @media (max-width: 650px) { .ghost-logo { @include icon($i-menu, 14px); - height:40px; + height: 40px; width: 40px; text-align: center; padding:12px 0; @@ -223,7 +272,7 @@ padding-top: 40px; font-weight:normal; background: $darkgrey; - border-left:none; + border-left: none; @include transition(left 0.3s ease 0.2s); .off-canvas & { left: 0; @@ -232,37 +281,45 @@ } li { - float:none; - border-right:none; - border-bottom:$grey 1px solid; + float: none; + border-right: none; + border-bottom: $grey 1px solid; a:hover, - &.active a {box-shadow: none;} + &.active a { + box-shadow: none; + } - &.active a:after {display:none;} + &.active a:after { + display: none; + } - a:before {margin-right: 1em;} + a:before { + margin-right: 1em; + } ul { position: static; - min-width:0; + min-width: 0; background: $darkgrey; } - li {width: auto;} + li { + width: auto; + } } .usermenu { - position:fixed; - top:0; - right:auto; + position: fixed; + top: 0; + right: auto; bottom: auto; - left:-280px; - height:40px; + left: -280px; + height: 40px; z-index: 990; - width:279px; - border-left:none; + width: 279px; + border-left: none; border-right: darken($grey, 7%) 1px solid; border-bottom: darken($grey, 5%) 1px solid; @include gradient(darken($darkgrey, 8%), darken($darkgrey, 3%)); @@ -272,8 +329,12 @@ @include transition(left 0.3s ease 0s); } > a { - &:hover { background: inherit; } - &.active { background: darken($grey, 3%); } + &:hover { + background: inherit; + } + &.active { + background: darken($grey, 3%); + } } > ul { @@ -293,13 +354,19 @@ a { background: darken($grey, 3%); - &:hover {background: darken($grey, 8%)} - &:before { margin-right: 1em; } // space for icons + &:hover { + background: darken($grey, 8%); + } + &:before { + margin-right: 1em; + } // space for icons } } - .divider {display: none} + .divider { + display: none; + } } } diff --git a/core/client/assets/sass/modules/navs.scss b/core/client/assets/sass/modules/navs.scss index 4a61601d86..26b78b5af2 100644 --- a/core/client/assets/sass/modules/navs.scss +++ b/core/client/assets/sass/modules/navs.scss @@ -1,29 +1,40 @@ -// -// Navigation Menus -// -------------------------------------------------- +/* + * Navigation Menus + * + * Table of Contents + * + * Nav + */ + + +/* ========================================================================== + Nav + ========================================================================== */ nav { ul { list-style: none; - margin:0; - padding:0; - border-top:$lightbrown 1px solid; + margin: 0; + padding: 0; + border-top: $lightbrown 1px solid; } - li { + li { a { - display:block; - padding:10px 15px; - color:$brown; - border-bottom:$lightbrown 1px solid; + display: block; + padding: 10px 15px; + color: $brown; + border-bottom: $lightbrown 1px solid; &:hover { - color:$darkgrey; + color: $darkgrey; background: $lightbrown; text-decoration: none; } - &:before { margin-right:1em; } // Make space for icons + &:before { + margin-right: 1em; + } // Make space for icons } } diff --git a/core/client/assets/sass/modules/notifications.scss b/core/client/assets/sass/modules/notifications.scss index c95694d67c..7aee6b1c6a 100644 --- a/core/client/assets/sass/modules/notifications.scss +++ b/core/client/assets/sass/modules/notifications.scss @@ -1,9 +1,20 @@ -// -// Notifications -// -------------------------------------------------- +/* + * Button classes, including + * + * Table of Contents + * + * Buttons + * Split Buttons + */ + + + /* ========================================================================== + Notifications + ========================================================================== */ .notifications { - @include breakpoint($biggerthan-mobile) { + + @media (min-width: 401px) { position: absolute; bottom: 0; left: 0; @@ -11,7 +22,7 @@ width: 300px; } - @include breakpoint($mobile) { + @media (max-width: 400px) { position: fixed; top: 0; left: 0; @@ -29,7 +40,6 @@ position: absolute; top: 0; left: 0; - @include box-sizing(border-box); height: 100%; width: 44px; padding: 14px 15px; @@ -37,30 +47,39 @@ color: rgba(255,255,255,0.8); background: rgba(0,0,0,0.1); }; - @include box-sizing(border-box); width: 100%; min-height: 40px; - padding: 10px 43px 10px 57px; + max-height: 253px; margin: 0 0 15px 0; color: rgba(255,255,255,0.9); background: $blue; - position:relative; + position: relative; box-shadow: $shadow; @include transform(translateZ(0)); - @include breakpoint($mobile) {margin-bottom: 1px;} + @media (max-width: 400px) { + margin-bottom: 1px; + } + + .notification-message { + display: block; + padding: 10px 43px 10px 57px; + max-height: 253px; + overflow: auto; + } .close { @include icon-after($i-close) { - padding:6px; - position:absolute; - top:8px; - right:9px; + padding: 6px; + position: absolute; + top: 8px; + right: 9px; }; - display: inline-block; color: rgba(255,255,255,0.6); cursor: pointer; - &:hover { color: #fff; } + &:hover { + color: #fff; + } } @@ -81,7 +100,7 @@ @include animation-iteration-count(1); @include animation-fill-mode(forwards); } - + &.notification-passive:hover { @include animation(fade-in 0.2s linear); } diff --git a/core/client/assets/sass/modules/nprogress.scss b/core/client/assets/sass/modules/nprogress.scss new file mode 100644 index 0000000000..6c2e7cae92 --- /dev/null +++ b/core/client/assets/sass/modules/nprogress.scss @@ -0,0 +1,98 @@ +/* + * NProgress styles + * + * Table of Contents + * + * NProgress + * Keyframes + */ + + /* ========================================================================== + NProgress + ========================================================================== */ + +/* Make clicks pass-through */ +#nprogress { + pointer-events: none; + -webkit-pointer-events: none; +} + +#nprogress .bar { + background: $blue; + + position: fixed; + z-index: 100; + top: 0; + left: 0; + + width: 100%; + height: 2px; +} + +/* Fancy blur effect */ +#nprogress .peg { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px $blue, 0 0 5px $blue; + opacity: 1.0; + + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +/* Remove these to get rid of the spinner */ +#nprogress .spinner { + display: block; + position: fixed; + z-index: 100; + top: 15px; + right: 15px; +} + +#nprogress .spinner-icon { + width: 14px; + height: 14px; + + border: solid 2px transparent; + border-top-color: $blue; + border-left-color: $blue; + border-radius: 10px; + + -webkit-animation: nprogress-spinner 400ms linear infinite; + -moz-animation: nprogress-spinner 400ms linear infinite; + -ms-animation: nprogress-spinner 400ms linear infinite; + -o-animation: nprogress-spinner 400ms linear infinite; + animation: nprogress-spinner 400ms linear infinite; +} + + +/* ========================================================================== + Keyframes + ========================================================================== */ + +@-webkit-keyframes nprogress-spinner { + 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } +} +@-moz-keyframes nprogress-spinner { + 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } +} +@-o-keyframes nprogress-spinner { + 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } +} +@-ms-keyframes nprogress-spinner { + 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } +} +@keyframes nprogress-spinner { + 0% { transform: rotate(0deg); transform: rotate(0deg); } + 100% { transform: rotate(360deg); transform: rotate(360deg); } +} \ No newline at end of file diff --git a/core/client/assets/sass/modules/objectlist.scss b/core/client/assets/sass/modules/objectlist.scss new file mode 100644 index 0000000000..4e91970a97 --- /dev/null +++ b/core/client/assets/sass/modules/objectlist.scss @@ -0,0 +1,114 @@ +/* + * Object list styles + * + * Table of Contents + * + * Object List + */ + + + /* ========================================================================== + Object List + ========================================================================== */ + +.object-list + .object-list { + margin-top: 34px; +} + +.object-list-title { + font-size: 13px; + font-weight: normal; + color: $midbrown; + margin-bottom: 14px; +} // .object-list-title + +.object-list-item { + + @include display(flex); + @include justify-content(start); + @include align-items(center); + + padding-left: 15px; + padding-right: 15px; + + border-top: 1px solid $lightbrown; + min-height: 68px; + + &:hover { + background: lighten($lightbrown, 5%); + } + &:last-child:hover { + box-shadow: inset 0px -1px 0px $lightbrown; + } + +} // .object-list-item + +.object-list-item-icon { + width: 35px; + height: 35px; + display: block; + border-radius: 100%; + background: $lightbrown; + font-size: 0px; + color: transparent; + overflow: hidden; + position: relative; + &:before { + position: absolute; + top: 50%; + left: 0; + right: 0; + margin-top: -7px; + text-align: center; + color: $brown; + font-size: 14px; + } +} // .object-list-item-icon + +.object-list-item-figure { + width: 35px; + border-radius: 100%; + display: block; + border: 1px solid #979797; +} // .object-list-item-figure + +.object-list-item-body { + + @include flex(1); + @include align-items(stretch); + + padding-left: 15px; + line-height: 1; + + .name { + display: inline-block; + font-size: 15px; + font-weight: 400; + color: $darkgrey; + } + .description { + display: inline-block; + font-size: 12px; + color: $midbrown; + margin-top: 3px; + } + +} // .object-list-item-body + +.object-list-item-aside { + .object-list-action + .object-list-action { + margin-left: 20px; + } + .role-label + .role-label { + margin-left: 5px; + } +} // .object-list-item-aside + +.object-list-action { + font-size: 11px; + text-transform: uppercase; + text-decoration: underline; + &:hover { + + } +} // .object-list-action \ No newline at end of file diff --git a/core/client/assets/sass/modules/rolelables.scss b/core/client/assets/sass/modules/rolelables.scss new file mode 100644 index 0000000000..2c538bd48d --- /dev/null +++ b/core/client/assets/sass/modules/rolelables.scss @@ -0,0 +1,45 @@ +/* + * Role Lable styles + * + * Table of Contents + * + * Role Labels + */ + + + /* ========================================================================== + Role Labels + ========================================================================== */ + +.role-label { + + background: #eee; + + display: inline-block; + padding-left: 8px; + padding-right: 8px; + + color: rgba(0,0,0,0.5); + font-size: 9px; + line-height: 20px; + text-transform: uppercase; + letter-spacing: 0.1em; + font-weight: 400; + + &.owner, &.admin, &.editor { + color: rgba(255,255,255,0.7); + } + + &.owner { + background: $darkgrey; + } + + &.admin { + background: $red; + } + + &.editor { + background: $blue; + } + +} \ No newline at end of file diff --git a/core/client/assets/sass/modules/tables.scss b/core/client/assets/sass/modules/tables.scss index 38a8342052..a08c44c37e 100644 --- a/core/client/assets/sass/modules/tables.scss +++ b/core/client/assets/sass/modules/tables.scss @@ -1,11 +1,21 @@ -// -// Tables -// -------------------------------------------------- +/* + * Table classes + * + * Table of Contents + * + * Base Styles + * Styles Tables + * Raw Tables + */ -table { + +/* ========================================================================== + Base Styles + ========================================================================== */ + +%table { @include baseline; - @include box-sizing(border-box); - width:100%; + width: 100%; max-width: 100%; background-color: transparent; @@ -15,10 +25,27 @@ table { line-height: 20px; text-align: left; vertical-align: middle; + } + +} + + +/* ========================================================================== + Styles Tables + ========================================================================== */ + +.table { + + @extend %table; + + th, + td { border-top: 1px solid $lightbrown; } - th { color: $brown; } + th { + color: $brown; + } caption + thead tr:first-child th, caption + thead tr:first-child td, @@ -29,9 +56,13 @@ table { border-top: 0; } - tbody + tbody { border-top: 2px solid $lightbrown; } + tbody + tbody { + border-top: 2px solid $lightbrown; + } - table table { background-color: #fff; } + table table { + background-color: #fff; + } tbody > tr:nth-child(odd) > td, tbody > tr:nth-child(odd) > th { @@ -44,4 +75,13 @@ table { background: transparent; } } +} + + +/* ========================================================================== + Raw Tables + ========================================================================== */ + +table { + @extend %table; } \ No newline at end of file diff --git a/core/client/assets/sass/modules/typography.scss b/core/client/assets/sass/modules/typography.scss new file mode 100644 index 0000000000..d45b2ea703 --- /dev/null +++ b/core/client/assets/sass/modules/typography.scss @@ -0,0 +1,280 @@ +/* + * Type styles, including headers, elements, links, and everything else. + * + * Table of Contents + * + * Global font sizing & colour + * Headings + * Heading Groups + * Generic Text Elements + * Code + * Keyboard + * Links + * Horizontal Rules + * Blockquotes + * Definition Lists + */ + + +/* ========================================================================== + Global font sizing & colour + ========================================================================== */ + +html { + font: normal 81.2%/1.65 "Open Sans", sans-serif; +} + +body { + color: $darkgrey; + font-weight: 300; +} + + +/* ========================================================================== + Headings + ========================================================================== */ + +h1, h2, h3, h4, h5, h6 { + color: $darkgrey; + text-rendering: optimizeLegibility; + line-height: 1; + margin-top: 0; +} + +h2 { + padding-top: 0.8em; + margin-top: 0.8em; + border-top: $lightbrown 1px solid; +} + +h1 a:hover { + text-decoration: none; + box-shadow: $blue 0 -5px 0 inset; +} + +h2 a:hover { + text-decoration: none; + box-shadow: $blue 0 -4px 0 inset; +} + +h3 a:hover { + text-decoration: none; + box-shadow: $blue 0 -3px 0 inset; +} + +h4, h5, h6 { + a:hover { + text-decoration: none; + box-shadow: $blue 0 -1px 0 inset; + } +} + + +/* ========================================================================== + Heading Groups + ========================================================================== */ + +hgroup { + @include baseline; + + h1, h2, h3, h4, h5, h6 { + padding:0; + margin:0; + border:none; + margin-bottom: 5px; + + a { + color: $darkgrey; + + &:hover { + box-shadow: $darkgrey 0 -1px 0 inset; + } + + } + + // Make everything except the first heading appear smaller/thinner. + &:nth-child(n+2) { + font-size: 1.8em; + font-weight: 300; + color: $brown; + } + + } + +} + + +/* ========================================================================== + Generic Text Elements + ========================================================================== */ + +p, ul, ol { + @include baseline; +} + +ol ol, +ul ul, +ul ol, +ol ul { + margin: 0.4em 0; +} + +mark { + background-color: #ffc336; +} + + +/* ========================================================================== + Code + ========================================================================== */ + +.markdown, +pre, +code, +tt { + font-family: $font-family-mono; +} + +code, tt { + font-size: 0.85em; + white-space: pre-wrap; + background: lighten($lightbrown, 2%); + border: 1px solid darken($lightbrown, 8%); + border-radius: 2px; + padding: 1px 3px; +} + +pre { + @include baseline; + background: lighten($lightbrown, 2%); + border: 1px solid darken($lightbrown, 8%); + width: 100%; + padding: 10px; + font-family: $font-family-mono; + font-size: 0.9em; + white-space: pre; + overflow: auto; + border-radius: 3px; + + code, tt { + font-size: inherit; + white-space: -moz-pre-wrap; + white-space: pre-wrap; + background: transparent; + border: none; + padding: 0; + } +} + + +/* ========================================================================== + Keyboard + ========================================================================== */ + +kbd { + display: inline-block; + margin-bottom: 0.4em; + padding: 1px 8px; + border: #ccc 1px solid; + color: $darkgrey; + text-shadow: #fff 0 1px 0; + font-size: 0.9em; + font-weight: bold; + background: #f4f4f4; + border-radius: 4px; + box-shadow: + 0 1px 0 rgba(0, 0, 0, 0.2), + 0 1px 0 0 #fff inset; +} + + +/* ========================================================================== + Links + ========================================================================== */ + +a { + color: $blue; + text-decoration: none; + @include transition(all 0.15s ease-in-out); + + &:hover { + text-decoration: underline; + } + + &.highlight { + color: $orange; + font-weight: bold; + } +} + + +/* ========================================================================== + Horizontal Rules + ========================================================================== */ + +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid $lightbrown; + margin: 3.2em 0; + padding: 0; +} + + +/* ========================================================================== + Blockquotes + ========================================================================== */ + +blockquote { + @include baseline; + padding: 0 1.6em 0 1.6em; + border-left: $lightbrown 0.6em solid; + + p { + margin:0.8em 0; + font-size:1.2em; + font-weight: 300; + } + + small { + display: inline-block; + margin: 0.8em 0 0.8em 1.5em; + font-size:0.9em; + color: $brown; + &:before { + content: '\2014 \00A0'; + } + } + + cite { + font-weight:bold; + a { font-weight: normal; } + } +} + + +/* ========================================================================== + Definition Lists + ========================================================================== */ + +dl { + @include baseline; + + dt { + float: left; + width: 180px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: bold; + margin-bottom: 1em + } + + dd { + margin-left: 200px; + margin-bottom: 1em + } +} \ No newline at end of file diff --git a/core/client/assets/sass/modules/uploader.scss b/core/client/assets/sass/modules/uploader.scss index 7ca9b12068..c197402a6a 100644 --- a/core/client/assets/sass/modules/uploader.scss +++ b/core/client/assets/sass/modules/uploader.scss @@ -1,6 +1,16 @@ -// -// Image Uploader -// -------------------------------------------------- +/* + * Image Uploader styles + * + * Table of Contents + * + * Image Uploader + * Pre Image Uploader + */ + + +/* ========================================================================== + Image Uploader + ========================================================================== */ .image-uploader { @include box-sizing(border-box); @@ -74,8 +84,6 @@ margin: 0 0 0 10px; } - - input { &.main{ position: absolute; @@ -144,7 +152,12 @@ } } -} +} // .image-uploader + + +/* ========================================================================== + Pre Image Uploader + ========================================================================== */ .pre-image-uploader { @include box-sizing(border-box); @@ -201,4 +214,4 @@ } } -}//.pre-image-uploader \ No newline at end of file +} // .pre-image-uploader \ No newline at end of file diff --git a/core/client/assets/sass/modules/utility.scss b/core/client/assets/sass/modules/utility.scss new file mode 100644 index 0000000000..4509a6710c --- /dev/null +++ b/core/client/assets/sass/modules/utility.scss @@ -0,0 +1,45 @@ +/* + * Utility classes that impose no visual design, only structural and semantic help + * + * Table of Contents + * + * Global font sizing & colour + * Headings + * Heading Groups + * Generic Text Elements + * Links + * Horizontal Rules + * Blockquotes + * Definition Lists + */ + + /* ========================================================================== + Utility Classes + ========================================================================== */ + +.invisible { + visibility: hidden; +} + +.hidden, +.visuallyhidden, +.screen-reader-text { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.visuallyhidden.focusable:active, +.visuallyhidden.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; +} \ No newline at end of file diff --git a/core/client/assets/sass/modules/variables.scss b/core/client/assets/sass/modules/variables.scss deleted file mode 100644 index be5ad8a91c..0000000000 --- a/core/client/assets/sass/modules/variables.scss +++ /dev/null @@ -1,51 +0,0 @@ -// -// Variables -// -------------------------------------------------- - -// Bourbon - http://bourbon.io/ -@import "_bourbon"; -$rounded: 2px; -$shadow: rgba(0,0,0,0.05) 0 1px 5px; -$default-transition-duration: 0.3s; - -// Breakpoint - http://breakpoint-sass.com/ -@import "breakpoint"; -$breakpoint-default-feature: max-width; - -// Max widths -$netbook: 1000px; -$tablet: 800px; -$mobile: 400px; - -// Min widths -$biggerthan-widescreen: min-width 1500px, min-width 1500px; -$biggerthan-netbook: min-width 1000px, min-width 1000px; -$biggerthan-tablet: min-width 800px, min-width 800px; -$biggerthan-mobile: min-width 401px, min-width 401px; - -// Heights -$letterbox: max-height 600px, max-height 600px; - -// Pixel Densities -$retina: 2 device-pixel-ratio; - - -// Colours -$darkgrey: #242628; -$grey: #35393b; -$midgrey: #7d878a; -$lightgrey: #e2edf2; - -$brown: #aaa9a2; -$midbrown: #c0bfb6; -$lightbrown: #edece4; - -$blue: #5BA4E5; -$red: #e25440; -$orange: #F2A925; -$green: #9FBB58; - -// Typography -$font-family: 'Open Sans', sans-serif; -$font-family-serif: serif; -$font-family-mono: Inconsolata, monospace; \ No newline at end of file diff --git a/core/client/assets/sass/screen.scss b/core/client/assets/sass/screen.scss index 38c7103269..20dba26fe9 100644 --- a/core/client/assets/sass/screen.scss +++ b/core/client/assets/sass/screen.scss @@ -1,35 +1,65 @@ -// -// Ground Zero - This is where shit begins. -// -------------------------------------------------- +/* + * Ground Zero - This is where it begins. + * Every Sass file is imported here + * + * Table of Contents + * + * Variables & Mixin Libraries + * Libraries + * Modules + * Layouts + */ -// Modules - These styles are re-used in many areas, grouped by type. -@import "normalize"; -@import "modules/variables"; -@import "modules/mixins"; -@import "modules/icons"; +/* ========================================================================== + Variables & Mixins + ========================================================================== */ + +@import "_bourbon"; // via Bower http://bourbon.io/ +@import "helpers/variables"; +@import "helpers/mixins"; + + +/* ========================================================================== + Libraries + ========================================================================== */ + +@import "normalize"; // via Bower + + +/* ========================================================================== + Modules + ========================================================================== */ + +@import "modules/base"; +@import "modules/layout"; +@import "modules/utility"; @import "modules/animations"; -@import "modules/global"; -@import "modules/code"; -@import "modules/forms"; +@import "modules/icons"; @import "modules/buttons"; +@import "modules/typography"; @import "modules/tables"; -@import "modules/navs"; -@import "modules/navbar"; +@import "modules/forms"; +@import "modules/floatingheaders"; +@import "modules/modals"; @import "modules/dropdowns"; @import "modules/notifications"; -@import "modules/modals"; +@import "modules/objectlist"; +@import "modules/rolelables"; @import "modules/uploader"; +@import "modules/navbar"; +@import "modules/navs"; +@import "modules/nprogress"; -// Layouts - Styles for specific admin screen layouts, grouped by screen. +/* ========================================================================== + Layouts + ========================================================================== */ + +@import "layouts/auth"; @import "layouts/content"; @import "layouts/editor"; -@import "layouts/auth"; @import "layouts/errors"; - -// Settings Layouts - Styles for the settings panes, grouped by pane. - -@import "layouts/setup"; @import "layouts/settings"; +@import "layouts/setup"; @import "layouts/users"; diff --git a/core/client/docs/_includes/footer.html b/core/client/docs/_includes/footer.html deleted file mode 100644 index 78d2deba64..0000000000 --- a/core/client/docs/_includes/footer.html +++ /dev/null @@ -1,44 +0,0 @@ -

- - - - -{% if page.slug == "customize" %} - -{% endif %} - -
- - \ No newline at end of file diff --git a/core/client/docs/_includes/header.html b/core/client/docs/_includes/header.html deleted file mode 100644 index 65547b3402..0000000000 --- a/core/client/docs/_includes/header.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - {% if page.title == "Ghost UI" %} - {{ page.title }} - {% else %} - {{ page.title }} · Ghost UI - {% endif %} - - - - - - - - - - - \ No newline at end of file diff --git a/core/client/docs/_includes/nav-main.html b/core/client/docs/_includes/nav-main.html deleted file mode 100644 index f0909eba28..0000000000 --- a/core/client/docs/_includes/nav-main.html +++ /dev/null @@ -1,40 +0,0 @@ - \ No newline at end of file diff --git a/core/client/docs/_includes/social-buttons.html b/core/client/docs/_includes/social-buttons.html deleted file mode 100644 index b7fb3cd357..0000000000 --- a/core/client/docs/_includes/social-buttons.html +++ /dev/null @@ -1,16 +0,0 @@ -
- -
\ No newline at end of file diff --git a/core/client/docs/_layouts/default.html b/core/client/docs/_layouts/default.html index 6bc3643f16..12875aa55d 100644 --- a/core/client/docs/_layouts/default.html +++ b/core/client/docs/_layouts/default.html @@ -1,55 +1,30 @@ - + - - {% include header.html %} + + {{ page.title }} + + + + + + -Skip to main content - -{% include nav-main.html %} - - -
-
-

{{ page.title }}

-

{{ page.lead }}

-
-
- -
- -
-
- {{ content }} -
-
- -
-
+ + + -
- -{% include footer.html %} -}} + {{content}} + + \ No newline at end of file diff --git a/core/client/docs/_layouts/home.html b/core/client/docs/_layouts/home.html deleted file mode 100644 index c3cfc0b7e6..0000000000 --- a/core/client/docs/_layouts/home.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - {% include header.html %} - - - Skip to main content - - - {% include nav-main.html %} - - - {{ content }} - - {% include footer.html %} - - diff --git a/core/client/docs/assets/css/docs.min.css b/core/client/docs/assets/css/docs.min.css deleted file mode 100644 index 2b5b325b97..0000000000 --- a/core/client/docs/assets/css/docs.min.css +++ /dev/null @@ -1,6 +0,0 @@ -/*! - * Bootstrap Docs (http://getbootstrap.com) - * Copyright 2011-2014 Twitter, Inc. - * Licensed under the Creative Commons Attribution 3.0 Unported License. For - * details, see http://creativecommons.org/licenses/by/3.0/. - */body{position:relative}.table code{font-size:13px;font-weight:400}.btn-outline{color:#563d7c;background-color:transparent;border-color:#563d7c}.btn-outline:hover,.btn-outline:focus,.btn-outline:active{color:#fff;background-color:#563d7c;border-color:#563d7c}.btn-outline-inverse{color:#fff;background-color:transparent;border-color:#cdbfe3}.btn-outline-inverse:hover,.btn-outline-inverse:focus,.btn-outline-inverse:active{color:#563d7c;text-shadow:none;background-color:#fff;border-color:#fff}.bs-docs-booticon{display:block;font-weight:500;color:#fff;text-align:center;cursor:default;background-color:#563d7c;border-radius:15%}.bs-docs-booticon-sm{width:30px;height:30px;font-size:20px;line-height:28px}.bs-docs-booticon-lg{width:144px;height:144px;font-size:108px;line-height:140px}.bs-docs-booticon-inverse{color:#563d7c;background-color:#fff}.bs-docs-booticon-outline{background-color:transparent;border:1px solid #cdbfe3}.bs-docs-nav{margin-bottom:0;background-color:#fff;border-bottom:0}.bs-home-nav .bs-nav-b{display:none}.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav>li>a{font-weight:500;color:#563d7c}.bs-docs-nav .navbar-nav>li>a:hover,.bs-docs-nav .navbar-nav>.active>a,.bs-docs-nav .navbar-nav>.active>a:hover{color:#463265;background-color:#f9f9f9}.bs-docs-nav .navbar-toggle .icon-bar{background-color:#563d7c}.bs-docs-nav .navbar-header .navbar-toggle{border-color:#fff}.bs-docs-nav .navbar-header .navbar-toggle:hover,.bs-docs-nav .navbar-header .navbar-toggle:focus{background-color:#f9f9f9;border-color:#f9f9f9}.bs-docs-footer{padding-top:40px;padding-bottom:40px;margin-top:100px;color:#777;text-align:center;border-top:1px solid #e5e5e5}.bs-docs-footer-links{padding-left:0;margin-top:20px;color:#999}.bs-docs-footer-links li{display:inline;padding:0 2px}.bs-docs-footer-links li:first-child{padding-left:0}@media (min-width:768px){.bs-docs-footer p{margin-bottom:0}}.bs-docs-social{margin-bottom:20px;text-align:center}.bs-docs-social-buttons{display:inline-block;padding-left:0;margin-bottom:0;list-style:none}.bs-docs-social-buttons li{display:inline-block;padding:5px 8px;line-height:1}.bs-docs-social-buttons .twitter-follow-button{width:225px!important}.bs-docs-social-buttons .twitter-share-button{width:98px!important}.github-btn{overflow:hidden;border:0}.bs-docs-masthead,.bs-docs-header{position:relative;padding:30px 15px;color:#cdbfe3;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.1);background-color:#6f5499;background-image:-webkit-gradient(linear,left top,left bottom,from(#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:linear-gradient(to bottom,#563d7c 0,#6f5499 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);background-repeat:repeat-x}.bs-docs-masthead .bs-docs-booticon{margin:0 auto 30px}.bs-docs-masthead h1{font-weight:300;line-height:1;color:#fff}.bs-docs-masthead .lead{margin:0 auto 30px;font-size:20px;color:#fff}.bs-docs-masthead .version{margin-top:-15px;margin-bottom:30px;color:#9783b9}.bs-docs-masthead .btn{width:100%;padding:15px 30px;font-size:20px}@media (min-width:480px){.bs-docs-masthead .btn{width:auto}}@media (min-width:768px){.bs-docs-masthead{padding-top:80px;padding-bottom:80px}.bs-docs-masthead h1{font-size:60px}.bs-docs-masthead .lead{font-size:24px}}@media (min-width:992px){.bs-docs-masthead .lead{width:80%;font-size:30px}}.bs-docs-header{margin-bottom:40px;font-size:20px}.bs-docs-header h1{margin-top:0;color:#fff}.bs-docs-header p{margin-bottom:0;font-weight:300;line-height:1.4}.bs-docs-header .container{position:relative}@media (min-width:768px){.bs-docs-header{padding-top:60px;padding-bottom:60px;font-size:24px;text-align:left}.bs-docs-header h1{font-size:60px;line-height:1}}@media (min-width:992px){.bs-docs-header h1,.bs-docs-header p{margin-right:380px}}.carbonad{width:auto!important;height:auto!important;padding:20px!important;margin:30px -30px -31px!important;overflow:hidden;font-size:13px!important;line-height:16px!important;text-align:left;background:transparent!important;border:solid #866ab3!important;border-width:1px 0!important}.carbonad-img{margin:0!important}.carbonad-text,.carbonad-tag{display:block!important;float:none!important;width:auto!important;height:auto!important;margin-left:145px!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}.carbonad-text{padding-top:0!important}.carbonad-tag{color:inherit!important;text-align:left!important}.carbonad-text a,.carbonad-tag a{color:#fff!important}.carbonad #azcarbon>img{display:none}@media (min-width:480px){.carbonad{width:330px!important;margin:20px auto!important;border-width:1px!important;border-radius:4px}.bs-docs-masthead .carbonad{margin:50px auto 0!important}}@media (min-width:768px){.carbonad{margin-right:0!important;margin-left:0!important}}@media (min-width:992px){.carbonad{position:absolute;top:0;right:15px;width:330px!important;padding:15px!important;margin:0!important}.bs-docs-masthead .carbonad{position:static}}.bs-docs-featurette{padding-top:40px;padding-bottom:40px;font-size:16px;line-height:1.5;color:#555;text-align:center;background-color:#fff;border-bottom:1px solid #e5e5e5}.bs-docs-featurette+.bs-docs-footer{margin-top:0;border-top:0}.bs-docs-featurette-title{margin-bottom:5px;font-size:30px;font-weight:400;color:#333}.half-rule{width:100px;margin:40px auto}.bs-docs-featurette h3{margin-bottom:5px;font-weight:400;color:#333}.bs-docs-featurette-img{display:block;margin-bottom:20px;color:#333}.bs-docs-featurette-img:hover{color:#428bca;text-decoration:none}.bs-docs-featurette-img img{display:block;margin-bottom:15px}.bs-docs-featured-sites{margin-right:-1px;margin-left:-1px}.bs-docs-featured-sites .col-sm-3{padding-right:1px;padding-left:1px}@media (min-width:480px){.bs-docs-featurette .img-responsive{margin-top:30px}}@media (min-width:768px){.bs-docs-featurette{padding-top:100px;padding-bottom:100px}.bs-docs-featurette-title{font-size:40px}.bs-docs-featurette .lead{max-width:80%;margin-right:auto;margin-left:auto}.bs-docs-featured-sites .col-sm-3:first-child img{border-top-left-radius:4px;border-bottom-left-radius:4px}.bs-docs-featured-sites .col-sm-3:last-child img{border-top-right-radius:4px;border-bottom-right-radius:4px}.bs-docs-featurette .img-responsive{margin-top:0}}.bs-docs-sidebar.affix{position:static}@media (min-width:768px){.bs-docs-sidebar{padding-left:20px}}.bs-docs-sidenav{margin-top:20px;margin-bottom:20px}.bs-docs-sidebar .nav>li>a{display:block;padding:4px 20px;font-size:13px;font-weight:500;color:#999}.bs-docs-sidebar .nav>li>a:hover,.bs-docs-sidebar .nav>li>a:focus{padding-left:19px;color:#563d7c;text-decoration:none;background-color:transparent;border-left:1px solid #563d7c}.bs-docs-sidebar .nav>.active>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active:focus>a{padding-left:18px;font-weight:700;color:#563d7c;background-color:transparent;border-left:2px solid #563d7c}.bs-docs-sidebar .nav .nav{display:none;padding-bottom:10px}.bs-docs-sidebar .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:400}.bs-docs-sidebar .nav .nav>li>a:hover,.bs-docs-sidebar .nav .nav>li>a:focus{padding-left:29px}.bs-docs-sidebar .nav .nav>.active>a,.bs-docs-sidebar .nav .nav>.active:hover>a,.bs-docs-sidebar .nav .nav>.active:focus>a{padding-left:28px;font-weight:500}.back-to-top{display:none;padding:4px 10px;margin-top:10px;margin-left:10px;font-size:12px;font-weight:500;color:#999}.back-to-top:hover{color:#563d7c;text-decoration:none}@media (min-width:768px){.back-to-top{display:block}}@media (min-width:992px){.bs-docs-sidebar .nav>.active>ul{display:block}.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{width:213px}.bs-docs-sidebar.affix{position:fixed;top:20px}.bs-docs-sidebar.affix-bottom{position:absolute}.bs-docs-sidebar.affix-bottom .bs-docs-sidenav,.bs-docs-sidebar.affix .bs-docs-sidenav{margin-top:0;margin-bottom:0}}@media (min-width:1200px){.bs-docs-sidebar.affix-bottom,.bs-docs-sidebar.affix{width:263px}}.bs-docs-section{margin-bottom:60px}.bs-docs-section:last-child{margin-bottom:0}h1[id]{padding-top:20px;margin-top:0}.bs-callout{padding:20px;margin:20px 0;border-left:3px solid #eee}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{background-color:#fff;border-radius:3px}.bs-callout-danger{background-color:#fdf7f7;border-color:#d9534f}.bs-callout-danger h4{color:#d9534f}.bs-callout-warning{background-color:#fcf8f2;border-color:#f0ad4e}.bs-callout-warning h4{color:#f0ad4e}.bs-callout-info{background-color:#f4f8fa;border-color:#5bc0de}.bs-callout-info h4{color:#5bc0de}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{float:left;width:60px;height:60px;margin:0 5px;border-radius:3px}@media (min-width:768px){.color-swatch{width:100px;height:100px}}.color-swatches .gray-darker{background-color:#222}.color-swatches .gray-dark{background-color:#333}.color-swatches .gray{background-color:#555}.color-swatches .gray-light{background-color:#999}.color-swatches .gray-lighter{background-color:#eee}.color-swatches .brand-primary{background-color:#428bca}.color-swatches .brand-success{background-color:#5cb85c}.color-swatches .brand-warning{background-color:#f0ad4e}.color-swatches .brand-danger{background-color:#d9534f}.color-swatches .brand-info{background-color:#5bc0de}.color-swatches .bs-purple{background-color:#563d7c}.color-swatches .bs-purple-light{background-color:#c7bfd3}.color-swatches .bs-purple-lighter{background-color:#e5e1ea}.color-swatches .bs-gray{background-color:#f9f9f9}.bs-team .team-member{line-height:32px;color:#555}.bs-team .team-member:hover{color:#333;text-decoration:none}.bs-team .github-btn{float:right;width:180px;height:20px;margin-top:6px}.bs-team img{float:left;width:32px;margin-right:10px;border-radius:4px}.show-grid{margin-bottom:15px}.show-grid [class^=col-]{padding-top:10px;padding-bottom:10px;background-color:#eee;background-color:rgba(86,61,124,.15);border:1px solid #ddd;border:1px solid rgba(86,61,124,.2)}.bs-example{position:relative;padding:45px 15px 15px;margin:0 -15px 15px;background-color:#fafafa;border-color:#e5e5e5 #eee #eee;border-style:solid;border-width:1px 0;-webkit-box-shadow:inset 0 3px 6px rgba(0,0,0,.05);box-shadow:inset 0 3px 6px rgba(0,0,0,.05)}.bs-example:after{position:absolute;top:15px;left:15px;font-size:12px;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:1px;content:"Example"}.bs-example+.highlight{margin:-15px -15px 15px;border-width:0 0 1px;border-radius:0}@media (min-width:768px){.bs-example{margin-right:0;margin-left:0;background-color:#fff;border-color:#ddd;border-width:1px;border-radius:4px 4px 0 0;-webkit-box-shadow:none;box-shadow:none}.bs-example+.highlight{margin-top:-16px;margin-right:0;margin-left:0;border-width:1px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}}.bs-example .container{width:auto}.bs-example>p:last-child,.bs-example>ul:last-child,.bs-example>ol:last-child,.bs-example>blockquote:last-child,.bs-example>.form-control:last-child,.bs-example>.table:last-child,.bs-example>.navbar:last-child,.bs-example>.jumbotron:last-child,.bs-example>.alert:last-child,.bs-example>.panel:last-child,.bs-example>.list-group:last-child,.bs-example>.well:last-child,.bs-example>.progress:last-child,.bs-example>.table-responsive:last-child>.table{margin-bottom:0}.bs-example>p>.close{float:none}.bs-example-type .table .type-info{color:#999;vertical-align:middle}.bs-example-type .table td{padding:15px 0;border-color:#eee}.bs-example-type .table tr:first-child td{border-top:0}.bs-example-type h1,.bs-example-type h2,.bs-example-type h3,.bs-example-type h4,.bs-example-type h5,.bs-example-type h6{margin:0}.bs-example-bg-classes p{padding:15px}.bs-example>.img-circle,.bs-example>.img-rounded,.bs-example>.img-thumbnail{margin:5px}.bs-example>.table-responsive>.table{background-color:#fff}.bs-example>.btn,.bs-example>.btn-group{margin-top:5px;margin-bottom:5px}.bs-example>.btn-toolbar+.btn-toolbar{margin-top:10px}.bs-example-control-sizing select,.bs-example-control-sizing input[type=text]+input[type=text]{margin-top:10px}.bs-example-form .input-group{margin-bottom:10px}.bs-example>textarea.form-control{resize:vertical}.bs-example>.list-group{max-width:400px}.bs-example .navbar:last-child{margin-bottom:0}.bs-navbar-top-example,.bs-navbar-bottom-example{z-index:1;padding:0;overflow:hidden}.bs-navbar-top-example .navbar-header,.bs-navbar-bottom-example .navbar-header{margin-left:0}.bs-navbar-top-example .navbar-fixed-top,.bs-navbar-bottom-example .navbar-fixed-bottom{position:relative;margin-right:0;margin-left:0}.bs-navbar-top-example{padding-bottom:45px}.bs-navbar-top-example:after{top:auto;bottom:15px}.bs-navbar-top-example .navbar-fixed-top{top:-1px}.bs-navbar-bottom-example{padding-top:45px}.bs-navbar-bottom-example .navbar-fixed-bottom{bottom:-1px}.bs-navbar-bottom-example .navbar{margin-bottom:0}@media (min-width:768px){.bs-navbar-top-example .navbar-fixed-top,.bs-navbar-bottom-example .navbar-fixed-bottom{position:absolute}.bs-navbar-top-example{border-radius:0 0 4px 4px}.bs-navbar-bottom-example{border-radius:4px 4px 0 0}}.bs-example .pagination{margin-top:10px;margin-bottom:10px}.bs-example>.pager{margin-top:0}.bs-example-modal{background-color:#f5f5f5}.bs-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bs-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.bs-example>.dropdown>.dropdown-menu{position:static;display:block;margin-bottom:5px}.bs-example-tabs .nav-tabs{margin-bottom:15px}.bs-example-tooltips{text-align:center}.bs-example-tooltips>.btn{margin-top:5px;margin-bottom:5px}.bs-example-popover{padding-bottom:24px;background-color:#f9f9f9}.bs-example-popover .popover{position:relative;display:block;float:left;width:260px;margin:20px}.scrollspy-example{position:relative;height:200px;margin-top:10px;overflow:auto}.highlight{padding:9px 14px;margin-bottom:14px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:4px}.highlight pre{padding:0;margin-top:0;margin-bottom:0;white-space:nowrap;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#333}.highlight pre .lineno{display:inline-block;width:22px;padding-right:5px;margin-right:10px;color:#bebec5;text-align:right}.table-responsive .highlight pre{white-space:normal}.bs-table th small,.responsive-utilities th small{display:block;font-weight:400;color:#999}.responsive-utilities tbody th{font-weight:400}.responsive-utilities td{text-align:center}.responsive-utilities td.is-visible{color:#468847;background-color:#dff0d8!important}.responsive-utilities td.is-hidden{color:#ccc;background-color:#f9f9f9!important}.responsive-utilities-test{margin-top:5px}.responsive-utilities-test .col-xs-6{margin-bottom:10px}.responsive-utilities-test span{display:block;padding:15px 10px;font-size:14px;font-weight:700;line-height:1.1;text-align:center;border-radius:4px}.visible-on .col-xs-6 .hidden-xs,.visible-on .col-xs-6 .hidden-sm,.visible-on .col-xs-6 .hidden-md,.visible-on .col-xs-6 .hidden-lg,.hidden-on .col-xs-6 .hidden-xs,.hidden-on .col-xs-6 .hidden-sm,.hidden-on .col-xs-6 .hidden-md,.hidden-on .col-xs-6 .hidden-lg{color:#999;border:1px solid #ddd}.visible-on .col-xs-6 .visible-xs,.visible-on .col-xs-6 .visible-sm,.visible-on .col-xs-6 .visible-md,.visible-on .col-xs-6 .visible-lg,.hidden-on .col-xs-6 .visible-xs,.hidden-on .col-xs-6 .visible-sm,.hidden-on .col-xs-6 .visible-md,.hidden-on .col-xs-6 .visible-lg{color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6}.bs-glyphicons{margin:0 -10px 20px;overflow:hidden}.bs-glyphicons-list{padding-left:0;list-style:none}.bs-glyphicons li{float:left;width:25%;height:115px;padding:10px;font-size:10px;line-height:1.4;text-align:center;background-color:#f9f9f9;border:1px solid #fff}.bs-glyphicons .glyphicon{margin-top:5px;margin-bottom:10px;font-size:24px}.bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}.bs-glyphicons li:hover{color:#fff;background-color:#563d7c}@media (min-width:768px){.bs-glyphicons{margin-right:0;margin-left:0}.bs-glyphicons li{width:12.5%;font-size:12px}}.bs-customizer .toggle{float:right;margin-top:25px}.bs-customizer label{margin-top:10px;font-weight:500;color:#555}.bs-customizer h2{padding-top:30px;margin-top:0;margin-bottom:5px}.bs-customizer h3{margin-bottom:0}.bs-customizer h4{margin-top:15px;margin-bottom:0}.bs-customizer .bs-callout h4{margin-top:0;margin-bottom:5px}.bs-customizer input[type=text]{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;background-color:#fafafa}.bs-customizer .help-block{margin-bottom:5px;font-size:12px}#less-section label{font-weight:400}.bs-customizer-input{float:left;width:33.333333%;padding-right:15px;padding-left:15px}.bs-customize-download .btn-outline{padding:20px}.bs-customizer-alert{position:fixed;top:0;right:0;left:0;z-index:1030;padding:15px 0;color:#fff;background-color:#d9534f;border-bottom:1px solid #b94441;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.bs-customizer-alert .close{margin-top:-4px;font-size:24px}.bs-customizer-alert p{margin-bottom:0}.bs-customizer-alert .glyphicon{margin-right:5px}.bs-customizer-alert pre{margin:10px 0 0;color:#fff;background-color:#a83c3a;border-color:#973634;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}.bs-brand-logos{display:table;width:100%;margin-bottom:15px;overflow:hidden;color:#563d7c;background-color:#f9f9f9;border-radius:4px}.bs-brand-item{padding:60px 0;text-align:center}.bs-brand-item+.bs-brand-item{border-top:1px solid #fff}.bs-brand-logos .inverse{color:#fff;background-color:#563d7c}.bs-brand-item .svg{width:144px;height:144px}.bs-brand-item h1,.bs-brand-item h3{margin-top:0;margin-bottom:0}.bs-brand-item .bs-docs-booticon{margin-right:auto;margin-left:auto}.bs-brand-item .glyphicon{width:30px;height:30px;margin:10px auto -10px;line-height:30px;color:#fff;border-radius:50%}.bs-brand-item .glyphicon-ok{background-color:#5cb85c}.bs-brand-item .glyphicon-remove{background-color:#d9534f}@media (min-width:768px){.bs-brand-item{display:table-cell;width:1%}.bs-brand-item+.bs-brand-item{border-top:0;border-left:1px solid #fff}.bs-brand-item h1{font-size:60px}}.bs-examples .thumbnail{margin-bottom:10px}.bs-examples h4{margin-bottom:5px}.bs-examples p{margin-bottom:20px}#focusedInput{border-color:#ccc;border-color:rgba(82,168,236,.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:0 0 8px rgba(82,168,236,.6);box-shadow:0 0 8px rgba(82,168,236,.6)}.hll{background-color:#ffc}.c{color:#999}.err{color:#A00;background-color:#FAA}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1{color:#999}.cs{color:#999}.gd{background-color:#FCC;border:1px solid #C00}.ge{font-style:italic}.gr{color:red}.gh{color:#030}.gi{background-color:#CFC;border:1px solid #0C0}.go{color:#AAA}.gp{color:#009}.gu{color:#030}.gt{color:#9C6}.kc{color:#069}.kd{color:#069}.kn{color:#069}.kp{color:#069}.kr{color:#069}.kt{color:#078}.m{color:#F60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0A8}.no{color:#360}.nd{color:#99F}.ni{color:#999}.ne{color:#C00}.nf{color:#C0F}.nl{color:#99F}.nn{color:#0CF}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf{color:#F60}.mh{color:#F60}.mi{color:#F60}.mo{color:#F60}.sb{color:#C30}.sc{color:#C30}.sd{color:#C30;font-style:italic}.s2{color:#C30}.se{color:#C30}.sh{color:#C30}.si{color:#A00}.sx{color:#C30}.sr{color:#3AA}.s1{color:#C30}.ss{color:#FC3}.bp{color:#366}.vc{color:#033}.vg{color:#033}.vi{color:#033}.il{color:#F60}.css .o,.css .o+.nt,.css .nt+.nt{color:#999} \ No newline at end of file diff --git a/core/client/docs/assets/css/src/docs.css b/core/client/docs/assets/css/src/docs.css deleted file mode 100644 index aba85096b3..0000000000 --- a/core/client/docs/assets/css/src/docs.css +++ /dev/null @@ -1,1460 +0,0 @@ -/*! - * Bootstrap Docs (http://getbootstrap.com) - * Copyright 2011-2014 Twitter, Inc. - * Licensed under the Creative Commons Attribution 3.0 Unported License. For - * details, see http://creativecommons.org/licenses/by/3.0/. - */ - - -/* - * Bootstrap Documentation - * Special styles for presenting Bootstrap's documentation and code examples. - * - * Table of contents: - * - * Scaffolding - * Main navigation - * Footer - * Social buttons - * Homepage - * Page headers - * Old docs callout - * Ads - * Side navigation - * Docs sections - * Callouts - * Grid styles - * Examples - * Code snippets (highlight) - * Responsive tests - * Glyphicons - * Customizer - * Miscellaneous - */ - - -/* - * Scaffolding - * - * Update the basics of our documents to prep for docs content. - */ - -body { - position: relative; /* For scrollspy */ -} - -/* Keep code small in tables on account of limited space */ -.table code { - font-size: 13px; - font-weight: normal; -} - -/* Outline button for use within the docs */ -.btn-outline { - color: #563d7c; - background-color: transparent; - border-color: #563d7c; -} -.btn-outline:hover, -.btn-outline:focus, -.btn-outline:active { - color: #fff; - background-color: #563d7c; - border-color: #563d7c; -} - -/* Inverted outline button (white on dark) */ -.btn-outline-inverse { - color: #fff; - background-color: transparent; - border-color: #cdbfe3; -} -.btn-outline-inverse:hover, -.btn-outline-inverse:focus, -.btn-outline-inverse:active { - color: #563d7c; - text-shadow: none; - background-color: #fff; - border-color: #fff; -} - -/* Bootstrap "B" icon */ -.bs-docs-booticon { - display: block; - font-weight: 500; - color: #fff; - text-align: center; - cursor: default; - background-color: #563d7c; - border-radius: 15%; -} -.bs-docs-booticon-sm { - width: 30px; - height: 30px; - font-size: 20px; - line-height: 28px; -} -.bs-docs-booticon-lg { - width: 144px; - height: 144px; - font-size: 108px; - line-height: 140px; -} -.bs-docs-booticon-inverse { - color: #563d7c; - background-color: #fff; -} -.bs-docs-booticon-outline { - background-color: transparent; - border: 1px solid #cdbfe3; -} - - -/* - * Main navigation - * - * Turn the `.navbar` at the top of the docs purple. - */ - -.bs-docs-nav { - margin-bottom: 0; - background-color: #fff; - border-bottom: 0; -} -.bs-home-nav .bs-nav-b { - display: none; -} -.bs-docs-nav .navbar-brand, -.bs-docs-nav .navbar-nav > li > a { - font-weight: 500; - color: #563d7c; -} -.bs-docs-nav .navbar-nav > li > a:hover, -.bs-docs-nav .navbar-nav > .active > a, -.bs-docs-nav .navbar-nav > .active > a:hover { - color: #463265; - background-color: #f9f9f9; -} -.bs-docs-nav .navbar-toggle .icon-bar { - background-color: #563d7c; -} -.bs-docs-nav .navbar-header .navbar-toggle { - border-color: #fff; -} -.bs-docs-nav .navbar-header .navbar-toggle:hover, -.bs-docs-nav .navbar-header .navbar-toggle:focus { - background-color: #f9f9f9; - border-color: #f9f9f9; -} - - -/* - * Footer - * - * Separated section of content at the bottom of all pages, save the homepage. - */ - -.bs-docs-footer { - padding-top: 40px; - padding-bottom: 40px; - margin-top: 100px; - color: #777; - text-align: center; - border-top: 1px solid #e5e5e5; -} -.bs-docs-footer-links { - padding-left: 0; - margin-top: 20px; - color: #999; -} -.bs-docs-footer-links li { - display: inline; - padding: 0 2px; -} -.bs-docs-footer-links li:first-child { - padding-left: 0; -} - -@media (min-width: 768px) { - .bs-docs-footer p { - margin-bottom: 0; - } -} - - -/* - * Social buttons - * - * Twitter and GitHub social action buttons (for homepage and footer). - */ - -.bs-docs-social { - margin-bottom: 20px; - text-align: center; -} -.bs-docs-social-buttons { - display: inline-block; - padding-left: 0; - margin-bottom: 0; - list-style: none; -} -.bs-docs-social-buttons li { - display: inline-block; - padding: 5px 8px; - line-height: 1; -} -.bs-docs-social-buttons .twitter-follow-button { - width: 225px !important; -} -.bs-docs-social-buttons .twitter-share-button { - width: 98px !important; -} -/* Style the GitHub buttons via CSS instead of inline attributes */ -.github-btn { - overflow: hidden; - border: 0; -} - - -/* - * Homepage - * - * Tweaks to the custom homepage and the masthead (main jumbotron). - */ - -/* Share masthead with page headers */ -.bs-docs-masthead, -.bs-docs-header { - position: relative; - padding: 30px 15px; - color: #cdbfe3; - text-align: center; - text-shadow: 0 1px 0 rgba(0,0,0,.1); - background-color: #6f5499; - background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499)); - background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%); - background-image: -o-linear-gradient(top, #563d7c 0%, #6f5499 100%); - background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0); - background-repeat: repeat-x; -} - - /* Masthead (headings and download button) */ -.bs-docs-masthead .bs-docs-booticon { - margin: 0 auto 30px; -} -.bs-docs-masthead h1 { - font-weight: 300; - line-height: 1; - color: #fff; -} -.bs-docs-masthead .lead { - margin: 0 auto 30px; - font-size: 20px; - color: #fff; -} -.bs-docs-masthead .version { - margin-top: -15px; - margin-bottom: 30px; - color: #9783b9; -} -.bs-docs-masthead .btn { - width: 100%; - padding: 15px 30px; - font-size: 20px; -} - -@media (min-width: 480px) { - .bs-docs-masthead .btn { - width: auto; - } -} - -@media (min-width: 768px) { - .bs-docs-masthead { - padding-top: 80px; - padding-bottom: 80px; - } - .bs-docs-masthead h1 { - font-size: 60px; - } - .bs-docs-masthead .lead { - font-size: 24px; - } -} - -@media (min-width: 992px) { - .bs-docs-masthead .lead { - width: 80%; - font-size: 30px; - } -} - - -/* - * Page headers - * - * Jumbotron-esque headers at the top of every page that's not the homepage. - */ - -/* Page headers */ -.bs-docs-header { - margin-bottom: 40px; - font-size: 20px; -} -.bs-docs-header h1 { - margin-top: 0; - color: #fff; -} -.bs-docs-header p { - margin-bottom: 0; - font-weight: 300; - line-height: 1.4; -} -.bs-docs-header .container { - position: relative; -} - -@media (min-width: 768px) { - .bs-docs-header { - padding-top: 60px; - padding-bottom: 60px; - font-size: 24px; - text-align: left; - } - .bs-docs-header h1 { - font-size: 60px; - line-height: 1; - } -} - -@media (min-width: 992px) { - .bs-docs-header h1, - .bs-docs-header p { - margin-right: 380px; - } -} - - -/* - * Carbon ads - * - * Single display ad that shows on all pages (except homepage) in page headers. - * The hella `!important` is required for any pre-set property. - */ - -.carbonad { - width: auto !important; - height: auto !important; - padding: 20px !important; - margin: 30px -30px -31px !important; - overflow: hidden; /* clearfix */ - font-size: 13px !important; - line-height: 16px !important; - text-align: left; - background: transparent !important; - border: solid #866ab3 !important; - border-width: 1px 0 !important; -} -.carbonad-img { - margin: 0 !important; -} -.carbonad-text, -.carbonad-tag { - display: block !important; - float: none !important; - width: auto !important; - height: auto !important; - margin-left: 145px !important; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; -} -.carbonad-text { - padding-top: 0 !important; -} -.carbonad-tag { - color: inherit !important; - text-align: left !important; -} -.carbonad-text a, -.carbonad-tag a { - color: #fff !important; -} -.carbonad #azcarbon > img { - display: none; /* hide what I assume are tracking images */ -} - -@media (min-width: 480px) { - .carbonad { - width: 330px !important; - margin: 20px auto !important; - border-width: 1px !important; - border-radius: 4px; - } - .bs-docs-masthead .carbonad { - margin: 50px auto 0 !important; - } -} - -@media (min-width: 768px) { - .carbonad { - margin-right: 0 !important; - margin-left: 0 !important; - } -} - -@media (min-width: 992px) { - .carbonad { - position: absolute; - top: 0; - right: 15px; /* 15px instead of 0 since box-sizing */ - width: 330px !important; - padding: 15px !important; - margin: 0 !important; - } - .bs-docs-masthead .carbonad { - position: static; - } -} - - -/* - * Homepage featurettes - * - * Reasons to use Bootstrap, entries from the Expo, and more. - */ - -.bs-docs-featurette { - padding-top: 40px; - padding-bottom: 40px; - font-size: 16px; - line-height: 1.5; - color: #555; - text-align: center; - background-color: #fff; - border-bottom: 1px solid #e5e5e5; -} -.bs-docs-featurette + .bs-docs-footer { - margin-top: 0; - border-top: 0; -} - -.bs-docs-featurette-title { - margin-bottom: 5px; - font-size: 30px; - font-weight: normal; - color: #333; -} -.half-rule { - width: 100px; - margin: 40px auto; -} -.bs-docs-featurette h3 { - margin-bottom: 5px; - font-weight: normal; - color: #333; -} -.bs-docs-featurette-img { - display: block; - margin-bottom: 20px; - color: #333; -} -.bs-docs-featurette-img:hover { - color: #428bca; - text-decoration: none; -} -.bs-docs-featurette-img img { - display: block; - margin-bottom: 15px; -} - -/* Featured sites */ -.bs-docs-featured-sites { - margin-right: -1px; - margin-left: -1px; -} -.bs-docs-featured-sites .col-sm-3 { - padding-right: 1px; - padding-left: 1px; -} - -@media (min-width: 480px) { - .bs-docs-featurette .img-responsive { - margin-top: 30px; - } -} -@media (min-width: 768px) { - .bs-docs-featurette { - padding-top: 100px; - padding-bottom: 100px; - } - .bs-docs-featurette-title { - font-size: 40px; - } - .bs-docs-featurette .lead { - max-width: 80%; - margin-right: auto; - margin-left: auto; - } - .bs-docs-featured-sites .col-sm-3:first-child img { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - .bs-docs-featured-sites .col-sm-3:last-child img { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } - - .bs-docs-featurette .img-responsive { - margin-top: 0; - } -} - - -/* - * Side navigation - * - * Scrollspy and affixed enhanced navigation to highlight sections and secondary - * sections of docs content. - */ - -/* By default it's not affixed in mobile views, so undo that */ -.bs-docs-sidebar.affix { - position: static; -} -@media (min-width: 768px) { - .bs-docs-sidebar { - padding-left: 20px; - } -} - -/* First level of nav */ -.bs-docs-sidenav { - margin-top: 20px; - margin-bottom: 20px; -} - -/* All levels of nav */ -.bs-docs-sidebar .nav > li > a { - display: block; - padding: 4px 20px; - font-size: 13px; - font-weight: 500; - color: #999; -} -.bs-docs-sidebar .nav > li > a:hover, -.bs-docs-sidebar .nav > li > a:focus { - padding-left: 19px; - color: #563d7c; - text-decoration: none; - background-color: transparent; - border-left: 1px solid #563d7c; -} -.bs-docs-sidebar .nav > .active > a, -.bs-docs-sidebar .nav > .active:hover > a, -.bs-docs-sidebar .nav > .active:focus > a { - padding-left: 18px; - font-weight: bold; - color: #563d7c; - background-color: transparent; - border-left: 2px solid #563d7c; -} - -/* Nav: second level (shown on .active) */ -.bs-docs-sidebar .nav .nav { - display: none; /* Hide by default, but at >768px, show it */ - padding-bottom: 10px; -} -.bs-docs-sidebar .nav .nav > li > a { - padding-top: 1px; - padding-bottom: 1px; - padding-left: 30px; - font-size: 12px; - font-weight: normal; -} -.bs-docs-sidebar .nav .nav > li > a:hover, -.bs-docs-sidebar .nav .nav > li > a:focus { - padding-left: 29px; -} -.bs-docs-sidebar .nav .nav > .active > a, -.bs-docs-sidebar .nav .nav > .active:hover > a, -.bs-docs-sidebar .nav .nav > .active:focus > a { - padding-left: 28px; - font-weight: 500; -} - -/* Back to top (hidden on mobile) */ -.back-to-top { - display: none; - padding: 4px 10px; - margin-top: 10px; - margin-left: 10px; - font-size: 12px; - font-weight: 500; - color: #999; -} -.back-to-top:hover { - color: #563d7c; - text-decoration: none; -} - -@media (min-width: 768px) { - .back-to-top { - display: block; - } -} - -/* Show and affix the side nav when space allows it */ -@media (min-width: 992px) { - .bs-docs-sidebar .nav > .active > ul { - display: block; - } - /* Widen the fixed sidebar */ - .bs-docs-sidebar.affix, - .bs-docs-sidebar.affix-bottom { - width: 213px; - } - .bs-docs-sidebar.affix { - position: fixed; /* Undo the static from mobile first approach */ - top: 20px; - } - .bs-docs-sidebar.affix-bottom { - position: absolute; /* Undo the static from mobile first approach */ - } - .bs-docs-sidebar.affix-bottom .bs-docs-sidenav, - .bs-docs-sidebar.affix .bs-docs-sidenav { - margin-top: 0; - margin-bottom: 0; - } -} -@media (min-width: 1200px) { - /* Widen the fixed sidebar again */ - .bs-docs-sidebar.affix-bottom, - .bs-docs-sidebar.affix { - width: 263px; - } -} - - -/* - * Docs sections - * - * Content blocks for each component or feature. - */ - -/* Space things out */ -.bs-docs-section { - margin-bottom: 60px; -} -.bs-docs-section:last-child { - margin-bottom: 0; -} - -h1[id] { - padding-top: 20px; - margin-top: 0; -} - - -/* - * Callouts - * - * Not quite alerts, but custom and helpful notes for folks reading the docs. - * Requires a base and modifier class. - */ - -/* Common styles for all types */ -.bs-callout { - padding: 20px; - margin: 20px 0; - border-left: 3px solid #eee; -} -.bs-callout h4 { - margin-top: 0; - margin-bottom: 5px; -} -.bs-callout p:last-child { - margin-bottom: 0; -} -.bs-callout code { - background-color: #fff; - border-radius: 3px; -} - -/* Variations */ -.bs-callout-danger { - background-color: #fdf7f7; - border-color: #d9534f; -} -.bs-callout-danger h4 { - color: #d9534f; -} -.bs-callout-warning { - background-color: #fcf8f2; - border-color: #f0ad4e; -} -.bs-callout-warning h4 { - color: #f0ad4e; -} -.bs-callout-info { - background-color: #f4f8fa; - border-color: #5bc0de; -} -.bs-callout-info h4 { - color: #5bc0de; -} - - -/* - * Color swatches - * - * Color swatches and associated values for our grayscale and brand colors. - */ - -.color-swatches { - margin: 0 -5px; - overflow: hidden; /* clearfix */ -} -.color-swatch { - float: left; - width: 60px; - height: 60px; - margin: 0 5px; - border-radius: 3px; -} - -@media (min-width: 768px) { - .color-swatch { - width: 100px; - height: 100px; - } -} - -/* Framework colors */ -.color-swatches .gray-darker { - background-color: #222; -} -.color-swatches .gray-dark { - background-color: #333; -} -.color-swatches .gray { - background-color: #555; -} -.color-swatches .gray-light { - background-color: #999; -} -.color-swatches .gray-lighter { - background-color: #eee; -} -.color-swatches .brand-primary { - background-color: #428bca; -} -.color-swatches .brand-success { - background-color: #5cb85c; -} -.color-swatches .brand-warning { - background-color: #f0ad4e; -} -.color-swatches .brand-danger { - background-color: #d9534f; -} -.color-swatches .brand-info { - background-color: #5bc0de; -} - -/* Docs colors */ -.color-swatches .bs-purple { - background-color: #563d7c; -} -.color-swatches .bs-purple-light { - background-color: #c7bfd3; -} -.color-swatches .bs-purple-lighter { - background-color: #e5e1ea; -} -.color-swatches .bs-gray { - background-color: #f9f9f9; -} - - -/* - * Team members - * - * Avatars, names, and usernames for core team. - */ - -.bs-team .team-member { - line-height: 32px; - color: #555; -} -.bs-team .team-member:hover { - color: #333; - text-decoration: none; -} -.bs-team .github-btn { - float: right; - width: 180px; - height: 20px; - margin-top: 6px; -} -.bs-team img { - float: left; - width: 32px; - margin-right: 10px; - border-radius: 4px; -} - - -/* - * Grid examples - * - * Highlight the grid columns within the docs so folks can see their padding, - * alignment, sizing, etc. - */ - -.show-grid { - margin-bottom: 15px; -} -.show-grid [class^="col-"] { - padding-top: 10px; - padding-bottom: 10px; - background-color: #eee; - background-color: rgba(86,61,124,.15); - border: 1px solid #ddd; - border: 1px solid rgba(86,61,124,.2); -} - - -/* - * Examples - * - * Isolated sections of example content for each component or feature. Usually - * followed by a code snippet. - */ - -.bs-example { - position: relative; - padding: 45px 15px 15px; - margin: 0 -15px 15px; - background-color: #fafafa; - border-color: #e5e5e5 #eee #eee; - border-style: solid; - border-width: 1px 0; - -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05); - box-shadow: inset 0 3px 6px rgba(0,0,0,.05); -} -/* Echo out a label for the example */ -.bs-example:after { - position: absolute; - top: 15px; - left: 15px; - font-size: 12px; - font-weight: bold; - color: #bbb; - text-transform: uppercase; - letter-spacing: 1px; - content: "Example"; -} - -/* Tweak display of the code snippets when following an example */ -.bs-example + .highlight { - margin: -15px -15px 15px; - border-width: 0 0 1px; - border-radius: 0; -} - -/* Make the examples and snippets not full-width */ -@media (min-width: 768px) { - .bs-example { - margin-right: 0; - margin-left: 0; - background-color: #fff; - border-color: #ddd; - border-width: 1px; - border-radius: 4px 4px 0 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .bs-example + .highlight { - margin-top: -16px; - margin-right: 0; - margin-left: 0; - border-width: 1px; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } -} - -/* Undo width of container */ -.bs-example .container { - width: auto; -} - -/* Tweak content of examples for optimum awesome */ -.bs-example > p:last-child, -.bs-example > ul:last-child, -.bs-example > ol:last-child, -.bs-example > blockquote:last-child, -.bs-example > .form-control:last-child, -.bs-example > .table:last-child, -.bs-example > .navbar:last-child, -.bs-example > .jumbotron:last-child, -.bs-example > .alert:last-child, -.bs-example > .panel:last-child, -.bs-example > .list-group:last-child, -.bs-example > .well:last-child, -.bs-example > .progress:last-child, -.bs-example > .table-responsive:last-child > .table { - margin-bottom: 0; -} -.bs-example > p > .close { - float: none; -} - -/* Typography */ -.bs-example-type .table .type-info { - color: #999; - vertical-align: middle; -} -.bs-example-type .table td { - padding: 15px 0; - border-color: #eee; -} -.bs-example-type .table tr:first-child td { - border-top: 0; -} -.bs-example-type h1, -.bs-example-type h2, -.bs-example-type h3, -.bs-example-type h4, -.bs-example-type h5, -.bs-example-type h6 { - margin: 0; -} - -/* Contextual background colors */ -.bs-example-bg-classes p { - padding: 15px; -} - -/* Images */ -.bs-example > .img-circle, -.bs-example > .img-rounded, -.bs-example > .img-thumbnail { - margin: 5px; -} - -/* Tables */ -.bs-example > .table-responsive > .table { - background-color: #fff; -} - -/* Buttons */ -.bs-example > .btn, -.bs-example > .btn-group { - margin-top: 5px; - margin-bottom: 5px; -} -.bs-example > .btn-toolbar + .btn-toolbar { - margin-top: 10px; -} - -/* Forms */ -.bs-example-control-sizing select, -.bs-example-control-sizing input[type="text"] + input[type="text"] { - margin-top: 10px; -} -.bs-example-form .input-group { - margin-bottom: 10px; -} -.bs-example > textarea.form-control { - resize: vertical; -} - -/* List groups */ -.bs-example > .list-group { - max-width: 400px; -} - -/* Navbars */ -.bs-example .navbar:last-child { - margin-bottom: 0; -} -.bs-navbar-top-example, -.bs-navbar-bottom-example { - z-index: 1; - padding: 0; - overflow: hidden; /* cut the drop shadows off */ -} -.bs-navbar-top-example .navbar-header, -.bs-navbar-bottom-example .navbar-header { - margin-left: 0; -} -.bs-navbar-top-example .navbar-fixed-top, -.bs-navbar-bottom-example .navbar-fixed-bottom { - position: relative; - margin-right: 0; - margin-left: 0; -} -.bs-navbar-top-example { - padding-bottom: 45px; -} -.bs-navbar-top-example:after { - top: auto; - bottom: 15px; -} -.bs-navbar-top-example .navbar-fixed-top { - top: -1px; -} -.bs-navbar-bottom-example { - padding-top: 45px; -} -.bs-navbar-bottom-example .navbar-fixed-bottom { - bottom: -1px; -} -.bs-navbar-bottom-example .navbar { - margin-bottom: 0; -} -@media (min-width: 768px) { - .bs-navbar-top-example .navbar-fixed-top, - .bs-navbar-bottom-example .navbar-fixed-bottom { - position: absolute; - } - .bs-navbar-top-example { - border-radius: 0 0 4px 4px; - } - .bs-navbar-bottom-example { - border-radius: 4px 4px 0 0; - } -} - -/* Pagination */ -.bs-example .pagination { - margin-top: 10px; - margin-bottom: 10px; -} - -/* Pager */ -.bs-example > .pager { - margin-top: 0; -} - -/* Example modals */ -.bs-example-modal { - background-color: #f5f5f5; -} -.bs-example-modal .modal { - position: relative; - top: auto; - right: auto; - bottom: auto; - left: auto; - z-index: 1; - display: block; -} -.bs-example-modal .modal-dialog { - left: auto; - margin-right: auto; - margin-left: auto; -} - -/* Example dropdowns */ -.bs-example > .dropdown > .dropdown-menu { - position: static; - display: block; - margin-bottom: 5px; -} - -/* Example tabbable tabs */ -.bs-example-tabs .nav-tabs { - margin-bottom: 15px; -} - -/* Tooltips */ -.bs-example-tooltips { - text-align: center; -} -.bs-example-tooltips > .btn { - margin-top: 5px; - margin-bottom: 5px; -} - -/* Popovers */ -.bs-example-popover { - padding-bottom: 24px; - background-color: #f9f9f9; -} -.bs-example-popover .popover { - position: relative; - display: block; - float: left; - width: 260px; - margin: 20px; -} - -/* Scrollspy demo on fixed height div */ -.scrollspy-example { - position: relative; - height: 200px; - margin-top: 10px; - overflow: auto; -} - - -/* - * Code snippets - * - * Generated via Pygments and Jekyll, these are snippets of HTML, CSS, and JS. - */ - -.highlight { - padding: 9px 14px; - margin-bottom: 14px; - background-color: #f7f7f9; - border: 1px solid #e1e1e8; - border-radius: 4px; -} -.highlight pre { - padding: 0; - margin-top: 0; - margin-bottom: 0; - white-space: nowrap; - background-color: transparent; - border: 0; -} -.highlight pre code { - font-size: inherit; - color: #333; /* Effectively the base text color */ -} -.highlight pre .lineno { - display: inline-block; - width: 22px; - padding-right: 5px; - margin-right: 10px; - color: #bebec5; - text-align: right; -} - - -/* - * Responsive tests - * - * Generate a set of tests to show the responsive utilities in action. - */ - -/* Responsive (scrollable) doc tables */ -.table-responsive .highlight pre { - white-space: normal; -} - -/* Utility classes table */ -.bs-table th small, -.responsive-utilities th small { - display: block; - font-weight: normal; - color: #999; -} -.responsive-utilities tbody th { - font-weight: normal; -} -.responsive-utilities td { - text-align: center; -} -.responsive-utilities td.is-visible { - color: #468847; - background-color: #dff0d8 !important; -} -.responsive-utilities td.is-hidden { - color: #ccc; - background-color: #f9f9f9 !important; -} - -/* Responsive tests */ -.responsive-utilities-test { - margin-top: 5px; -} -.responsive-utilities-test .col-xs-6 { - margin-bottom: 10px; -} -.responsive-utilities-test span { - display: block; - padding: 15px 10px; - font-size: 14px; - font-weight: bold; - line-height: 1.1; - text-align: center; - border-radius: 4px; -} -.visible-on .col-xs-6 .hidden-xs, -.visible-on .col-xs-6 .hidden-sm, -.visible-on .col-xs-6 .hidden-md, -.visible-on .col-xs-6 .hidden-lg, -.hidden-on .col-xs-6 .hidden-xs, -.hidden-on .col-xs-6 .hidden-sm, -.hidden-on .col-xs-6 .hidden-md, -.hidden-on .col-xs-6 .hidden-lg { - color: #999; - border: 1px solid #ddd; -} -.visible-on .col-xs-6 .visible-xs, -.visible-on .col-xs-6 .visible-sm, -.visible-on .col-xs-6 .visible-md, -.visible-on .col-xs-6 .visible-lg, -.hidden-on .col-xs-6 .visible-xs, -.hidden-on .col-xs-6 .visible-sm, -.hidden-on .col-xs-6 .visible-md, -.hidden-on .col-xs-6 .visible-lg { - color: #468847; - background-color: #dff0d8; - border: 1px solid #d6e9c6; -} - - -/* - * Glyphicons - * - * Special styles for displaying the icons and their classes in the docs. - */ - -.bs-glyphicons { - margin: 0 -10px 20px; - overflow: hidden; -} -.bs-glyphicons-list { - padding-left: 0; - list-style: none; -} -.bs-glyphicons li { - float: left; - width: 25%; - height: 115px; - padding: 10px; - font-size: 10px; - line-height: 1.4; - text-align: center; - background-color: #f9f9f9; - border: 1px solid #fff; -} -.bs-glyphicons .glyphicon { - margin-top: 5px; - margin-bottom: 10px; - font-size: 24px; -} -.bs-glyphicons .glyphicon-class { - display: block; - text-align: center; - word-wrap: break-word; /* Help out IE10+ with class names */ -} -.bs-glyphicons li:hover { - color: #fff; - background-color: #563d7c; -} - -@media (min-width: 768px) { - .bs-glyphicons { - margin-right: 0; - margin-left: 0; - } - .bs-glyphicons li { - width: 12.5%; - font-size: 12px; - } -} - - -/* - * Customizer - * - * Since this is so form control heavy, we have quite a few styles to customize - * the display of inputs, headings, and more. Also included are all the download - * buttons and actions. - */ - -.bs-customizer .toggle { - float: right; - margin-top: 25px; -} - -/* Headings and form contrls */ -.bs-customizer label { - margin-top: 10px; - font-weight: 500; - color: #555; -} -.bs-customizer h2 { - padding-top: 30px; - margin-top: 0; - margin-bottom: 5px; -} -.bs-customizer h3 { - margin-bottom: 0; -} -.bs-customizer h4 { - margin-top: 15px; - margin-bottom: 0; -} -.bs-customizer .bs-callout h4 { - margin-top: 0; /* lame, but due to specificity we have to duplicate */ - margin-bottom: 5px; -} -.bs-customizer input[type="text"] { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; - background-color: #fafafa; -} -.bs-customizer .help-block { - margin-bottom: 5px; - font-size: 12px; -} - -/* For the variables, use regular weight */ -#less-section label { - font-weight: normal; -} - -.bs-customizer-input { - float: left; - width: 33.333333%; - padding-right: 15px; - padding-left: 15px; -} - -/* Downloads */ -.bs-customize-download .btn-outline { - padding: 20px; -} - -/* Error handling */ -.bs-customizer-alert { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; - padding: 15px 0; - color: #fff; - background-color: #d9534f; - border-bottom: 1px solid #b94441; - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25); - box-shadow: inset 0 1px 0 rgba(255,255,255,.25); -} -.bs-customizer-alert .close { - margin-top: -4px; - font-size: 24px; -} -.bs-customizer-alert p { - margin-bottom: 0; -} -.bs-customizer-alert .glyphicon { - margin-right: 5px; -} -.bs-customizer-alert pre { - margin: 10px 0 0; - color: #fff; - background-color: #a83c3a; - border-color: #973634; - -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); - box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); -} - - -/* - * Brand guidelines - * - * Extra styles for displaying wordmarks, logos, etc. - */ - -/* Logo series wrapper */ -.bs-brand-logos { - display: table; - width: 100%; - margin-bottom: 15px; - overflow: hidden; - color: #563d7c; - background-color: #f9f9f9; - border-radius: 4px; -} - -/* Individual items */ -.bs-brand-item { - padding: 60px 0; - text-align: center; -} -.bs-brand-item + .bs-brand-item { - border-top: 1px solid #fff; -} -.bs-brand-logos .inverse { - color: #fff; - background-color: #563d7c; -} -.bs-brand-item .svg { - width: 144px; - height: 144px; -} - -/* Heading content within */ -.bs-brand-item h1, -.bs-brand-item h3 { - margin-top: 0; - margin-bottom: 0; -} -.bs-brand-item .bs-docs-booticon { - margin-right: auto; - margin-left: auto; -} - -/* Make the icons stand out on what is/isn't okay */ -.bs-brand-item .glyphicon { - width: 30px; - height: 30px; - margin: 10px auto -10px; - line-height: 30px; - color: #fff; - border-radius: 50%; -} -.bs-brand-item .glyphicon-ok { - background-color: #5cb85c; -} -.bs-brand-item .glyphicon-remove { - background-color: #d9534f; -} - -@media (min-width: 768px) { - .bs-brand-item { - display: table-cell; - width: 1%; - } - .bs-brand-item + .bs-brand-item { - border-top: 0; - border-left: 1px solid #fff; - } - .bs-brand-item h1 { - font-size: 60px; - } -} - - -/* - * Miscellaneous - * - * Odds and ends for optimum docs display. - */ - -/* Examples gallery: space out content better */ -.bs-examples .thumbnail { - margin-bottom: 10px; -} -.bs-examples h4 { - margin-bottom: 5px; -} -.bs-examples p { - margin-bottom: 20px; -} - -/* Pseudo :focus state for showing how it looks in the docs */ -#focusedInput { - border-color: rgb(204,204,204); /* Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback*/ - border-color: rgba(82,168,236,.8); - outline: 0; - outline: thin dotted \9; /* IE6-9 */ - -webkit-box-shadow: 0 0 8px rgba(82,168,236,.6); - box-shadow: 0 0 8px rgba(82,168,236,.6); -} diff --git a/core/client/docs/assets/css/src/pygments-manni.css b/core/client/docs/assets/css/src/pygments-manni.css deleted file mode 100644 index 1b3c92cb27..0000000000 --- a/core/client/docs/assets/css/src/pygments-manni.css +++ /dev/null @@ -1,66 +0,0 @@ -.hll { background-color: #ffffcc } - /*{ background: #f0f3f3; }*/ -.c { color: #999; } /* Comment */ -.err { color: #AA0000; background-color: #FFAAAA } /* Error */ -.k { color: #006699; } /* Keyword */ -.o { color: #555555 } /* Operator */ -.cm { color: #999; } /* Comment.Multiline */ /* Edited to remove italics and make into comment */ -.cp { color: #009999 } /* Comment.Preproc */ -.c1 { color: #999; } /* Comment.Single */ -.cs { color: #999; } /* Comment.Special */ -.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ -.ge { font-style: italic } /* Generic.Emph */ -.gr { color: #FF0000 } /* Generic.Error */ -.gh { color: #003300; } /* Generic.Heading */ -.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ -.go { color: #AAAAAA } /* Generic.Output */ -.gp { color: #000099; } /* Generic.Prompt */ -.gs { } /* Generic.Strong */ -.gu { color: #003300; } /* Generic.Subheading */ -.gt { color: #99CC66 } /* Generic.Traceback */ -.kc { color: #006699; } /* Keyword.Constant */ -.kd { color: #006699; } /* Keyword.Declaration */ -.kn { color: #006699; } /* Keyword.Namespace */ -.kp { color: #006699 } /* Keyword.Pseudo */ -.kr { color: #006699; } /* Keyword.Reserved */ -.kt { color: #007788; } /* Keyword.Type */ -.m { color: #FF6600 } /* Literal.Number */ -.s { color: #d44950 } /* Literal.String */ -.na { color: #4f9fcf } /* Name.Attribute */ -.nb { color: #336666 } /* Name.Builtin */ -.nc { color: #00AA88; } /* Name.Class */ -.no { color: #336600 } /* Name.Constant */ -.nd { color: #9999FF } /* Name.Decorator */ -.ni { color: #999999; } /* Name.Entity */ -.ne { color: #CC0000; } /* Name.Exception */ -.nf { color: #CC00FF } /* Name.Function */ -.nl { color: #9999FF } /* Name.Label */ -.nn { color: #00CCFF; } /* Name.Namespace */ -.nt { color: #2f6f9f; } /* Name.Tag */ -.nv { color: #003333 } /* Name.Variable */ -.ow { color: #000000; } /* Operator.Word */ -.w { color: #bbbbbb } /* Text.Whitespace */ -.mf { color: #FF6600 } /* Literal.Number.Float */ -.mh { color: #FF6600 } /* Literal.Number.Hex */ -.mi { color: #FF6600 } /* Literal.Number.Integer */ -.mo { color: #FF6600 } /* Literal.Number.Oct */ -.sb { color: #CC3300 } /* Literal.String.Backtick */ -.sc { color: #CC3300 } /* Literal.String.Char */ -.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ -.s2 { color: #CC3300 } /* Literal.String.Double */ -.se { color: #CC3300; } /* Literal.String.Escape */ -.sh { color: #CC3300 } /* Literal.String.Heredoc */ -.si { color: #AA0000 } /* Literal.String.Interpol */ -.sx { color: #CC3300 } /* Literal.String.Other */ -.sr { color: #33AAAA } /* Literal.String.Regex */ -.s1 { color: #CC3300 } /* Literal.String.Single */ -.ss { color: #FFCC33 } /* Literal.String.Symbol */ -.bp { color: #336666 } /* Name.Builtin.Pseudo */ -.vc { color: #003333 } /* Name.Variable.Class */ -.vg { color: #003333 } /* Name.Variable.Global */ -.vi { color: #003333 } /* Name.Variable.Instance */ -.il { color: #FF6600 } /* Literal.Number.Integer.Long */ - -.css .o, -.css .o + .nt, -.css .nt + .nt { color: #999; } diff --git a/core/client/docs/assets/ico/favicon.ico b/core/client/docs/assets/ico/favicon.ico deleted file mode 100644 index 15f41541d7..0000000000 Binary files a/core/client/docs/assets/ico/favicon.ico and /dev/null differ diff --git a/core/client/docs/css/buttons.md b/core/client/docs/css/buttons.md new file mode 100644 index 0000000000..6a8806de63 --- /dev/null +++ b/core/client/docs/css/buttons.md @@ -0,0 +1,25 @@ +--- +layout: default +title: Buttons +--- + +# Buttons + +## Button Colours + +```html + + + + + + + +``` + +## Button Sizes + +```html + + +``` \ No newline at end of file diff --git a/core/client/docs/css/index.md b/core/client/docs/css/index.md new file mode 100644 index 0000000000..ecb5e2c310 --- /dev/null +++ b/core/client/docs/css/index.md @@ -0,0 +1,33 @@ +--- +layout: default +title: CSS +--- + +# CSS + +* [Buttons](/css/buttons/) + +# Colours + +
darkgrey
+
Hey
+
grey
+
Hey
+
midgrey
+
Hey
+
lightgrey
+
Hey
+
brown
+
Hey
+
midbrown
+
Hey
+
lightbrown
+
Hey
+
blue
+
Hey
+
red
+
Hey
+
orange
+
Hey
+
green
+
Hey
\ No newline at end of file diff --git a/core/client/docs/dist/css/ghost-ui.min.css b/core/client/docs/dist/css/ghost-ui.min.css index 9e353a95f1..ae4f4835cb 100644 --- a/core/client/docs/dist/css/ghost-ui.min.css +++ b/core/client/docs/dist/css/ghost-ui.min.css @@ -1,18 +1,18 @@ -html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.box,.editor .entry-title{padding:15px;margin-bottom:15px;background:#fff;position:relative;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}.box header,.editor .entry-title header{height:14px;border-bottom:1px solid #edece4;padding-bottom:15px;margin-bottom:15px;text-transform:uppercase;font-size:0.85em;color:#aaa9a2}.box footer,.editor .entry-title footer{height:14px;border-top:1px solid #edece4;padding-top:10px;margin-top:15px;text-transform:uppercase;font-size:0.85em;color:#aaa9a2}.box header a,.editor .entry-title header a,.box footer a,.editor .entry-title footer a{color:#aaa9a2}.box header a:hover,.editor .entry-title header a:hover,.box footer a:hover,.editor .entry-title footer a:hover{color:#242628;text-decoration:none}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@-moz-keyframes fade-out{from{opacity:1}to{opacity:0}}@-o-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@font-face{font-family:'Icons';src:url("../fonts/icons.eot");src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),url("../fonts/icons.woff") format("woff"),url("../fonts/icons.ttf") format("truetype"),url("../fonts/icons.svg#icons") format("svg");font-weight:normal;font-style:normal}@-webkit-keyframes off-canvas{0%{left:0}100%{left:300px}}@-moz-keyframes off-canvas{0%{opacity:0}100%{opacity:1}}@-o-keyframes off-canvas{0%{opacity:0}100%{opacity:1}}@keyframes off-canvas{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.hidden{text-indent:-9999px;visibility:hidden;display:none}.invisible{visibility:hidden}.right{float:right}.left{float:left}.wrapper{position:relative}.markdown,pre,code{font-family:Inconsolata,monospace}.visuallyhidden,.screen-reader-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.vertical{display:table-cell;vertical-align:middle}html{font:normal 81.2%/1.65 "Open Sans", sans-serif}body{width:100%;color:#242628;font-weight:300;background:#edece4}@media (max-width: 400px){body{background:#fff}} -::-moz-selection{color:#242628;background:#b3d5f3;text-shadow:none}::selection{color:#242628;background:#b3d5f3;text-shadow:none}article aside{width:30%;padding:0 2.2em;margin:0 2.2em 1.6em 2.2em;float:right;background:#edece4;border-radius:3px}h1,h2,h3,h4,h5,h6{color:#242628;text-rendering:optimizeLegibility;line-height:1;margin-top:0}h2{padding-top:0.8em;margin-top:0.8em;border-top:#edece4 1px solid}h1 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -5px 0 inset}h2 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -4px 0 inset}h3 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -3px 0 inset}h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -1px 0 inset}hgroup{margin:1.6em 0}hgroup h1,hgroup h2,hgroup h3,hgroup h4,hgroup h5,hgroup h6{padding:0;margin:0;border:none;margin-bottom:5px}hgroup h1 a,hgroup h2 a,hgroup h3 a,hgroup h4 a,hgroup h5 a,hgroup h6 a{color:#242628}hgroup h1 a:hover,hgroup h2 a:hover,hgroup h3 a:hover,hgroup h4 a:hover,hgroup h5 a:hover,hgroup h6 a:hover{box-shadow:#242628 0 -1px 0 inset}hgroup h1:nth-child(n+2),hgroup h2:nth-child(n+2),hgroup h3:nth-child(n+2),hgroup h4:nth-child(n+2),hgroup h5:nth-child(n+2),hgroup h6:nth-child(n+2){font-size:1.8em;font-weight:300;color:#aaa9a2}p,ul,ol{margin:1.6em 0}ol ol,ul ul,ul ol,ol ul{margin:0.4em 0}a{color:#5ba4e5;text-decoration:none;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}a:hover{text-decoration:underline}a.highlight{color:#f2a925;font-weight:bold}hr{display:block;height:1px;border:0;border-top:1px solid #edece4;margin:3.2em 0;padding:0}blockquote{margin:1.6em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 1.6em 0 1.6em;border-left:#edece4 0.6em solid}blockquote p{margin:0.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:0.8em 0 0.8em 1.5em;font-size:0.9em;color:#aaa9a2}blockquote small:before{content:'\2014 \00A0'}blockquote cite{font-weight:bold}blockquote cite a{font-weight:normal}dl{margin:1.6em 0}dl dt{float:left;width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;margin-bottom:1em}dl dd{margin-left:200px;margin-bottom:1em}mark{background-color:#ffc336}main{position:absolute;top:55px;right:15px;bottom:0;left:15px;padding:0}@media (max-width: 400px){main{top:40px;left:0;right:0}} -.floatingheader{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0;right:0;z-index:400;height:40px;padding:10px 15px;text-transform:uppercase;color:#aaa9a2;background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),color-stop(25%, #fff),color-stop(100%, rgba(255,255,255,0.9)));background-image:-webkit-linear-gradient(top, #fff 0%,#fff 25%,rgba(255,255,255,0.9) 100%);background-image:linear-gradient(to bottom,#fff 0%,#fff 25%,rgba(255,255,255,0.9) 100%)}.floatingheader button,.floatingheader .button{display:inline-block;font-size:10px;min-height:20px;height:20px;padding:3px 4px;vertical-align:top}.floatingheader button.button-back,.floatingheader .button.button-back{position:relative;top:-2px;left:3px;display:none;padding:0 6px 0 3px}.floatingheader button.button-back:active,.floatingheader .button.button-back:active{box-shadow:none}.floatingheader button.button-back:before,.floatingheader .button.button-back:before{left:-8px;border-width:10px 8px 10px 0}@media (max-width: 800px){.floatingheader button.button-back,.floatingheader .button.button-back{display:inline-block}}.floatingheader small{font-size:0.85em}.floatingheader a{color:#aaa9a2}.floatingheader a:hover{color:#242628}.scrolling .floatingheader{box-shadow:rgba(0,0,0,0.02) 0 1px 2px,rgba(255,255,255,0.5) 0 -1px 0 inset}.scrolling .floatingheader::before{content:"";height:40px;width:80%;position:absolute;bottom:0;left:50%;margin-left:-40%;box-shadow:rgba(0,0,0,0.02) 0 2px 2px}.scrolling .floatingheader::after{content:"";height:40px;width:30%;position:absolute;bottom:0;left:50%;margin-left:-15%;box-shadow:rgba(0,0,0,0.02) 0 3px 3px}#nprogress{pointer-events:none;-webkit-pointer-events:none}#nprogress .bar{background:#5ba4e5;position:fixed;z-index:100;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #5ba4e5,0 0 5px #5ba4e5;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-moz-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);-o-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px)}#nprogress .spinner{display:block;position:fixed;z-index:100;top:15px;right:15px}#nprogress .spinner-icon{width:14px;height:14px;border:solid 2px transparent;border-top-color:#5ba4e5;border-left-color:#5ba4e5;border-radius:10px;-webkit-animation:nprogress-spinner 400ms linear infinite;-moz-animation:nprogress-spinner 400ms linear infinite;-ms-animation:nprogress-spinner 400ms linear infinite;-o-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes nprogress-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes nprogress-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes nprogress-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}code,tt{font-family:Inconsolata,monospace;font-size:0.85em;white-space:pre-wrap;background:#f1f0ea;border:1px solid #dddbcc;border-radius:2px;padding:1px 3px}pre{margin:1.6em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#f1f0ea;border:1px solid #dddbcc;width:100%;padding:10px;font-family:Inconsolata,monospace;font-size:0.9em;white-space:pre;overflow:auto;border-radius:3px}pre code,pre tt{font-size:inherit;white-space:-moz-pre-wrap;white-space:pre-wrap;background:transparent;border:none;padding:0}kbd{display:inline-block;margin-bottom:0.4em;padding:1px 8px;border:#ccc 1px solid;color:#242628;text-shadow:#fff 0 1px 0;font-size:0.9em;font-weight:bold;background:#f4f4f4;border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,0.2),0 1px 0 0 #fff inset}.label,form label{display:inline-block;position:absolute;top:0.5em;left:0;width:120px;font-weight:bold;color:#aaa9a2;text-align:right}@media (max-width: 550px){.label,form label{display:block;position:relative;top:auto;left:auto;width:auto;margin-bottom:5px;text-align:left}} -form p{max-width:400px;color:#9e9d95;font-size:1em;margin:0}fieldset{border:none;margin:0 0 3em 0;padding:0}legend{display:block;width:100%;margin:2em 0;border-bottom:#edece4 1px solid;font-size:1.2em;line-height:2.0em;color:#aaa9a2}input,textarea,select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:280px;padding:5px 7px;margin:0;outline:0;font-size:1.1em;line-height:1.4em;background:#fff;border:#e3e1d5 1px solid;border-radius:2px;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}@media (max-width: 550px){input,textarea,select{width:100%}} -textarea{width:100%;max-width:340px;min-width:250px;height:auto;min-height:6.5em}input,select,textarea{margin-bottom:5px}input[type="text"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,textarea:focus{border:#aaa9a2 1px solid;background:#fff;outline:none;outline-width:0}select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:270px;height:30px;line-height:30px}@media (max-width: 550px){select{width:100%}} -@-moz-document url-prefix(){select{height:auto}}.form-group{position:relative;margin:1.5em 0;padding-left:140px}@media (max-width: 550px){.form-group{padding-left:0}} -input[type="checkbox"]{display:none}.checkbox{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;top:auto;margin-top:0.5em;display:inline-block;width:18px;height:18px;cursor:pointer;border-radius:2px;background:#f7f7f3;border:#e3e1d5 1px solid;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}.checkbox:after{opacity:0;content:"";position:absolute;width:7px;height:3px;top:5px;left:4px;border:3px solid #fff;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}input[type=checkbox]:checked+.checkbox{background:#9fbb58;border:#b4ca7c}input[type=checkbox]:checked+.checkbox:after{opacity:1}.btn,.button,button,input[type="button"],.button-save,button[type="submit"],input[type="submit"],.button-add,.button-delete,button[type="reset"],input[type="reset"],.button-alt,.button-link,.button-back{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:35px;width:auto;display:inline-block;padding:0.9em 1.37em;cursor:pointer;text-decoration:none;color:#fff;font-size:11px;line-height:13px;font-weight:300;text-align:center;letter-spacing:1px;text-transform:uppercase;text-shadow:none;border-radius:0.2em;border:rgba(0,0,0,0.05) 0.1em solid;-webkit-transition:background 0.3s ease,border-color 0.3s ease;-moz-transition:background 0.3s ease,border-color 0.3s ease;transition:background 0.3s ease,border-color 0.3s ease}.btn:hover,.button:hover,button:hover,input[type="button"]:hover,.button-save:hover,input[type="submit"]:hover,.button-add:hover,.button-delete:hover,input[type="reset"]:hover,.button-alt:hover,.button-link:hover,.button-back:hover{border-color:transparent;background:#f8f8f8;text-decoration:none}.btn:active,.button:active,button:active,input[type="button"]:active,.button-save:active,input[type="submit"]:active,.button-add:active,.button-delete:active,input[type="reset"]:active,.button-alt:active,.button-link:active,.button-back:active{box-shadow:rgba(0,0,0,0.3) 0 1px 3px inset}.btn:disabled,.button:disabled,button:disabled,input[type="button"]:disabled,.button-save:disabled,input[type="submit"]:disabled,.button-add:disabled,.button-delete:disabled,input[type="reset"]:disabled,.button-alt:disabled,.button-link:disabled,.button-back:disabled{opacity:0.5;cursor:not-allowed}.btn.large,.large.button,button.large,input.large[type="button"],.large.button-save,input.large[type="submit"],.large.button-add,.large.button-delete,input.large[type="reset"],.large.button-alt,.large.button-link,.large.button-back{padding:1em 1.8em;font-size:14px;line-height:16px}.button,button,input[type="button"]{color:#777;font-weight:normal;background:#eee;box-shadow:none}.button:hover,button:hover,input[type="button"]:hover{border-color:rgba(0,0,0,0.1)}.button-save,button[type="submit"],input[type="submit"]{background:#5ba4e5;box-shadow:none}.button-save:hover,button[type="submit"]:hover,input[type="submit"]:hover{background:#2f8cde}.button-add{background:#9fbb58}.button-add:hover{background:#8ba644}.button-delete,button[type="reset"],input[type="reset"]{background:#e25440;box-shadow:none}.button-delete:hover,button[type="reset"]:hover,input[type="reset"]:hover{background:#cf3520}.button-alt{background:#3c4043}.button-alt:hover{background:#242628}.button-link{color:#5ba4e5;background:transparent;border:none}.button-link:hover{background:transparent;text-decoration:underline}.button-back{position:absolute;top:20px;left:20px;margin-right:30px;padding:0.5em 1.37em 0.5em 1.10em;display:none;color:#fff;background:#5ba4e5;border:none;border-top-left-radius:0;border-bottom-left-radius:0}.button-back:before{content:' ';position:absolute;top:0;left:-10px;width:0;height:0;border-width:18px 10px 18px 0;border-color:transparent #5ba4e5 transparent transparent;border-style:solid solid solid none;-webkit-transform:scale(0.9999);-moz-transform:scale(0.9999);-ms-transform:scale(0.9999);-o-transform:scale(0.9999);transform:scale(0.9999);-webkit-transition:border-color 0.3s ease;-moz-transition:border-color 0.3s ease;transition:border-color 0.3s ease}.button-back:hover{color:#fff;background:#2f8cde;border-color:#2f8cde}.button-back:hover:before{border-right-color:#2f8cde}@media (max-width: 800px){.button-back{display:inline-block}} -.splitbtn,.splitbutton,.splitbutton-save,.splitbutton-add,.splitbutton-delete,.splitbutton-alt{display:inline-block;position:relative;font-size:0;white-space:nowrap}.splitbtn button,.splitbutton button,.splitbutton-save button,.splitbutton-add button,.splitbutton-delete button,.splitbutton-alt button{font-size:11px;border-top-right-radius:0;border-bottom-right-radius:0}.splitbtn .options,.splitbutton .options,.splitbutton-save .options,.splitbutton-add .options,.splitbutton-delete .options,.splitbutton-alt .options{display:inline-block;position:relative;width:35px;height:35px;margin-left:-1px;vertical-align:top;text-align:center;color:#fff;background:#e5e5e5;border-radius:0 2px 2px 0;box-shadow:rgba(0,0,0,0.02) 0 1px 0 inset,rgba(0,0,0,0.02) -1px 0 0 inset,rgba(0,0,0,0.02) 0 -1px 0 inset;-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;transition:background-color 0.3s linear}.splitbtn .options:before,.splitbutton .options:before,.splitbutton-save .options:before,.splitbutton-add .options:before,.splitbutton-delete .options:before,.splitbutton-alt .options:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:9px;position:absolute;top:50%;right:50%;margin-top:-3px;margin-right:-5px;-webkit-transition:margin-top 0.3s ease;-moz-transition:margin-top 0.3s ease;transition:margin-top 0.3s ease;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3;-moz-transition-duration:0.3;transition-duration:0.3;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease}.splitbtn .options:hover,.splitbutton .options:hover,.splitbutton-save .options:hover,.splitbutton-add .options:hover,.splitbutton-delete .options:hover,.splitbutton-alt .options:hover{text-decoration:none}.splitbtn .options.active:before,.splitbutton .options.active:before,.splitbutton-save .options.active:before,.splitbutton-add .options.active:before,.splitbutton-delete .options.active:before,.splitbutton-alt .options.active:before{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.splitbtn .options.up.active:before,.splitbutton .options.up.active:before,.splitbutton-save .options.up.active:before,.splitbutton-add .options.up.active:before,.splitbutton-delete .options.up.active:before,.splitbutton-alt .options.up.active:before{margin-top:-4px;-webkit-transform:rotate(540deg);-moz-transform:rotate(540deg);-ms-transform:rotate(540deg);-o-transform:rotate(540deg);transform:rotate(540deg)}.splitbtn .options:hover,.splitbutton .options:hover,.splitbutton-save .options:hover,.splitbutton-add .options:hover,.splitbutton-delete .options:hover,.splitbutton-alt .options:hover{box-shadow:none;background:#f8f8f8}.splitbtn .options:hover:before,.splitbutton .options:hover:before,.splitbutton-save .options:hover:before,.splitbutton-add .options:hover:before,.splitbutton-delete .options:hover:before,.splitbutton-alt .options:hover:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.splitbtn .options:hover:hover,.splitbutton .options:hover:hover,.splitbutton-save .options:hover:hover,.splitbutton-add .options:hover:hover,.splitbutton-delete .options:hover:hover,.splitbutton-alt .options:hover:hover{text-decoration:none}.splitbtn .options.up:hover:before,.splitbutton .options.up:hover:before,.splitbutton-save .options.up:hover:before,.splitbutton-add .options.up:hover:before,.splitbutton-delete .options.up:hover:before,.splitbutton-alt .options.up:hover:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";margin-top:-4px;-webkit-transform:rotate(540deg);-moz-transform:rotate(540deg);-ms-transform:rotate(540deg);-o-transform:rotate(540deg);transform:rotate(540deg);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.6;-moz-transition-duration:0.6;transition-duration:0.6;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease}.splitbtn .options.up:hover:hover,.splitbutton .options.up:hover:hover,.splitbutton-save .options.up:hover:hover,.splitbutton-add .options.up:hover:hover,.splitbutton-delete .options.up:hover:hover,.splitbutton-alt .options.up:hover:hover{text-decoration:none}.splitbutton .options{color:#777}.splitbutton .options:hover{box-shadow:rgba(0,0,0,0.07) 0 1px 0 inset,rgba(0,0,0,0.07) -1px 0 0 inset,rgba(0,0,0,0.07) 0 -1px 0 inset}.splitbutton-save .options{background:#4598e2}.splitbutton-save .options:hover,.splitbutton-save .options.active{background:#2f8cde}.splitbutton-add .options{background:#91ae47}.splitbutton-add .options:hover{background:#8ba644}.splitbutton-delete .options{background:#de3c25}.splitbutton-delete .options:hover{background:#cf3520}.splitbutton-alt .options{background:#2e3033}.splitbutton-alt .options:hover{background:#242628}table{margin:1.6em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;background-color:transparent}table th,table td{padding:8px;line-height:20px;text-align:left;vertical-align:middle;border-top:1px solid #edece4}table th{color:#aaa9a2}table caption+thead tr:first-child th,table caption+thead tr:first-child td,table colgroup+thead tr:first-child th,table colgroup+thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td{border-top:0}table tbody+tbody{border-top:2px solid #edece4}table table table{background-color:#fff}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:#f7f7f3}table.plain tbody>tr:nth-child(odd)>td,table.plain tbody>tr:nth-child(odd)>th{background:transparent}nav ul{list-style:none;margin:0;padding:0;border-top:#edece4 1px solid}nav li a{display:block;padding:10px 15px;color:#aaa9a2;border-bottom:#edece4 1px solid}nav li a:hover{color:#242628;background:#edece4;text-decoration:none}nav li a:before{margin-right:1em}.ghost-logo{display:block;float:left;height:40px;padding:12px 15px;color:#4d5356;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ghost-logo:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e000";line-height:0}.ghost-logo:hover{text-decoration:none}.ghost-logo:hover{text-decoration:none}.ghost-logo:hover{color:#e2edf2;background:#1f2123}.navbar{height:40px;font-size:0.85em;background:#242628}@media (max-width: 1000px){.navbar{font-weight:normal}}.navbar nav ul{float:left;border-left:#35393b 1px solid;border-top:none}.navbar nav li{float:left;font-size:1em;position:relative;border-right:#35393b 1px solid}.navbar nav li a{display:block;height:40px;padding:11px 15px;border-bottom:none;color:#7d878a;text-transform:uppercase;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.navbar nav li a:hover,.navbar nav li.active a{color:#e2edf2;text-decoration:none;position:relative;background:#303436;box-shadow:0 -2px 2px rgba(0,0,0,0.2) inset}.navbar nav li.active a:after{content:"";position:absolute;bottom:0;left:50%;margin-left:-5px;border-width:0 5px 5px 5px;border-style:solid;border-color:#edece4 transparent;display:block;width:0}@media (max-width: 400px){.navbar nav li.active a:after{border-color:#fff transparent}}.navbar nav li ul{position:absolute;top:40px;right:0;min-width:200px;background:#242628}.navbar nav li li{width:100%;border-right:none}.navbar nav a:before{margin-right:5px}.navbar nav .dashboard a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e025";vertical-align:-10%}.navbar nav .dashboard a:hover{text-decoration:none}.navbar nav .content a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02d"}.navbar nav .content a:hover{text-decoration:none}.navbar nav .editor a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e032"}.navbar nav .editor a:hover{text-decoration:none}.navbar nav .settings a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e029"}.navbar nav .settings a:hover{text-decoration:none}.navbar .subnav{position:relative}.navbar .subnav>a:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:8px;margin-left:8px}.navbar .subnav>a:hover{text-decoration:none}.navbar .subnav>a.active{color:#e2edf2;background:#2e3133;-webkit-transition:none;-moz-transition:none;transition:none;box-shadow:none}.navbar .subnav ul{display:none;padding:7px 0;border-left:none;position:absolute;top:40px;left:-1px;z-index:800;background:#2e3133;box-shadow:rgba(0,0,0,0.2) 0 4px 6px}.navbar .subnav li a{color:#e2edf2}.navbar .subnav li a:hover{background:#0c0d0d;-webkit-transition:none;-moz-transition:none;transition:none;box-shadow:none}.navbar .subnav li a:before{margin-right:1em}.navbar .subnav .divider{height:1px;margin:7px 0;overflow:hidden;background:#35393b}.usermenu.subnav{position:absolute;top:0;right:0;border-right:none;border-left:#35393b 1px solid}.usermenu.subnav>a{padding-left:43px}.usermenu.subnav .avatar{height:18px;width:18px;border-radius:50px;position:absolute;top:11px;left:15px}.usermenu.subnav>ul{right:0;left:auto}.usermenu.subnav .usermenu-profile a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02e"}.usermenu.subnav .usermenu-profile a:hover{text-decoration:none}.usermenu.subnav .usermenu-help a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02f";font-size:1.1em}.usermenu.subnav .usermenu-help a:hover{text-decoration:none}.usermenu.subnav .usermenu-shortcuts a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e00d"}.usermenu.subnav .usermenu-shortcuts a:hover{text-decoration:none}.usermenu.subnav .usermenu-signout a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02b"}.usermenu.subnav .usermenu-signout a:hover{text-decoration:none}@media (max-width: 650px){#global-header .ghost-logo{height:40px;width:40px;text-align:center;padding:12px 0;-webkit-transition:margin-left 0.3s ease 0s;-moz-transition:margin-left 0.3s ease 0s;transition:margin-left 0.3s ease 0s}#global-header .ghost-logo:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e005";font-size:14px}#global-header .ghost-logo:hover{text-decoration:none}.off-canvas #global-header .ghost-logo{margin-left:280px;-webkit-transition:margin-left 0.3s ease 0.1s;-moz-transition:margin-left 0.3s ease 0.1s;transition:margin-left 0.3s ease 0.1s}#global-header ul{position:fixed;overflow:auto;top:0;right:auto;bottom:0;left:-280px;z-index:980;width:280px;padding-top:40px;font-weight:normal;background:#242628;border-left:none;-webkit-transition:left 0.3s ease 0.2s;-moz-transition:left 0.3s ease 0.2s;transition:left 0.3s ease 0.2s}.off-canvas #global-header ul{left:0;-webkit-transition:left 0.3s ease 0s;-moz-transition:left 0.3s ease 0s;transition:left 0.3s ease 0s}#global-header li{float:none;border-right:none;border-bottom:#35393b 1px solid}#global-header li a:hover,#global-header li.active a{box-shadow:none}#global-header li.active a:after{display:none}#global-header li a:before{margin-right:1em}#global-header li ul{position:static;min-width:0;background:#242628}#global-header li li{width:auto}#global-header .usermenu{position:fixed;top:0;right:auto;bottom:auto;left:-280px;height:40px;z-index:990;width:279px;border-left:none;border-right:#242728 1px solid;border-bottom:#292c2e 1px solid;background-color:#1d1e20;background-image:-webkit-linear-gradient(bottom, #111213, #1d1e20);background-image:-moz-linear-gradient(bottom, #111213, #1d1e20);background-image:-ms-linear-gradient(bottom, #111213, #1d1e20);background-image:linear,to top,#111213,#1d1e20;-webkit-transition:left 0.3s ease 0.2s;-moz-transition:left 0.3s ease 0.2s;transition:left 0.3s ease 0.2s}.off-canvas #global-header .usermenu{left:0;-webkit-transition:left 0.3s ease 0s;-moz-transition:left 0.3s ease 0s;transition:left 0.3s ease 0s}#global-header .usermenu>a:hover{background:inherit}#global-header .usermenu>a.active{background:#2e3133}#global-header .usermenu>ul{padding:0;box-shadow:none;width:100%;font-weight:300}#global-header .usermenu .open{box-shadow:rgba(0,0,0,0.4) 0 10px 20px}#global-header .usermenu li{border-bottom:#2e3133 1px solid}#global-header .usermenu li a{background:#2e3133}#global-header .usermenu li a:hover{background:#222426}#global-header .usermenu li a:before{margin-right:1em}#global-header .usermenu .divider{display:none}} -.dropdown:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:8px;padding-left:6px;vertical-align:0}.dropdown:hover{text-decoration:none}.dropdown.active{color:#242628}.dropdown.active:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:8px}.dropdown.active:hover{text-decoration:none}.menu,.menu-drop,.menu-drop-left,.menu-drop-right,.menu-left,.menu-right,#publish-bar .splitbutton-save .editor-options,#publish-bar .splitbutton-delete .editor-options,.suggestions{display:inline-block;position:absolute;z-index:960;padding:6px 0;border:none;list-style:none;color:#e2edf2;background:#242628;border-radius:3px;box-shadow:rgba(0,0,0,0.5) 0 1px 15px}.menu:before,.menu-drop:before,.menu-drop-left:before,.menu-drop-right:before,.menu-left:before,.menu-right:before,#publish-bar .splitbutton-save .editor-options:before,#publish-bar .splitbutton-delete .editor-options:before,.suggestions:before{content:"";position:absolute;bottom:-10px;left:50%;margin-left:-10px;border-width:10px 10px 0 10px;border-style:solid;border-color:#242628 transparent;display:block;width:0}.menu li,.menu-drop li,.menu-drop-left li,.menu-drop-right li,.menu-left li,.menu-right li,#publish-bar .splitbutton-save .editor-options li,#publish-bar .splitbutton-delete .editor-options li,.suggestions li{overflow:hidden}.menu a,.menu-drop a,.menu-drop-left a,.menu-drop-right a,.menu-left a,.menu-right a,#publish-bar .splitbutton-save .editor-options a,#publish-bar .splitbutton-delete .editor-options a,.suggestions a,.menu p,.menu-drop p,.menu-drop-left p,.menu-drop-right p,.menu-left p,.menu-right p,#publish-bar .splitbutton-save .editor-options p,#publish-bar .splitbutton-delete .editor-options p,.suggestions p{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;position:relative;padding:10px 25px 10px 35px;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#e2edf2 !important;text-transform:none;text-decoration:none}.menu a:hover,.menu-drop a:hover,.menu-drop-left a:hover,.menu-drop-right a:hover,.menu-left a:hover,.menu-right a:hover,#publish-bar .splitbutton-save .editor-options a:hover,#publish-bar .splitbutton-delete .editor-options a:hover,.suggestions a:hover,.menu p:hover,.menu-drop p:hover,.menu-drop-left p:hover,.menu-drop-right p:hover,.menu-left p:hover,.menu-right p:hover,#publish-bar .splitbutton-save .editor-options p:hover,#publish-bar .splitbutton-delete .editor-options p:hover,.suggestions p:hover{background:#5ba4e5;box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset}.menu .active a:before,.menu-drop .active a:before,.menu-drop-left .active a:before,.menu-drop-right .active a:before,.menu-left .active a:before,.menu-right .active a:before,#publish-bar .splitbutton-save .editor-options .active a:before,#publish-bar .splitbutton-delete .editor-options .active a:before,.suggestions .active a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e033";position:absolute;top:14px;left:11px}.menu .active a:hover,.menu-drop .active a:hover,.menu-drop-left .active a:hover,.menu-drop-right .active a:hover,.menu-left .active a:hover,.menu-right .active a:hover,#publish-bar .splitbutton-save .editor-options .active a:hover,#publish-bar .splitbutton-delete .editor-options .active a:hover,.suggestions .active a:hover{text-decoration:none}.menu-drop:before,.menu-drop-left:before,.menu-drop-right:before{top:-10px;bottom:auto;border-width:0 10px 10px 10px}.menu-left:before,.menu-drop-left:before{left:10px;margin-left:0}.menu-right:before,.menu-drop-right:before,#publish-bar .splitbutton-save .editor-options:before,#publish-bar .splitbutton-delete .editor-options:before{left:auto;right:10px;margin-left:0}.post-settings{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding:0 10px;color:#7d878a;-webkit-transition:all 0.15s ease-out 0;-moz-transition:all 0.15s ease-out 0;transition:all 0.15s ease-out 0;position:relative;top:1px}.post-settings:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e006";font-size:14px}.post-settings:hover{text-decoration:none}.post-settings:hover,.post-settings.active{color:#242628}.post-settings-menu{padding-top:0;text-transform:none}.post-settings-menu table{margin:0}.post-settings-menu td{padding:0;border-top:none;border-bottom:#414648 1px solid}.post-settings-menu .post-setting-label{padding:8px 10px 8px 15px;border-right:#414648 1px solid;text-align:right}.post-settings-menu .label,.post-settings-menu form label,form .post-settings-menu label{position:static;width:auto;font-weight:normal;color:#7d878a;white-space:nowrap}.post-settings-menu input{width:200px;margin:0}@media (max-width: 550px){.post-settings-menu input{width:200px}}.post-settings-menu input[type="text"]{border:none;padding:8px 0 8px 10px;color:#e2edf2;border-radius:0;background:transparent}.post-settings-menu input[type="text"]:focus{background:#35393b;border:none}.post-settings-menu .post-setting-item{padding:5px 0 0 10px}.post-settings-menu .checkbox{position:relative;margin-top:0;width:18px;border:#4d5356 1px solid;background:#35393b}.post-settings-menu .delete{display:block;padding:10px 15px}.post-settings-menu .delete:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e023";position:relative;top:-1px;margin-right:10px}.post-settings-menu .delete:hover{text-decoration:none}.post-settings-menu .delete:hover{background:#e25440}@media (min-width: 401px), (min-width: 401px){.notifications{position:absolute;bottom:0;left:0;z-index:980;width:300px}}@media (max-width: 400px){.notifications{position:fixed;top:0;left:0;right:0;z-index:9999}} -.js-bb-notification{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.notification,.notification-success,.notification-error,.notification-warn,.notification-info{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:40px;padding:10px 43px 10px 57px;margin:0 0 15px 0;color:rgba(255,255,255,0.9);background:#5ba4e5;position:relative;box-shadow:rgba(0,0,0,0.05) 0 1px 5px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.notification:before,.notification-success:before,.notification-error:before,.notification-warn:before,.notification-info:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e031";position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;width:44px;padding:14px 15px;text-align:center;color:rgba(255,255,255,0.8);background:rgba(0,0,0,0.1)}.notification:hover,.notification-success:hover,.notification-error:hover,.notification-warn:hover,.notification-info:hover{text-decoration:none}@media (max-width: 400px){.notification,.notification-success,.notification-error,.notification-warn,.notification-info{margin-bottom:1px}}.notification .close,.notification-success .close,.notification-error .close,.notification-warn .close,.notification-info .close{display:inline-block;color:rgba(255,255,255,0.6);cursor:pointer}.notification .close:after,.notification-success .close:after,.notification-error .close:after,.notification-warn .close:after,.notification-info .close:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01c";padding:6px;position:absolute;top:8px;right:9px}.notification .close:hover,.notification-success .close:hover,.notification-error .close:hover,.notification-warn .close:hover,.notification-info .close:hover{text-decoration:none}.notification .close:hover,.notification-success .close:hover,.notification-error .close:hover,.notification-warn .close:hover,.notification-info .close:hover{color:#fff}.notification a,.notification-success a,.notification-error a,.notification-warn a,.notification-info a{color:inherit;text-decoration:underline}.notification-success{background:#9fbb58}.notification-success:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e030"}.notification-success:hover{text-decoration:none}.notification-success.notification-passive{-webkit-animation:fade-out 1s linear;-moz-animation:fade-out 1s linear;animation:fade-out 1s linear;-webkit-animation-delay:3s;-moz-animation-delay:3s;animation-delay:3s;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.notification-error{background:#e25440}.notification-error:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01a"}.notification-error:hover{text-decoration:none}.notification-warn{background:#f2a925}.notification-warn:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e014"}.notification-warn:hover{text-decoration:none}.notification-info{background:#5ba4e5}.notification-info:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e014"}.notification-info:hover{text-decoration:none}.update-available main{bottom:56px}#modal-container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:auto;overflow-y:scroll;z-index:1040;pointer-events:none;-webkit-transition:all 0.15s linear 0s;-moz-transition:all 0.15s linear 0s;transition:all 0.15s linear 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.fade{opacity:0;-webkit-transition:opacity 0.2s linear 0s;-moz-transition:opacity 0.2s linear 0s;transition:opacity 0.2s linear 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.fade.in{opacity:1}.modal-background{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.4);z-index:1030}.modal,.modal-action{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;left:50%;right:auto;width:450px;margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:30px;z-index:1050;pointer-events:auto}@media (max-width: 800px){.modal,.modal-action{width:auto;padding:10px}}.modal button,.modal-action button{min-width:100px}@media (max-width: 800px){.modal,.modal-action{width:100%;margin-left:0}}.modal .image-uploader,.modal-action .image-uploader,.modal .pre-image-uploader,.modal-action .pre-image-uploader{margin:0}.modal-action{padding:60px 0 30px}@media (max-width: 800px){.modal-action{padding:30px 0}} -.modal-content{-webkit-box-sizing:padding-box;-moz-box-sizing:padding-box;box-sizing:padding-box;position:relative;padding:20px;background-clip:padding-box;background-color:#FFFFFF;border-radius:2px;box-shadow:rgba(0,0,0,0.2) 0 0 0 6px}.modal-content .close{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:15px;right:15px;width:16px;min-height:16px;padding:0;margin:0;border:none;z-index:9999;-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;transition:opacity 0.3s linear}.modal-content .close:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e034";font-size:1em;color:#7d878a}.modal-content .close:hover{text-decoration:none}.modal-content .close:hover{color:#242628}.modal-header{position:relative;padding:20px;border-bottom:1px solid #edece4}.modal-header h1{display:inline-block;margin:0;font-size:1.5em;font-weight:bold}.modal-body{position:relative;min-height:100px;overflow-y:auto}.modal-footer{margin-top:20px}.modal-style-wide{width:550px}@media (max-width: 800px){.modal-style-wide{width:100%}} -.modal-style-centered{text-align:center}.image-uploader{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1.6em 0;position:relative;overflow:hidden;padding:55px 60px;border:#edece4 3px dashed;width:100%;height:auto;text-align:center;color:#aaa9a2;background:#F9F8F5}.image-uploader a{color:#aaa9a2;text-decoration:none}.image-uploader a:hover{color:#242628}.image-uploader .description{margin-top:10px}.image-uploader .media:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e011";font-size:60px;color:#e7e6db;display:inline-block;vertical-align:initial;-webkit-transition:transform 1s ease;-moz-transition:transform 1s ease;transition:transform 1s ease}.image-uploader .media:hover{text-decoration:none}.image-uploader .image-url,.image-uploader .image-upload{line-height:12px;padding:10px;display:block;position:absolute;bottom:0;left:0;color:#aaa9a2;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-uploader .image-url:hover,.image-uploader .image-upload:hover{cursor:pointer}.image-uploader .image-webcam:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e036";font-size:12px}.image-uploader .image-webcam:hover{text-decoration:none}.image-uploader .image-url:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e035";font-size:12px}.image-uploader .image-url:hover{text-decoration:none}.image-uploader .image-upload:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e011";font-size:12px}.image-uploader .image-upload:hover{text-decoration:none}.image-uploader .button-add{display:inline-block;position:relative;z-index:700;color:#fff;padding-left:5px}.image-uploader .button-save{margin:0 0 0 10px}.image-uploader input.main{position:absolute;right:0;margin:0;opacity:0;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;-o-transform-origin:right;transform-origin:right;-webkit-transform:scale(14);-moz-transform:scale(14);-ms-transform:scale(14);-o-transform:scale(14);transform:scale(14);font-size:23px;direction:ltr;cursor:pointer}.image-uploader input.main.right{right:9999px;height:0}.image-uploader input.url{font:-webkit-small-control;box-sizing:border-box;width:276px;vertical-align:middle;padding:9px 7px;margin:10px 0;outline:0;font-size:1.1em;background:#fff;border:#e3e1d5 1px solid;border-radius:4px;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out}.image-uploader .progress{position:relative;margin:-19px 0 44px 0;display:block;overflow:hidden;background-color:#f5f5f5;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5),color-stop(100%, #f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);border-radius:12px;box-shadow:rgba(0,0,0,0.1) 0 1px 2px inset}.image-uploader .fileupload-loading{display:block;top:50%;width:35px;height:28px;margin:-28px auto 0;background-size:contain}.image-uploader .failed{position:relative;top:-40px;font-size:16px}.image-uploader .bar{height:12px;background:#5ba4e5}.image-uploader .bar.fail{background:#e25440}.pre-image-uploader{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1.6em 0;position:relative;overflow:hidden;height:auto;color:#aaa9a2;background:rgba(0,0,0,0.1);border-radius:2px;min-height:46px}.pre-image-uploader input{position:absolute;left:9999px;opacity:0}.pre-image-uploader a{z-index:10000;color:#aaa9a2;text-decoration:none}.pre-image-uploader a:hover{color:#242628}.pre-image-uploader img{display:block;max-width:100%;margin:0 auto;line-height:0}.pre-image-uploader .image-cancel{position:absolute;top:10px;right:10px;padding:8px;z-index:300;color:#fff;text-decoration:none;line-height:0;border-radius:2px;background:rgba(0,0,0,0.6);box-shadow:rgba(255,255,255,0.2) 0 0 0 1px}.pre-image-uploader .image-cancel:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e023";font-size:11px}.pre-image-uploader .image-cancel:hover{text-decoration:none}.pre-image-uploader .image-cancel:hover{color:#fff;cursor:pointer;background:#e25440}.manage .content-view-container{position:relative;height:100%;width:100%}@media (max-width: 800px){.manage .content-view-container{overflow-x:hidden}}.manage .content-list{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:35%;padding:15px;position:absolute;bottom:0;top:0;left:0;border-right:#edece4 2px solid;background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}@media (max-width: 800px){.manage .content-list{width:auto;right:0;z-index:500;border:none}}.manage .content-list .content-filter{position:relative;z-index:300}.manage .content-list .content-filter>a{padding:5px;margin-left:-5px}.manage .content-list .content-filter .menu-drop,.manage .content-list .content-filter .menu-drop-left,.manage .content-list .content-filter .menu-drop-right{display:block}.manage .content-list .button-add{position:absolute;top:10px;right:15px;z-index:700;color:#fff;padding-left:5px}.manage .content-list .button-add:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e032"}.manage .content-list .button-add:hover{text-decoration:none}.manage .content-list .content-list-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding-top:40px}.manage .content-list .entry-title{font-size:1.4em;line-height:1.1em;margin-bottom:0.5em;font-weight:normal}.manage .content-list .views{float:right;text-align:right;margin-left:15px}.manage .content-list .views:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e025";font-size:10px;color:#aaa9a2}.manage .content-list .views:hover{text-decoration:none}@media (max-width: 800px){.manage .content-list .views{float:none}}.manage .content-list .featured .status:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e026";font-size:11px;margin-right:10px;vertical-align:7%}.manage .content-list .featured .status:hover{text-decoration:none}.manage .content-list .status .draft{color:#e25440}.manage .content-list .status .scheduled{color:#f2a925}.manage .content-list ol{list-style:none;padding:0;margin:0;border-top:#edece4 1px solid}.manage .content-list ol li{margin:0;padding:0;border-bottom:#edece4 1px solid;position:relative}.manage .content-list ol li a{display:block;padding:20px 15px;color:#aaa9a2}@media (max-width: 400px){.manage .content-list ol li a{padding:15px}}@media (max-width: 800px){.manage .content-list ol li a{padding-right:40px}}.manage .content-list ol li a:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01d";position:absolute;top:50%;margin-top:-6px;right:15px}.manage .content-list ol li a:hover{text-decoration:none}@media (min-width: 800px), (min-width: 800px){.manage .content-list ol li a::after{display:none}}.manage .content-list ol li a:hover{text-decoration:none}@media (min-width: 800px), (min-width: 800px){.manage .content-list ol li.active{border-bottom:#e8eaeb 1px solid;background:#f6f6f7;box-shadow:#e8eaeb 0 -1px 0,rgba(0,0,0,0.06) 7px 0 0 inset,#e8eaeb 1px 0 0 inset}.manage .content-list ol li.active a:hover{box-shadow:rgba(0,0,0,0.1) 7px 0 0 inset;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}.manage .content-list ol li.active .entry-title{font-weight:bold}.manage .content-list ol li.active .entry-meta{color:#242628}.manage .content-list ol li.active .views{color:#242628;font-weight:normal}.manage .content-list ol li.active .views:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e025";font-size:10px;color:#242628}.manage .content-list ol li.active .views:hover{text-decoration:none}}.manage .content-preview{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:65%;padding:15px;position:absolute;bottom:0;top:0;right:0;border-left:#edece4 2px solid;background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}@media (max-width: 800px){.manage .content-preview{width:auto;left:100%;right:-100%;margin-left:15px;border:none}}.manage .content-preview .unfeatured{vertical-align:-6%;margin:0 7px 0 -5px;padding:5px}.manage .content-preview .unfeatured:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e027";font-size:14px}.manage .content-preview .unfeatured:hover{text-decoration:none}.manage .content-preview .featured{vertical-align:-6%;margin:0 7px 0 -5px;padding:5px}.manage .content-preview .featured:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e026";font-size:14px}.manage .content-preview .featured:hover{text-decoration:none}.manage .content-preview .normal{text-transform:none;margin:0 3px}.manage .content-preview .content-preview-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:80px 40px;word-break:break-word;hyphens:auto}.manage .content-preview .content-preview-content .wrapper{max-width:700px;margin:0 auto}.manage .content-preview .post-controls{float:right;position:relative}.manage .content-preview .post-settings-menu{position:absolute;top:35px;right:-3px}.manage .content-preview .post-edit{margin-right:7px;padding:5px}.manage .content-preview .post-edit:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e00f";font-size:14px}.manage .content-preview .post-edit:hover{text-decoration:none}.manage .content-preview img{width:100%;height:auto}.manage .no-posts-box{position:relative;height:90%;margin:0px auto;padding:0px;display:table;z-index:600}@media (max-width: 800px){.manage .no-posts-box{position:fixed;top:45%;left:50%}}.manage .no-posts-box .no-posts{vertical-align:middle;display:table-cell;text-align:center}@media (max-width: 800px){.manage .no-posts-box .no-posts{display:block;position:relative;left:-50%}}.manage .no-posts-box .no-posts h3{color:#aaa9a2;font-weight:200;font-size:2em}@media (min-width: 401px), (min-width: 401px){.editor .notifications{bottom:40px}}.editor .entry-title{height:53px;padding:2px 15px;margin-bottom:5px;position:relative}@media (max-width: 400px){.editor .entry-title{box-shadow:none}}.editor .entry-title input{border:0;margin:0;padding:0;font-size:3em;font-weight:bold;letter-spacing:-1px;width:100%;background:transparent}.editor .entry-title input:focus{outline:0}.editor .entry-container{position:relative;height:100%}.editor .entry-markdown{left:0;border-right:#edece4 2px solid}.editor .entry-preview{right:0;border-left:#edece4 2px solid}.editor .entry-markdown,.editor .entry-preview{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;padding:15px;position:absolute;bottom:40px;top:61px;background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}@media (max-width: 400px){.editor .entry-markdown,.editor .entry-preview{box-shadow:none}}@media (max-width: 1000px){.editor .entry-markdown,.editor .entry-preview{top:109px;left:0;right:0;width:100%;border:none;z-index:100;min-height:380px}.editor .entry-markdown .markdown,.editor .entry-markdown .entry-preview-content,.editor .entry-preview .markdown,.editor .entry-preview .entry-preview-content{height:50px;overflow:hidden}}@media (max-width: 1000px){.editor .entry-markdown .floatingheader,.editor .entry-preview .floatingheader{cursor:pointer;width:50%;border-right:#edece4 2px solid;color:#fff;font-weight:normal;background:#aaa9a2;position:absolute;top:-40px;left:0;box-shadow:rgba(0,0,0,0.1) 0 -2px 3px inset}.editor .entry-markdown .floatingheader a,.editor .entry-preview .floatingheader a{color:#fff}}.editor .entry-markdown .floatingheader a,.editor .entry-preview .floatingheader a{color:#aaa9a2}.editor .entry-markdown .floatingheader .markdown-help,.editor .entry-preview .floatingheader .markdown-help{position:relative;top:-5px;right:-5px;float:right;padding:5px}.editor .entry-markdown .floatingheader .markdown-help:before,.editor .entry-preview .floatingheader .markdown-help:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e018";color:#cfceca}.editor .entry-markdown .floatingheader .markdown-help:hover,.editor .entry-preview .floatingheader .markdown-help:hover{text-decoration:none}.editor .entry-markdown .floatingheader .markdown-help:hover:before,.editor .entry-preview .floatingheader .markdown-help:hover:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e018";color:#aaa9a2}.editor .entry-markdown .floatingheader .markdown-help:hover:hover,.editor .entry-preview .floatingheader .markdown-help:hover:hover{text-decoration:none}.editor .entry-markdown .floatingheader .entry-word-count,.editor .entry-preview .floatingheader .entry-word-count{float:right}.editor .entry-markdown.active,.editor .entry-preview.active{z-index:200}.editor .entry-markdown.active .markdown,.editor .entry-markdown.active .entry-preview-content,.editor .entry-preview.active .markdown,.editor .entry-preview.active .entry-preview-content{height:auto;overflow:auto}@media (max-width: 1000px){.editor .entry-markdown.active header,.editor .entry-preview.active header{cursor:auto;color:#aaa9a2;background:#fff;box-shadow:none}.editor .entry-markdown.active header a,.editor .entry-preview.active header a{color:#aaa9a2}}@media (max-width: 400px){.editor .entry-markdown .markdown-help,.editor .entry-markdown .entry-word-count,.editor .entry-preview .markdown-help,.editor .entry-preview .entry-word-count{display:none}}.editor .entry-markdown-content textarea{border:0;width:100%;height:100%;max-width:100%;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}.editor .entry-markdown-content textarea:focus{outline:0}.editor .entry-markdown-content .CodeMirror{height:auto;position:absolute;top:0;left:0;right:0;bottom:0;font-family:Inconsolata,monospace;font-size:1.4em;line-height:1.3em;color:#3c4043}.editor .entry-markdown-content .CodeMirror .CodeMirror-focused,.editor .entry-markdown-content .CodeMirror .CodeMirror-selected{color:#242628;background:#b3d5f3;text-shadow:none}.editor .entry-markdown-content .CodeMirror ::selection{color:#242628;background:#b3d5f3;text-shadow:none}.editor .entry-markdown-content .CodeMirror-lines{padding:65px 0 40px 0}@media (max-width: 1000px){.editor .entry-markdown-content .CodeMirror-lines{padding-top:25px}}@media (max-width: 400px){.editor .entry-markdown-content .CodeMirror-lines{padding:15px 0}}.editor .entry-markdown-content .CodeMirror pre{padding:0 40px}@media (max-width: 400px){.editor .entry-markdown-content .CodeMirror pre{padding:0 15px}}.editor .entry-markdown-content .cm-header{color:#000;font-size:1.4em;line-height:1.4em;font-weight:bold}.editor .entry-markdown-content .cm-variable-2,.editor .entry-markdown-content .cm-variable-3,.editor .entry-markdown-content .cm-keyword{color:#3c4043}.editor .entry-markdown-content .cm-string,.editor .entry-markdown-content .cm-strong,.editor .entry-markdown-content .cm-link,.editor .entry-markdown-content .cm-comment,.editor .entry-markdown-content .cm-quote,.editor .entry-markdown-content .cm-number,.editor .entry-markdown-content .cm-atom,.editor .entry-markdown-content .cm-tag{color:#000;font-weight:bold}@media (max-width: 1000px){.editor .entry-preview .floatingheader{right:0;left:auto;border-right:none;border-left:#edece4 2px solid}}.editor .entry-preview .entry-preview-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:60px 40px 40px 40px;overflow:auto;word-break:break-word;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}@media (max-width: 1000px){.editor .entry-preview .entry-preview-content{padding-top:20px}}@media (max-width: 400px){.editor .entry-preview .entry-preview-content{padding:15px}}@media (max-width: 1000px){.editor .scrolling .floatingheader{box-shadow:none}}@media (max-width: 1000px){.editor .scrolling .floatingheader::before,.editor .scrolling .floatingheader::after{display:none}}@media (max-width: 1000px){.editor .scrolling .CodeMirror-scroll,.editor .scrolling .entry-preview-content{box-shadow:0 5px 5px rgba(0,0,0,0.05) inset}} -.entry-preview-content,.content-preview-content{font-size:1.4em;line-height:1.5em}.entry-preview-content a,.content-preview-content a{color:#5ba4e5;text-decoration:underline}.entry-preview-content p,.content-preview-content p{margin:1.2em 0 1.6em}.entry-preview-content p:first-child,.content-preview-content p:first-child{margin-top:0}.entry-preview-content h1,.content-preview-content h1{font-size:3em}.entry-preview-content h2,.content-preview-content h2{font-size:2.2em}.entry-preview-content h3,.content-preview-content h3{font-size:1.8em}.entry-preview-content .btn,.entry-preview-content .button,.entry-preview-content button,.entry-preview-content input[type="button"],.entry-preview-content .button-save,.entry-preview-content input[type="submit"],.entry-preview-content .button-add,.entry-preview-content .button-delete,.entry-preview-content input[type="reset"],.entry-preview-content .button-alt,.entry-preview-content .button-link,.entry-preview-content .button-back,.content-preview-content .btn,.content-preview-content .button,.content-preview-content button,.content-preview-content input[type="button"],.content-preview-content .button-save,.content-preview-content input[type="submit"],.content-preview-content .button-add,.content-preview-content .button-delete,.content-preview-content input[type="reset"],.content-preview-content .button-alt,.content-preview-content .button-link,.content-preview-content .button-back{text-decoration:none;color:#35393b}.entry-preview-content .img-placeholder,.content-preview-content .img-placeholder{border:5px dashed #35393b;height:100px;position:relative}.entry-preview-content .img-placeholder span,.content-preview-content .img-placeholder span{display:block;height:30px;position:absolute;margin-top:-15px;top:50%;width:100%;text-align:center}.entry-preview-content a.image-edit,.content-preview-content a.image-edit{width:16px;height:16px}.entry-preview-content img,.content-preview-content img{max-width:100%;height:auto;margin:0 auto}body.zen{background:#f3f2ed}body.zen .usermenu{display:none}body.zen #global-header,body.zen #publish-bar{opacity:0;height:0;overflow:hidden;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out}body.zen main{top:15px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out}body.zen .entry-markdown,body.zen .entry-preview{bottom:0;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out}#publish-bar{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:40px;padding:0;color:#7d878a;background:#1a1c1d;position:fixed;bottom:0;left:0;right:0;z-index:900;box-shadow:0 -2px 8px rgba(0,0,0,0.2);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}@media (max-width: 1000px){#publish-bar{font-weight:normal}}#publish-bar .post-settings:hover,#publish-bar .post-settings.active{color:#e2edf2}#publish-bar .post-settings-menu{position:absolute;bottom:44px;right:-3px}#publish-bar button{min-height:30px;height:30px;line-height:12px;padding:0 10px;margin-top:5px;border-top:rgba(255,255,255,0.4) 1px solid}#publish-bar .button-link{border-top:none}#publish-bar .options{width:30px;min-height:30px;height:30px;margin-top:5px;box-shadow:rgba(255,255,255,0.4) 0 1px 0 inset}#publish-bar .splitbutton-save .button-save,#publish-bar .splitbutton-save .button-delete,#publish-bar .splitbutton-delete .button-save,#publish-bar .splitbutton-delete .button-delete{-webkit-transition:width 0.25s ease,background-color 0.3s linear;-moz-transition:width 0.25s ease,background-color 0.3s linear;transition:width 0.25s ease,background-color 0.3s linear}#publish-bar .splitbutton-save .editor-options,#publish-bar .splitbutton-delete .editor-options{bottom:140%;right:-3%}#publish-bar .splitbutton-save .editor-options a,#publish-bar .splitbutton-delete .editor-options a{font-size:14px}.extended-tags{position:static;min-height:100%}.extended-tags #entry-tags:after{right:10px}.extended-tags .tags{width:281px}.extended-tags .tag-label,.extended-tags .tag-label.touch{color:#fff}.extended-tags .tag-input{width:100%;margin-top:5px;padding-top:5px;padding-left:10px;border-top:1px solid #242628}.extended-tags .right{display:none}#entry-tags{position:absolute;top:0;left:0;right:0;bottom:0;text-transform:none;padding:10px 0 0 0}#entry-tags:after{content:"";position:fixed;top:10px;right:270px;width:20px;height:26px;background-color:rgba(26,28,29,0);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(26,28,29,0)),color-stop(100%, #1a1c1d));background-image:-webkit-linear-gradient(left, rgba(26,28,29,0),#1a1c1d);background-image:linear-gradient(to right,rgba(26,28,29,0),#1a1c1d);z-index:9999;pointer-events:none}@media (max-width: 400px){#entry-tags:after{right:161px}}#entry-tags .tags{position:relative;display:inline-block;vertical-align:middle;width:auto;max-width:80%;max-width:calc(100% - 320px);height:26px;padding-left:5px;padding-bottom:20px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;-webkit-transition:width 0.2s linear;-moz-transition:width 0.2s linear;transition:width 0.2s linear}@media (max-width: 400px){#entry-tags .tags{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:115px;max-width:inherit;padding-bottom:0}}#entry-tags .tag-label{display:block;float:left;padding:1px 8px 0 8px;-webkit-transition:all 0.15s ease-out 0;-moz-transition:all 0.15s ease-out 0;transition:all 0.15s ease-out 0}#entry-tags .tag-label:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e003"}#entry-tags .tag-label:hover{text-decoration:none}#entry-tags .tag-label:hover{cursor:pointer;color:#e2edf2}#entry-tags .tag-label.touch{color:inherit}#entry-tags input[type="text"].tag-input{display:inline-block;padding:0;vertical-align:top;color:#e2edf2;font-weight:300;background:transparent;border:none}#entry-tags input[type="text"].tag-input:focus{outline:none}#entry-tags .tag{display:inline;margin-right:5px;padding:0 5px;color:#e2edf2;white-space:nowrap;background:#596063;border-radius:2px;box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset,#000 0 1px 3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#entry-tags .tag:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e034";font-size:8px;color:#242628;margin-left:4px;vertical-align:10%;text-shadow:rgba(255,255,255,0.15) 0 1px 0;-webkit-transition:all 0.15s ease-out 0;-moz-transition:all 0.15s ease-out 0;transition:all 0.15s ease-out 0}#entry-tags .tag:hover{text-decoration:none}#entry-tags .tag:hover{cursor:pointer}#entry-tags .tag:hover:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e034";font-size:8px;color:#e2edf2;margin-left:4px;vertical-align:10%;text-shadow:none}#entry-tags .tag:hover:hover{text-decoration:none}.suggestions{bottom:100%}.suggestions li.selected{background:#5ba4e5;box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset,rgba(0,0,0,0.5) 0 1px 5px}.suggestions li a{padding-left:25px}.suggestions mark{background:none;color:white;font-weight:bold}#entry-controls{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;position:relative;padding:0;z-index:9000}#entry-controls.unsaved .post-settings-menu{padding-bottom:0}#entry-controls.unsaved .post-settings-menu .post-setting:nth-child(3) td{border-bottom:none}#entry-controls.unsaved .post-settings-menu .delete{display:none}#entry-actions{margin-right:6px;position:relative}#entry-actions-menu{position:absolute;bottom:50px;right:-5px}.markdown-help-container{padding-bottom:20px}.modal-markdown-help-table{margin-top:0}.CodeMirror{font-family:monospace;height:300px}.CodeMirror-scroll{overflow:auto}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-scrollbar-filler{background-color:white}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7}.CodeMirror div.CodeMirror-cursor{border-left:1px solid black;z-index:3}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-tab{display:inline-block}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable{color:black}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-property{color:black}.cm-s-default .cm-operator{color:black}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-error{color:#f00}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:bold}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-invalidchar{color:#f00}.CodeMirror{line-height:1;position:relative;overflow:hidden;background:white;color:black}.CodeMirror-scroll{margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;padding-right:30px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0;z-index:6}.CodeMirror-gutters{position:absolute;left:0;top:0;height:100%;padding-bottom:30px;z-index:3}.CodeMirror-lines{cursor:text}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-wrap .CodeMirror-scroll{overflow-x:hidden}.CodeMirror-measure{position:absolute;width:100%;height:0px;overflow:hidden;visibility:hidden}.CodeMirror-measure pre{position:static}.CodeMirror div.CodeMirror-cursor{position:absolute;visibility:hidden;border-right:none;width:0}.CodeMirror-focused div.CodeMirror-cursor{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror span{*vertical-align:text-bottom}@media print{.CodeMirror div.CodeMirror-cursor{visibility:hidden}}.ghost-login,.ghost-signup,.ghost-forgotten,.ghost-reset{color:#7d878a;background:#242628}@media (max-width: 400px){.ghost-login,.ghost-signup,.ghost-forgotten,.ghost-reset{background:#242628}}.ghost-login main,.ghost-signup main,.ghost-forgotten main,.ghost-reset main{top:15px}.ghost-login input:-webkit-autofill,.ghost-signup input:-webkit-autofill,.ghost-forgotten input:-webkit-autofill,.ghost-reset input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #e2edf2 inset !important}.login-box,.signup-box,.forgotten-box,.reset-box{max-width:530px;height:90%;margin:0 auto;padding:0;display:table}@media (max-width: 630px){.login-box,.signup-box,.forgotten-box,.reset-box{max-width:264px;text-align:center}} -.login-form{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:530px;color:#a5acae;display:table-cell;vertical-align:middle}@media (max-width: 630px){.login-form{max-width:264px}}.login-form div{position:relative;margin:0 0 5px 0;background:#3c4043;float:left}@media (max-width: 630px){.login-form div{margin-bottom:1em}}.login-form input{display:inline-block;clear:both;margin:0;padding:8px 0 8px 8px;width:216px;position:relative;border:none;color:#fff;font-size:1.1em;font-weight:200;background:transparent;box-shadow:none;-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}@media (max-width: 630px){.login-form input{width:264px;-webkit-transition:none;-moz-transition:none;transition:none}}.login-form input:focus{border:none;background:#484c50}.login-form .email-wrap{position:relative;margin-right:3px;border-radius:2px 0 0 2px}.login-form .email-wrap:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e012";font-size:12px;position:absolute;bottom:11px;left:8px;z-index:100}.login-form .email-wrap:hover{text-decoration:none}@media (max-width: 630px){.login-form .email-wrap{margin-right:0;border-radius:2px}}.login-form .email-wrap .email{padding-left:28px;border-radius:2px 0 0 2px}.login-form .password-wrap{position:relative;border-radius:0 2px 2px 0}.login-form .password-wrap:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02c";font-size:10px;position:absolute;bottom:12px;left:11px;z-index:100}.login-form .password-wrap:hover{text-decoration:none}@media (max-width: 630px){.login-form .password-wrap{border-radius:2px}}.login-form .password-wrap .password{padding-left:28px;border-radius:0 2px 2px 0}.login-form button{width:85px;height:36px;margin:0 0 0 10px;padding:0.5em 1.37em;min-height:30px;min-width:80px;box-shadow:rgba(255,255,255,0.15) 0 1px 0 inset}@media (max-width: 630px){.login-form button{margin:0;width:100%;margin-bottom:1em}}.login-form .meta{clear:both;color:#7d878a}.login-form a{color:#646d70;font-size:0.9em}.login-form a:hover{color:#8a9396;text-decoration:none}.signup-form,.reset-form{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:280px;color:#a5acae;display:table-cell;vertical-align:middle}@media (max-width: 630px){.signup-form,.reset-form{width:264px}}.signup-form div,.reset-form div{position:relative;margin:0 0 1em 0;background:#3c4043;float:left;display:table}.signup-form input,.reset-form input{margin:0;width:280px;padding:8px 10px;position:relative;border:none;color:#fff;font-size:1.1em;font-weight:200;background:transparent;box-shadow:none;-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}@media (max-width: 630px){.signup-form input,.reset-form input{-webkit-transition:none;-moz-transition:none;transition:none;width:264px}}.signup-form input:focus,.reset-form input:focus{border:none;background:#484c50}.signup-form .name-wrap,.reset-form .name-wrap{position:relative;border-radius:2px}.signup-form .name-wrap .name,.reset-form .name-wrap .name{border-radius:2px}.signup-form .email-wrap,.reset-form .email-wrap{position:relative;border-radius:2px}.signup-form .email-wrap .email,.reset-form .email-wrap .email{border-radius:2px}.signup-form .password-wrap,.reset-form .password-wrap{position:relative;border-radius:2px}.signup-form .password-wrap .password,.reset-form .password-wrap .password{border-radius:2px}.signup-form button,.reset-form button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:36px;margin:0 0 1em 0;padding:0.5em 1.37em;min-height:30px;min-width:80px;box-shadow:rgba(255,255,255,0.15) 0 1px 0 inset}.forgotten-form{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:280px;color:#a5acae;display:table-cell;vertical-align:middle}.forgotten-form div{position:relative;margin:0 0 1em 0;background:#3c4043;float:left}.forgotten-form input{margin:0;padding:8px 10px;position:relative;border:none;color:#fff;font-size:1.1em;font-weight:200;background:transparent;box-shadow:none;-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}.forgotten-form input:focus{border:none;background:#484c50}.forgotten-form .email-wrap{width:100%;position:relative;border-radius:2px}.forgotten-form .email-wrap .email{border-radius:2px}.forgotten-form button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:36px;margin:0 0 1em 0;padding:0.5em 1.37em;min-height:30px;min-width:80px;box-shadow:rgba(255,255,255,0.15) 0 1px 0 inset}.error-content{max-width:530px;margin:0 auto;padding:0;display:table;height:100%}@media (max-width: 630px){.error-content{max-width:264px;text-align:center}} +html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}::-moz-selection{color:#242628;background:#b3d5f3;text-shadow:none}::selection{color:#242628;background:#b3d5f3;text-shadow:none}.darkgrey-bg{background:#242628}.darkgrey{color:#242628}.grey-bg{background:#35393b}.grey{color:#35393b}.midgrey-bg{background:#7d878a}.midgrey{color:#7d878a}.lightgrey-bg{background:#e2edf2}.lightgrey{color:#e2edf2}.brown-bg{background:#aaa9a2}.brown{color:#aaa9a2}.midbrown-bg{background:#c0bfb6}.midbrown{color:#c0bfb6}.lightbrown-bg{background:#edece4}.lightbrown{color:#edece4}.blue-bg{background:#5ba4e5}.blue{color:#5ba4e5}.red-bg{background:#e25440}.red{color:#e25440}.orange-bg{background:#f2a925}.orange{color:#f2a925}.green-bg{background:#9fbb58}.green{color:#9fbb58}body{width:100%;background:#edece4}.clearfix:after{content:"";display:table;clear:both}.wrapper{position:relative}.right{float:right}.left{float:left}.box,.editor .entry-title{padding:15px;margin-bottom:15px;background:#fff;position:relative;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}.box header,.editor .entry-title header{height:14px;border-bottom:1px solid #edece4;padding-bottom:15px;margin-bottom:15px;text-transform:uppercase;font-size:0.85em;color:#aaa9a2}.box footer,.editor .entry-title footer{height:14px;border-top:1px solid #edece4;padding-top:10px;margin-top:15px;text-transform:uppercase;font-size:0.85em;color:#aaa9a2}.box header a,.editor .entry-title header a,.box footer a,.editor .entry-title footer a{color:#aaa9a2}.box header a:hover,.editor .entry-title header a:hover,.box footer a:hover,.editor .entry-title footer a:hover{color:#242628;text-decoration:none}main{position:absolute;top:55px;right:15px;bottom:0;left:15px;padding:0}@media (max-width: 400px){main{top:40px;left:0;right:0}} +.invisible{visibility:hidden}.hidden,.visuallyhidden,.screen-reader-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@-webkit-keyframes off-canvas{from{opacity:0}to{opacity:1}}@-moz-keyframes off-canvas{from{opacity:0}to{opacity:1}}@keyframes off-canvas{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@-moz-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.fade-in{-o-animation:fade-in 0.5s;-moz-animation:fade-in 0.5s;-webkit-animation:fade-in 0.5s;animation:fade-in 0.5s}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@-moz-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.fade-out{-o-animation:fade-out 0.5s;-moz-animation:fade-out 0.5s;-webkit-animation:fade-out 0.5s;animation:fade-out 0.5s}@font-face{font-family:'Icons';src:url("../fonts/icons.eot");src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),url("../fonts/icons.woff") format("woff"),url("../fonts/icons.ttf") format("truetype"),url("../fonts/icons.svg#icons") format("svg");font-weight:normal;font-style:normal}[class*=icon-]:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased}[class*=icon-]:hover{text-decoration:none}.icon-ghost:before{content:"\e000"}.icon-chevron-down:before{content:"\e001"}.icon-users:before{content:"\e002"}.icon-tag:before{content:"\e003"}.icon-tablet:before{content:"\e004"}.icon-menu:before{content:"\e005"}.icon-settings:before{content:"\e006"}.icon-search:before{content:"\e007"}.icon-search-left:before{content:"\e008"}.icon-rss:before{content:"\e009"}.icon-preview:before{content:"\e00a"}.icon-app:before{content:"\e00b"}.icon-pin:before{content:"\e00c"}.icon-pc:before{content:"\e00d"}.icon-pacman:before{content:"\e00e"}.icon-edit:before{content:"\e00f"}.icon-mobile:before{content:"\e010"}.icon-image:before{content:"\e011"}.icon-mail:before{content:"\e012"}.icon-list:before{content:"\e013"}.icon-info:before{content:"\e014"}.icon-home:before{content:"\e015"}.icon-grid:before{content:"\e016"}.icon-fullscreen:before{content:"\e017"}.icon-question:before{content:"\e018"}.icon-external:before{content:"\e019"}.icon-error:before{content:"\e01a"}.icon-comments:before{content:"\e01b"}.icon-close:before{content:"\e01c"}.icon-chevron:before{content:"\e01d"}.icon-calendar:before{content:"\e01e"}.icon-archive:before{content:"\e01f"}.icon-services:before{content:"\e020"}.icon-appearance:before{content:"\e021"}.icon-video:before{content:"\e022"}.icon-trash:before{content:"\e023"}.icon-reply:before{content:"\e024"}.icon-stats:before{content:"\e025"}.icon-featured:before{content:"\e026"}.icon-unfeatured:before{content:"\e027"}.icon-clock:before{content:"\e028"}.icon-settings2:before{content:"\e029"}.icon-camera:before{content:"\e036"}.icon-power:before{content:"\e02b"}.icon-lock:before{content:"\e02c"}.icon-content:before{content:"\e02d"}.icon-user:before{content:"\e02e"}.icon-support:before{content:"\e02f"}.icon-success:before{content:"\e030"}.icon-notification:before{content:"\e031"}.icon-add:before{content:"\e032"}.icon-check:before{content:"\e033"}.icon-x:before{content:"\e034"}.icon-link:before{content:"\e035"}.icon-camera:before{content:"\e036"}.icon-repost:before{content:"\e037"}.icon-weather-rain:before{content:"\e038"}.icon-weather-sun:before{content:"\e039"}.icon-weather-partial:before{content:"\e03a"}.icon-weather-snow:before{content:"\e03b"}.icon-weather-cloudy:before{content:"\e03c"}.icon-lightning:before{content:"\e03d"}.button,button,input[type="button"],.button-save,button[type="submit"],input[type="submit"],.button-add,.button-delete,button[type="reset"],input[type="reset"],.button-alt,.button-info,.button-link,.button-back{min-height:35px;width:auto;display:inline-block;padding:0.9em 1.37em;cursor:pointer;text-decoration:none;color:#fff;font-size:11px;line-height:13px;font-weight:300;text-align:center;letter-spacing:1px;text-transform:uppercase;text-shadow:none;border-radius:0.2em;border:rgba(0,0,0,0.05) 0.1em solid;-webkit-transition:background 0.3s ease,border-color 0.3s ease;-moz-transition:background 0.3s ease,border-color 0.3s ease;transition:background 0.3s ease,border-color 0.3s ease}.button:hover,button:hover,input[type="button"]:hover,.button-save:hover,input[type="submit"]:hover,.button-add:hover,.button-delete:hover,input[type="reset"]:hover,.button-alt:hover,.button-info:hover,.button-link:hover,.button-back:hover,.hover.button,button.hover,input.hover[type="button"],.hover.button-save,input.hover[type="submit"],.hover.button-add,.hover.button-delete,input.hover[type="reset"],.hover.button-alt,.hover.button-info,.hover.button-link,.hover.button-back{will-change:border-color, background;border-color:transparent;background:#f8f8f8;text-decoration:none}.button:active,button:active,input[type="button"]:active,.button-save:active,input[type="submit"]:active,.button-add:active,.button-delete:active,input[type="reset"]:active,.button-alt:active,.button-info:active,.button-link:active,.button-back:active,.active.button,button.active,input.active[type="button"],.active.button-save,input.active[type="submit"],.active.button-add,.active.button-delete,input.active[type="reset"],.active.button-alt,.active.button-info,.active.button-link,.active.button-back{box-shadow:rgba(0,0,0,0.3) 0 1px 3px inset}.button:disabled,button:disabled,input[type="button"]:disabled,.button-save:disabled,input[type="submit"]:disabled,.button-add:disabled,.button-delete:disabled,input[type="reset"]:disabled,.button-alt:disabled,.button-info:disabled,.button-link:disabled,.button-back:disabled{opacity:0.5}.large.button,button.large,input.large[type="button"],.large.button-save,input.large[type="submit"],.large.button-add,.large.button-delete,input.large[type="reset"],.large.button-alt,.large.button-info,.large.button-link,.large.button-back{padding:1em 1.8em;font-size:14px;line-height:16px}[class*='icon-'].button,button[class*='icon-'],input[class*='icon-'][type="button"],[class*='icon-'].button-save,input[class*='icon-'][type="submit"],[class*='icon-'].button-add,[class*='icon-'].button-delete,input[class*='icon-'][type="reset"],[class*='icon-'].button-alt,[class*='icon-'].button-info,[class*='icon-'].button-link,[class*='icon-'].button-back{position:relative;padding-left:calc(1.37em + 36px)}[class*='icon-'].button:before,button[class*='icon-']:before,input[class*='icon-'][type="button"]:before,[class*='icon-'].button-save:before,input[class*='icon-'][type="submit"]:before,[class*='icon-'].button-add:before,[class*='icon-'].button-delete:before,input[class*='icon-'][type="reset"]:before,[class*='icon-'].button-alt:before,[class*='icon-'].button-info:before,[class*='icon-'].button-link:before,[class*='icon-'].button-back:before{position:absolute;top:0;left:0;bottom:0;width:35px;font-size:13px;line-height:35px;border-right:1px solid rgba(36,38,40,0.1);opacity:0.95}[class*='icon-'].large.button,button[class*='icon-'].large,input[class*='icon-'].large[type="button"],[class*='icon-'].large.button-save,input[class*='icon-'].large[type="submit"],[class*='icon-'].large.button-add,[class*='icon-'].large.button-delete,input[class*='icon-'].large[type="reset"],[class*='icon-'].large.button-alt,[class*='icon-'].large.button-info,[class*='icon-'].large.button-link,[class*='icon-'].large.button-back{padding-left:calc(1.8em + 46px)}[class*='icon-'].large.button:before,button[class*='icon-'].large:before,input[class*='icon-'].large[type="button"]:before,[class*='icon-'].large.button-save:before,input[class*='icon-'].large[type="submit"]:before,[class*='icon-'].large.button-add:before,[class*='icon-'].large.button-delete:before,input[class*='icon-'].large[type="reset"]:before,[class*='icon-'].large.button-alt:before,[class*='icon-'].large.button-info:before,[class*='icon-'].large.button-link:before,[class*='icon-'].large.button-back:before{width:46px;line-height:46px;font-size:17px}.button,button,input[type="button"]{color:#777;font-weight:normal;background:#eee;box-shadow:none}.button:hover,button:hover,input[type="button"]:hover{border-color:rgba(0,0,0,0.1)}.button-save,button[type="submit"],input[type="submit"]{background:#5ba4e5;box-shadow:none}.button-save:hover,button[type="submit"]:hover,input[type="submit"]:hover{background:#2f8cde}.button-add{background:#9fbb58}.button-add:hover{background:#8ba644}.button-delete,button[type="reset"],input[type="reset"]{background:#e25440;box-shadow:none}.button-delete:hover,button[type="reset"]:hover,input[type="reset"]:hover{background:#cf3520}.button-alt{background:#3c4043}.button-alt:hover{background:#242628}.button-alt[class*='icon-']:before{border-right-color:#3c4043}.button-info{background:#A1ADB3}.button-info:hover{background:#bdc6ca}.button-link{color:#5ba4e5;background:transparent;border:none}.button-link:hover{background:transparent;text-decoration:underline}.button-back{position:absolute;top:20px;left:20px;margin-right:30px;padding:0.5em 1.37em 0.5em 1.10em;display:none;color:#fff;background:#5ba4e5;border:none;border-top-left-radius:0;border-bottom-left-radius:0}.button-back:before{content:' ';position:absolute;top:0;left:-10px;width:0;height:0;border-width:18px 10px 18px 0;border-color:transparent #5ba4e5 transparent transparent;border-style:solid solid solid none;-webkit-transform:scale(0.9999);-moz-transform:scale(0.9999);-ms-transform:scale(0.9999);-o-transform:scale(0.9999);transform:scale(0.9999);-webkit-transition:border-color 0.3s ease;-moz-transition:border-color 0.3s ease;transition:border-color 0.3s ease}.button-back:hover{color:#fff;background:#2f8cde;border-color:#2f8cde}.button-back:hover:before{border-right-color:#2f8cde}.splitbutton,.splitbutton-save,.splitbutton-add,.splitbutton-delete,.splitbutton-alt{display:inline-block;position:relative;font-size:0;white-space:nowrap}.splitbutton button,.splitbutton-save button,.splitbutton-add button,.splitbutton-delete button,.splitbutton-alt button{font-size:11px;border-top-right-radius:0;border-bottom-right-radius:0}.splitbutton .options,.splitbutton-save .options,.splitbutton-add .options,.splitbutton-delete .options,.splitbutton-alt .options{display:inline-block;position:relative;width:35px;height:35px;margin-left:-1px;vertical-align:top;text-align:center;color:#fff;background:#e5e5e5;border-radius:0 2px 2px 0;box-shadow:rgba(0,0,0,0.02) 0 1px 0 inset,rgba(0,0,0,0.02) -1px 0 0 inset,rgba(0,0,0,0.02) 0 -1px 0 inset;-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;transition:background-color 0.3s linear}.splitbutton .options:before,.splitbutton-save .options:before,.splitbutton-add .options:before,.splitbutton-delete .options:before,.splitbutton-alt .options:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:9px;position:absolute;top:50%;right:50%;margin-top:-3px;margin-right:-5px;-webkit-transition:margin-top 0.3s ease;-moz-transition:margin-top 0.3s ease;transition:margin-top 0.3s ease;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3;-moz-transition-duration:0.3;transition-duration:0.3;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease}.splitbutton .options:hover,.splitbutton-save .options:hover,.splitbutton-add .options:hover,.splitbutton-delete .options:hover,.splitbutton-alt .options:hover{text-decoration:none}.splitbutton .options.active:before,.splitbutton-save .options.active:before,.splitbutton-add .options.active:before,.splitbutton-delete .options.active:before,.splitbutton-alt .options.active:before{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.splitbutton .options.up.active:before,.splitbutton-save .options.up.active:before,.splitbutton-add .options.up.active:before,.splitbutton-delete .options.up.active:before,.splitbutton-alt .options.up.active:before{margin-top:-4px;-webkit-transform:rotate(540deg);-moz-transform:rotate(540deg);-ms-transform:rotate(540deg);-o-transform:rotate(540deg);transform:rotate(540deg)}.splitbutton .options:hover,.splitbutton-save .options:hover,.splitbutton-add .options:hover,.splitbutton-delete .options:hover,.splitbutton-alt .options:hover{will-change:box-shadow, background;box-shadow:none;background:#f8f8f8}.splitbutton .options:hover:before,.splitbutton-save .options:hover:before,.splitbutton-add .options:hover:before,.splitbutton-delete .options:hover:before,.splitbutton-alt .options:hover:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";will-change:transform;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.splitbutton .options:hover:hover,.splitbutton-save .options:hover:hover,.splitbutton-add .options:hover:hover,.splitbutton-delete .options:hover:hover,.splitbutton-alt .options:hover:hover{text-decoration:none}.splitbutton .options.up:hover:before,.splitbutton-save .options.up:hover:before,.splitbutton-add .options.up:hover:before,.splitbutton-delete .options.up:hover:before,.splitbutton-alt .options.up:hover:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";margin-top:-4px;-webkit-transform:rotate(540deg);-moz-transform:rotate(540deg);-ms-transform:rotate(540deg);-o-transform:rotate(540deg);transform:rotate(540deg);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.6;-moz-transition-duration:0.6;transition-duration:0.6;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease}.splitbutton .options.up:hover:hover,.splitbutton-save .options.up:hover:hover,.splitbutton-add .options.up:hover:hover,.splitbutton-delete .options.up:hover:hover,.splitbutton-alt .options.up:hover:hover{text-decoration:none}.splitbutton .options{color:#777}.splitbutton .options:hover{box-shadow:rgba(0,0,0,0.07) 0 1px 0 inset,rgba(0,0,0,0.07) -1px 0 0 inset,rgba(0,0,0,0.07) 0 -1px 0 inset}.splitbutton-save .options{background:#4598e2}.splitbutton-save .options:hover,.splitbutton-save .options.active{background:#2f8cde}.splitbutton-add .options{background:#91ae47}.splitbutton-add .options:hover{background:#8ba644}.splitbutton-delete .options{background:#de3c25}.splitbutton-delete .options:hover{background:#cf3520}.splitbutton-alt .options{background:#2e3033}.splitbutton-alt .options:hover{background:#242628}html{font:normal 81.2%/1.65 "Open Sans", sans-serif}body{color:#242628;font-weight:300}h1,h2,h3,h4,h5,h6{color:#242628;text-rendering:optimizeLegibility;line-height:1;margin-top:0}h2{padding-top:0.8em;margin-top:0.8em;border-top:#edece4 1px solid}h1 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -5px 0 inset}h2 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -4px 0 inset}h3 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -3px 0 inset}h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;box-shadow:#5ba4e5 0 -1px 0 inset}hgroup{margin:1.6em 0}hgroup h1,hgroup h2,hgroup h3,hgroup h4,hgroup h5,hgroup h6{padding:0;margin:0;border:none;margin-bottom:5px}hgroup h1 a,hgroup h2 a,hgroup h3 a,hgroup h4 a,hgroup h5 a,hgroup h6 a{color:#242628}hgroup h1 a:hover,hgroup h2 a:hover,hgroup h3 a:hover,hgroup h4 a:hover,hgroup h5 a:hover,hgroup h6 a:hover{box-shadow:#242628 0 -1px 0 inset}hgroup h1:nth-child(n+2),hgroup h2:nth-child(n+2),hgroup h3:nth-child(n+2),hgroup h4:nth-child(n+2),hgroup h5:nth-child(n+2),hgroup h6:nth-child(n+2){font-size:1.8em;font-weight:300;color:#aaa9a2}p,ul,ol{margin:1.6em 0}ol ol,ul ul,ul ol,ol ul{margin:0.4em 0}mark{background-color:#ffc336}.markdown,pre,code,tt{font-family:Inconsolata,monospace}code,tt{font-size:0.85em;white-space:pre-wrap;background:#f1f0ea;border:1px solid #dddbcc;border-radius:2px;padding:1px 3px}pre{margin:1.6em 0;background:#f1f0ea;border:1px solid #dddbcc;width:100%;padding:10px;font-family:Inconsolata,monospace;font-size:0.9em;white-space:pre;overflow:auto;border-radius:3px}pre code,pre tt{font-size:inherit;white-space:-moz-pre-wrap;white-space:pre-wrap;background:transparent;border:none;padding:0}kbd{display:inline-block;margin-bottom:0.4em;padding:1px 8px;border:#ccc 1px solid;color:#242628;text-shadow:#fff 0 1px 0;font-size:0.9em;font-weight:bold;background:#f4f4f4;border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,0.2),0 1px 0 0 #fff inset}a{color:#5ba4e5;text-decoration:none;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}a:hover{text-decoration:underline}a.highlight{color:#f2a925;font-weight:bold}hr{display:block;height:1px;border:0;border-top:1px solid #edece4;margin:3.2em 0;padding:0}blockquote{margin:1.6em 0;padding:0 1.6em 0 1.6em;border-left:#edece4 0.6em solid}blockquote p{margin:0.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:0.8em 0 0.8em 1.5em;font-size:0.9em;color:#aaa9a2}blockquote small:before{content:'\2014 \00A0'}blockquote cite{font-weight:bold}blockquote cite a{font-weight:normal}dl{margin:1.6em 0}dl dt{float:left;width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;margin-bottom:1em}dl dd{margin-left:200px;margin-bottom:1em}.table,table{margin:1.6em 0;width:100%;max-width:100%;background-color:transparent}.table th,table th,.table td,table td{padding:8px;line-height:20px;text-align:left;vertical-align:middle}.table th,.table td{border-top:1px solid #edece4}.table th{color:#aaa9a2}.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #edece4}.table table table{background-color:#fff}.table tbody>tr:nth-child(odd)>td,.table tbody>tr:nth-child(odd)>th{background-color:#f7f7f3}.table.plain tbody>tr:nth-child(odd)>td,.table.plain tbody>tr:nth-child(odd)>th{background:transparent}.label,form label{display:inline-block;position:absolute;top:0.5em;left:0;width:120px;font-weight:bold;color:#aaa9a2;text-align:right}@media (max-width: 550px){.label,form label{display:block;position:relative;top:auto;left:auto;width:auto;margin-bottom:5px;text-align:left}} +form p{max-width:400px;color:#9e9d95;font-size:1em;margin:0}.form-group{position:relative;margin:1.5em 0;padding-left:140px}@media (max-width: 550px){.form-group{padding-left:0}} +fieldset{border:none;margin:0 0 3em 0;padding:0}legend{display:block;width:100%;margin:2em 0;border-bottom:#edece4 1px solid;font-size:1.2em;line-height:2.0em;color:#aaa9a2}input,textarea,select{width:280px;padding:5px 7px;margin:0;outline:0;font-size:1.1em;line-height:1.4em;background:#fff;border:#e3e1d5 1px solid;border-radius:2px;-webkit-transition:border-color 0.15s ease-in-out;-moz-transition:border-color 0.15s ease-in-out;transition:border-color 0.15s ease-in-out}@media (max-width: 550px){input,textarea,select{width:100%}} +textarea{width:100%;max-width:340px;min-width:250px;height:auto;min-height:6.5em}input,select,textarea{margin-bottom:5px}input[type="text"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,textarea:focus,select:focus{border:#aaa9a2 1px solid;background:#fff;outline:none;outline-width:0}select{width:270px;height:30px;line-height:30px}@media (max-width: 550px){select{width:100%}} +@-moz-document url-prefix(){select{height:auto}}input[type="checkbox"]{position:absolute;top:0;right:0;bottom:0;left:-9999px}.checkbox{position:relative;width:auto}.checkbox:before{content:'';position:absolute;width:10px;height:6px;top:5px;left:4px;border:3px solid #fff;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}.checkbox:after{content:'';display:inline-block;width:18px;height:18px;margin-right:5px;background:#f7f7f3;border-radius:2px;border:#e3e1d5 1px solid;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}.checkbox+p{display:inline-block;line-height:28px;position:relative;bottom:-2px}input[type='checkbox']:checked+.checkbox:after{background:#9fbb58;border-color:#b4ca7c}input[type='checkbox']:checked+.checkbox:before{opacity:1}input[type='checkbox']:focus+.checkbox:after{border:#aaa9a2 1px solid}input[type='checkbox']:active+.checkbox:after{background:#edece4}.floatingheader{position:absolute;top:0;left:0;right:0;z-index:400;height:40px;padding:10px 15px;text-transform:uppercase;color:#aaa9a2;background-color:transparent;background-image:-webkit-linear-gradient(top, #fff 0%,#fff 25%,rgba(255,255,255,0.9) 100%);background-image:linear-gradient(to bottom,#fff 0%,#fff 25%,rgba(255,255,255,0.9) 100%)}.floatingheader button,.floatingheader .button{display:inline-block;font-size:10px;min-height:20px;height:20px;padding:3px 4px;vertical-align:top}.floatingheader button.button-back,.floatingheader .button.button-back{position:relative;top:-2px;left:3px;display:none;padding:0 6px 0 3px}.floatingheader button.button-back:active,.floatingheader .button.button-back:active{box-shadow:none}.floatingheader button.button-back:before,.floatingheader .button.button-back:before{left:-8px;border-width:10px 8px 10px 0}@media (max-width: 800px){.floatingheader button.button-back,.floatingheader .button.button-back{display:inline-block}}.floatingheader small{font-size:0.85em}.floatingheader a{color:#aaa9a2}.floatingheader a:hover{color:#242628}.scrolling .floatingheader{box-shadow:rgba(0,0,0,0.02) 0 1px 2px,rgba(255,255,255,0.5) 0 -1px 0 inset}.scrolling .floatingheader:before{content:"";height:40px;width:80%;position:absolute;bottom:0;left:50%;margin-left:-40%;box-shadow:rgba(0,0,0,0.02) 0 2px 2px}.scrolling .floatingheader:after{content:"";height:40px;width:30%;position:absolute;bottom:0;left:50%;margin-left:-15%;box-shadow:rgba(0,0,0,0.02) 0 3px 3px}#modal-container{display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:auto;overflow-y:scroll;z-index:1040;-webkit-transition:all 0.15s linear 0s;-moz-transition:all 0.15s linear 0s;transition:all 0.15s linear 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.fade{opacity:0;-webkit-transition:opacity 0.2s linear 0s;-moz-transition:opacity 0.2s linear 0s;transition:opacity 0.2s linear 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.fade.in{opacity:1}.modal-background{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);z-index:1030}.modal,.modal-action{left:50%;right:auto;width:450px;margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:30px;z-index:1050;pointer-events:auto}@media (max-width: 800px){.modal,.modal-action{width:auto;padding:10px}}.modal button,.modal-action button{min-width:100px}@media (max-width: 800px){.modal,.modal-action{width:100%;margin-left:0}}.modal .image-uploader,.modal-action .image-uploader,.modal .pre-image-uploader,.modal-action .pre-image-uploader{margin:0}.modal-action{padding:60px 0 30px}@media (max-width: 800px){.modal-action{padding:30px 0}} +.modal-content{position:relative;padding:20px;background-clip:padding-box;background-color:#FFFFFF;border-radius:2px;box-shadow:rgba(0,0,0,0.2) 0 0 0 6px}.modal-content .close{position:absolute;top:15px;right:15px;width:16px;min-height:16px;padding:0;margin:0;border:none;z-index:9999;-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;transition:opacity 0.3s linear}.modal-content .close:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e034";font-size:1em;color:#7d878a}.modal-content .close:hover{text-decoration:none}.modal-content .close:hover{color:#242628}.modal-header{position:relative;padding:20px;border-bottom:1px solid #edece4}.modal-header h1{display:inline-block;margin:0;font-size:1.5em;font-weight:bold}.modal-body{position:relative;min-height:100px;overflow-y:auto}.modal-footer{margin-top:20px}.modal-style-wide{width:550px}@media (max-width: 800px){.modal-style-wide{width:100%}} +.modal-style-centered{text-align:center}.dropdown:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:8px;padding-left:6px;vertical-align:0}.dropdown:hover{text-decoration:none}.dropdown.active{color:#242628}.dropdown.active:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:8px}.dropdown.active:hover{text-decoration:none}a.dropdown,button.dropdown{cursor:pointer}.ghost-popover{display:none !important}.ghost-popover.open{display:block !important}.menu,.menu-drop,.menu-drop-left,.menu-drop-right,.menu-left,.menu-right,#publish-bar .splitbutton-save .editor-options,#publish-bar .splitbutton-delete .editor-options,.suggestions{display:inline-block;position:absolute;z-index:960;padding:6px 0;border:none;list-style:none;color:#e2edf2;background:#242628;border-radius:3px;box-shadow:rgba(0,0,0,0.5) 0 1px 15px}.menu:before,.menu-drop:before,.menu-drop-left:before,.menu-drop-right:before,.menu-left:before,.menu-right:before,#publish-bar .splitbutton-save .editor-options:before,#publish-bar .splitbutton-delete .editor-options:before,.suggestions:before{content:"";position:absolute;bottom:-10px;left:50%;margin-left:-10px;border-width:10px 10px 0 10px;border-style:solid;border-color:#242628 transparent;display:block;width:0}.menu li,.menu-drop li,.menu-drop-left li,.menu-drop-right li,.menu-left li,.menu-right li,#publish-bar .splitbutton-save .editor-options li,#publish-bar .splitbutton-delete .editor-options li,.suggestions li{overflow:hidden}.menu a,.menu-drop a,.menu-drop-left a,.menu-drop-right a,.menu-left a,.menu-right a,#publish-bar .splitbutton-save .editor-options a,#publish-bar .splitbutton-delete .editor-options a,.suggestions a,.menu p,.menu-drop p,.menu-drop-left p,.menu-drop-right p,.menu-left p,.menu-right p,#publish-bar .splitbutton-save .editor-options p,#publish-bar .splitbutton-delete .editor-options p,.suggestions p{display:block;position:relative;padding:10px 25px 10px 35px;border:none;color:#e2edf2 !important;text-transform:none;text-decoration:none}.menu a:hover,.menu-drop a:hover,.menu-drop-left a:hover,.menu-drop-right a:hover,.menu-left a:hover,.menu-right a:hover,#publish-bar .splitbutton-save .editor-options a:hover,#publish-bar .splitbutton-delete .editor-options a:hover,.suggestions a:hover,.menu p:hover,.menu-drop p:hover,.menu-drop-left p:hover,.menu-drop-right p:hover,.menu-left p:hover,.menu-right p:hover,#publish-bar .splitbutton-save .editor-options p:hover,#publish-bar .splitbutton-delete .editor-options p:hover,.suggestions p:hover{background:#5ba4e5;box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset}.menu .active a:before,.menu-drop .active a:before,.menu-drop-left .active a:before,.menu-drop-right .active a:before,.menu-left .active a:before,.menu-right .active a:before,#publish-bar .splitbutton-save .editor-options .active a:before,#publish-bar .splitbutton-delete .editor-options .active a:before,.suggestions .active a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e033";position:absolute;top:14px;left:11px}.menu .active a:hover,.menu-drop .active a:hover,.menu-drop-left .active a:hover,.menu-drop-right .active a:hover,.menu-left .active a:hover,.menu-right .active a:hover,#publish-bar .splitbutton-save .editor-options .active a:hover,#publish-bar .splitbutton-delete .editor-options .active a:hover,.suggestions .active a:hover{text-decoration:none}.menu-drop:before,.menu-drop-left:before,.menu-drop-right:before{top:-10px;bottom:auto;border-width:0 10px 10px 10px}.menu-left:before,.menu-drop-left:before{left:10px;margin-left:0}.menu-right:before,.menu-drop-right:before,#publish-bar .splitbutton-save .editor-options:before,#publish-bar .splitbutton-delete .editor-options:before{left:auto;right:10px;margin-left:0}.post-settings{display:inline-block;padding:0 10px;color:#7d878a;-webkit-transition:all 0.15s ease-out 0s;-moz-transition:all 0.15s ease-out 0s;transition:all 0.15s ease-out 0s;position:relative;top:1px;cursor:pointer}.post-settings:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e006";font-size:14px}.post-settings:hover{text-decoration:none}.post-settings:hover,.post-settings.active{color:#242628}.post-settings-menu{padding-top:0;text-transform:none}.post-settings-menu table{margin:0}.post-settings-menu td{padding:0;border-top:none;border-bottom:#414648 1px solid}.post-settings-menu .post-setting-label{padding:8px 10px 8px 15px;border-right:#414648 1px solid;text-align:right}.post-settings-menu .label,.post-settings-menu form label,form .post-settings-menu label{position:static;width:auto;font-weight:normal;color:#7d878a;white-space:nowrap}.post-settings-menu input{width:200px;margin:0}@media (max-width: 550px){.post-settings-menu input{width:200px}}.post-settings-menu input[type="text"]{border:none;padding:8px 0 8px 10px;color:#e2edf2;border-radius:0;background:transparent}.post-settings-menu input[type="text"]:focus{background:#35393b;border:none}.post-settings-menu .post-setting-item{padding:5px 0 0 10px}.post-settings-menu .checkbox{position:relative;margin-top:0;top:0;border:0}.post-settings-menu .checkbox:after{border-color:#4d5356;background:#35393b}.post-settings-menu input[type='checkbox']:focus+.checkbox:after{border-color:#4d5356}.post-settings-menu .delete{display:block;padding:10px 15px;cursor:pointer}.post-settings-menu .delete:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e023";position:relative;top:-1px;margin-right:10px}.post-settings-menu .delete:hover{text-decoration:none}.post-settings-menu .delete:hover{background:#e25440}@media (min-width: 401px){.notifications{position:absolute;bottom:0;left:0;z-index:980;width:300px}}@media (max-width: 400px){.notifications{position:fixed;top:0;left:0;right:0;z-index:9999}} +.js-bb-notification{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.notification,.notification-success,.notification-error,.notification-warn,.notification-info{width:100%;min-height:40px;max-height:253px;margin:0 0 15px 0;color:rgba(255,255,255,0.9);background:#5ba4e5;position:relative;box-shadow:rgba(0,0,0,0.05) 0 1px 5px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.notification:before,.notification-success:before,.notification-error:before,.notification-warn:before,.notification-info:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e031";position:absolute;top:0;left:0;height:100%;width:44px;padding:14px 15px;text-align:center;color:rgba(255,255,255,0.8);background:rgba(0,0,0,0.1)}.notification:hover,.notification-success:hover,.notification-error:hover,.notification-warn:hover,.notification-info:hover{text-decoration:none}@media (max-width: 400px){.notification,.notification-success,.notification-error,.notification-warn,.notification-info{margin-bottom:1px}}.notification .notification-message,.notification-success .notification-message,.notification-error .notification-message,.notification-warn .notification-message,.notification-info .notification-message{display:block;padding:10px 43px 10px 57px;max-height:253px;overflow:auto}.notification .close,.notification-success .close,.notification-error .close,.notification-warn .close,.notification-info .close{color:rgba(255,255,255,0.6);cursor:pointer}.notification .close:after,.notification-success .close:after,.notification-error .close:after,.notification-warn .close:after,.notification-info .close:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01c";padding:6px;position:absolute;top:8px;right:9px}.notification .close:hover,.notification-success .close:hover,.notification-error .close:hover,.notification-warn .close:hover,.notification-info .close:hover{text-decoration:none}.notification .close:hover,.notification-success .close:hover,.notification-error .close:hover,.notification-warn .close:hover,.notification-info .close:hover{color:#fff}.notification a,.notification-success a,.notification-error a,.notification-warn a,.notification-info a{color:inherit;text-decoration:underline}.notification-success{background:#9fbb58}.notification-success:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e030"}.notification-success:hover{text-decoration:none}.notification-success.notification-passive{-webkit-animation:fade-out 1s linear;-moz-animation:fade-out 1s linear;animation:fade-out 1s linear;-webkit-animation-delay:3s;-moz-animation-delay:3s;animation-delay:3s;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.notification-success.notification-passive:hover{-webkit-animation:fade-in 0.2s linear;-moz-animation:fade-in 0.2s linear;animation:fade-in 0.2s linear}.notification-error{background:#e25440}.notification-error:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01a"}.notification-error:hover{text-decoration:none}.notification-warn{background:#f2a925}.notification-warn:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e014"}.notification-warn:hover{text-decoration:none}.notification-info{background:#5ba4e5}.notification-info:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e014"}.notification-info:hover{text-decoration:none}.update-available main{bottom:56px}.object-list+.object-list{margin-top:34px}.object-list-title{font-size:13px;font-weight:normal;color:#c0bfb6;margin-bottom:14px}.object-list-item{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-moz-box-pack:start;box-pack:start;-webkit-justify-content:start;-moz-justify-content:start;-ms-justify-content:start;-o-justify-content:start;justify-content:start;-ms-flex-pack:start;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;padding-left:15px;padding-right:15px;border-top:1px solid #edece4;min-height:68px}.object-list-item:hover{background:#f7f7f3}.object-list-item:last-child:hover{box-shadow:inset 0px -1px 0px #edece4}.object-list-item-icon{width:35px;height:35px;display:block;border-radius:100%;background:#edece4;font-size:0px;color:transparent;overflow:hidden;position:relative}.object-list-item-icon:before{position:absolute;top:50%;left:0;right:0;margin-top:-7px;text-align:center;color:#aaa9a2;font-size:14px}.object-list-item-figure{width:35px;border-radius:100%;display:block;border:1px solid #979797}.object-list-item-body{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;-webkit-box-align:stretch;-moz-box-align:stretch;box-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:stretch;align-items:stretch;-ms-flex-align:stretch;padding-left:15px;line-height:1}.object-list-item-body .name{display:inline-block;font-size:15px;font-weight:400;color:#242628}.object-list-item-body .description{display:inline-block;font-size:12px;color:#c0bfb6;margin-top:3px}.object-list-item-aside .object-list-action+.object-list-action{margin-left:20px}.object-list-item-aside .role-label+.role-label{margin-left:5px}.object-list-action{font-size:11px;text-transform:uppercase;text-decoration:underline}.role-label{background:#eee;display:inline-block;padding-left:8px;padding-right:8px;color:rgba(0,0,0,0.5);font-size:9px;line-height:20px;text-transform:uppercase;letter-spacing:0.1em;font-weight:400}.role-label.owner,.role-label.admin,.role-label.editor{color:rgba(255,255,255,0.7)}.role-label.owner{background:#242628}.role-label.admin{background:#e25440}.role-label.editor{background:#5ba4e5}.image-uploader{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1.6em 0;position:relative;overflow:hidden;padding:55px 60px;border:#edece4 3px dashed;width:100%;height:auto;text-align:center;color:#aaa9a2;background:#F9F8F5}.image-uploader a{color:#aaa9a2;text-decoration:none}.image-uploader a:hover{color:#242628}.image-uploader .description{margin-top:10px}.image-uploader .media:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e011";font-size:60px;color:#e7e6db;display:inline-block;vertical-align:initial;-webkit-transition:-webkit-transform 1s ease;-moz-transition:-moz-transform 1s ease;transition:transform 1s ease}.image-uploader .media:hover{text-decoration:none}.image-uploader .image-url,.image-uploader .image-upload{line-height:12px;padding:10px;display:block;position:absolute;bottom:0;left:0;color:#aaa9a2;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-uploader .image-url:hover,.image-uploader .image-upload:hover{cursor:pointer}.image-uploader .image-webcam:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e036";font-size:12px}.image-uploader .image-webcam:hover{text-decoration:none}.image-uploader .image-url:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e035";font-size:12px}.image-uploader .image-url:hover{text-decoration:none}.image-uploader .image-upload:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e011";font-size:12px}.image-uploader .image-upload:hover{text-decoration:none}.image-uploader .button-add{display:inline-block;position:relative;z-index:700;color:#fff;padding-left:5px}.image-uploader .button-save{margin:0 0 0 10px}.image-uploader input.main{position:absolute;right:0;margin:0;opacity:0;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;-o-transform-origin:right;transform-origin:right;-webkit-transform:scale(14);-moz-transform:scale(14);-ms-transform:scale(14);-o-transform:scale(14);transform:scale(14);font-size:23px;direction:ltr;cursor:pointer}.image-uploader input.main.right{right:9999px;height:0}.image-uploader input.url{font:-webkit-small-control;box-sizing:border-box;width:276px;vertical-align:middle;padding:9px 7px;margin:10px 0;outline:0;font-size:1.1em;background:#fff;border:#e3e1d5 1px solid;border-radius:4px;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out}.image-uploader .progress{position:relative;margin:-19px 0 44px 0;display:block;overflow:hidden;background-color:#f5f5f5;background-image:-webkit-linear-gradient(top, #f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);border-radius:12px;box-shadow:rgba(0,0,0,0.1) 0 1px 2px inset}.image-uploader .fileupload-loading{display:block;top:50%;width:35px;height:28px;margin:-28px auto 0;background-size:contain}.image-uploader .failed{position:relative;top:-40px;font-size:16px}.image-uploader .bar{height:12px;background:#5ba4e5}.image-uploader .bar.fail{background:#e25440}.pre-image-uploader{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1.6em 0;position:relative;overflow:hidden;height:auto;color:#aaa9a2;background:rgba(0,0,0,0.1);border-radius:2px;min-height:46px}.pre-image-uploader input{position:absolute;left:9999px;opacity:0}.pre-image-uploader a{z-index:10000;color:#aaa9a2;text-decoration:none}.pre-image-uploader a:hover{color:#242628}.pre-image-uploader img{display:block;max-width:100%;margin:0 auto;line-height:0}.pre-image-uploader .image-cancel{position:absolute;top:10px;right:10px;padding:8px;z-index:300;color:#fff;text-decoration:none;line-height:0;border-radius:2px;background:rgba(0,0,0,0.6);box-shadow:rgba(255,255,255,0.2) 0 0 0 1px}.pre-image-uploader .image-cancel:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e023";font-size:11px}.pre-image-uploader .image-cancel:hover{text-decoration:none}.pre-image-uploader .image-cancel:hover{color:#fff;cursor:pointer;background:#e25440}.ghost-logo{display:block;float:left;height:40px;padding:12px 15px;color:#4d5356;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ghost-logo:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e000";line-height:0}.ghost-logo:hover{text-decoration:none}.ghost-logo:hover{text-decoration:none}.ghost-logo:hover{color:#e2edf2;background:#1f2123}.navbar{height:40px;font-size:0.85em;background:#242628}@media (max-width: 1000px){.navbar{font-weight:normal}}.navbar nav ul{float:left;border-left:#35393b 1px solid;border-top:none;margin:0;padding:0}.navbar nav li{float:left;font-size:1em;position:relative;border-right:#35393b 1px solid}.navbar nav li a{display:block;height:40px;padding:11px 15px;border-bottom:none;color:#7d878a;text-transform:uppercase;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.navbar nav li a:hover,.navbar nav li.active a{color:#e2edf2;text-decoration:none;position:relative;background:#303436;box-shadow:0 -2px 2px rgba(0,0,0,0.2) inset}.navbar nav li.active a:after{content:"";position:absolute;bottom:0;left:50%;margin-left:-5px;border-width:0 5px 5px 5px;border-style:solid;border-color:#edece4 transparent;display:block;width:0}@media (max-width: 400px){.navbar nav li.active a:after{border-color:#fff transparent}}.navbar nav li ul{position:absolute;top:40px;right:0;min-width:200px;background:#242628}.navbar nav li li{width:100%;border-right:none}.navbar nav a:before{margin-right:5px}.navbar nav .dashboard a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e025";vertical-align:-10%}.navbar nav .dashboard a:hover{text-decoration:none}.navbar nav .content a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02d"}.navbar nav .content a:hover{text-decoration:none}.navbar nav .editor a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e032"}.navbar nav .editor a:hover{text-decoration:none}.navbar nav .settings a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e029"}.navbar nav .settings a:hover{text-decoration:none}.navbar .subnav{position:relative}.navbar .subnav>a:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e001";font-size:8px;margin-left:8px}.navbar .subnav>a:hover{text-decoration:none}.navbar .subnav>a.active{color:#e2edf2;background:#2e3133;-webkit-transition:none;-moz-transition:none;transition:none;box-shadow:none}.navbar .subnav ul{display:none;padding:7px 0;border-left:none;position:absolute;top:40px;left:-1px;z-index:800;background:#2e3133;box-shadow:rgba(0,0,0,0.2) 0 4px 6px}.navbar .subnav li{list-style:none}.navbar .subnav li a{color:#e2edf2}.navbar .subnav li a:hover{background:#0c0d0d;-webkit-transition:none;-moz-transition:none;transition:none;box-shadow:none}.navbar .subnav li a:before{margin-right:1em}.navbar .subnav .divider{height:1px;margin:7px 0;overflow:hidden;background:#35393b}.usermenu.subnav{position:absolute;top:0;right:0;border-right:none;border-left:#35393b 1px solid}.usermenu.subnav>a{padding-left:43px}.usermenu.subnav .avatar{height:18px;width:18px;border-radius:50px;position:absolute;top:11px;left:15px}.usermenu.subnav>ul{right:0;left:auto}.usermenu.subnav .usermenu-profile a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02e"}.usermenu.subnav .usermenu-profile a:hover{text-decoration:none}.usermenu.subnav .usermenu-help a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02f";font-size:1.1em}.usermenu.subnav .usermenu-help a:hover{text-decoration:none}.usermenu.subnav .usermenu-shortcuts a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e00d"}.usermenu.subnav .usermenu-shortcuts a:hover{text-decoration:none}.usermenu.subnav .usermenu-signout a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02b"}.usermenu.subnav .usermenu-signout a:hover{text-decoration:none}@media (max-width: 650px){#global-header .ghost-logo{height:40px;width:40px;text-align:center;padding:12px 0;-webkit-transition:margin-left 0.3s ease 0s;-moz-transition:margin-left 0.3s ease 0s;transition:margin-left 0.3s ease 0s}#global-header .ghost-logo:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e005";font-size:14px}#global-header .ghost-logo:hover{text-decoration:none}.off-canvas #global-header .ghost-logo{margin-left:280px;-webkit-transition:margin-left 0.3s ease 0.1s;-moz-transition:margin-left 0.3s ease 0.1s;transition:margin-left 0.3s ease 0.1s}#global-header ul{position:fixed;overflow:auto;top:0;right:auto;bottom:0;left:-280px;z-index:980;width:280px;padding-top:40px;font-weight:normal;background:#242628;border-left:none;-webkit-transition:left 0.3s ease 0.2s;-moz-transition:left 0.3s ease 0.2s;transition:left 0.3s ease 0.2s}.off-canvas #global-header ul{left:0;-webkit-transition:left 0.3s ease 0s;-moz-transition:left 0.3s ease 0s;transition:left 0.3s ease 0s}#global-header li{float:none;border-right:none;border-bottom:#35393b 1px solid}#global-header li a:hover,#global-header li.active a{box-shadow:none}#global-header li.active a:after{display:none}#global-header li a:before{margin-right:1em}#global-header li ul{position:static;min-width:0;background:#242628}#global-header li li{width:auto}#global-header .usermenu{position:fixed;top:0;right:auto;bottom:auto;left:-280px;height:40px;z-index:990;width:279px;border-left:none;border-right:#242728 1px solid;border-bottom:#292c2e 1px solid;background-color:#1d1e20;background-image:-webkit-linear-gradient(bottom, #111213, #1d1e20);background-image:-moz-linear-gradient(bottom, #111213, #1d1e20);background-image:-ms-linear-gradient(bottom, #111213, #1d1e20);background-image:linear-gradient(to top, #111213, #1d1e20);-webkit-transition:left 0.3s ease 0.2s;-moz-transition:left 0.3s ease 0.2s;transition:left 0.3s ease 0.2s}.off-canvas #global-header .usermenu{left:0;-webkit-transition:left 0.3s ease 0s;-moz-transition:left 0.3s ease 0s;transition:left 0.3s ease 0s}#global-header .usermenu>a:hover{background:inherit}#global-header .usermenu>a.active{background:#2e3133}#global-header .usermenu>ul{padding:0;box-shadow:none;width:100%;font-weight:300}#global-header .usermenu .open{box-shadow:rgba(0,0,0,0.4) 0 10px 20px}#global-header .usermenu li{border-bottom:#2e3133 1px solid}#global-header .usermenu li a{background:#2e3133}#global-header .usermenu li a:hover{background:#222426}#global-header .usermenu li a:before{margin-right:1em}#global-header .usermenu .divider{display:none}} +nav ul{list-style:none;margin:0;padding:0;border-top:#edece4 1px solid}nav li a{display:block;padding:10px 15px;color:#aaa9a2;border-bottom:#edece4 1px solid}nav li a:hover{color:#242628;background:#edece4;text-decoration:none}nav li a:before{margin-right:1em}#nprogress{pointer-events:none;-webkit-pointer-events:none}#nprogress .bar{background:#5ba4e5;position:fixed;z-index:100;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #5ba4e5,0 0 5px #5ba4e5;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-moz-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);-o-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px)}#nprogress .spinner{display:block;position:fixed;z-index:100;top:15px;right:15px}#nprogress .spinner-icon{width:14px;height:14px;border:solid 2px transparent;border-top-color:#5ba4e5;border-left-color:#5ba4e5;border-radius:10px;-webkit-animation:nprogress-spinner 400ms linear infinite;-moz-animation:nprogress-spinner 400ms linear infinite;-ms-animation:nprogress-spinner 400ms linear infinite;-o-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes nprogress-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes nprogress-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes nprogress-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}.ghost-login,.ghost-signup,.ghost-forgotten,.ghost-reset{color:#7d878a;background:#242628}@media (max-width: 400px){.ghost-login,.ghost-signup,.ghost-forgotten,.ghost-reset{background:#242628}}.ghost-login main,.ghost-signup main,.ghost-forgotten main,.ghost-reset main{top:15px}.ghost-login input:-webkit-autofill,.ghost-signup input:-webkit-autofill,.ghost-forgotten input:-webkit-autofill,.ghost-reset input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #e2edf2 inset !important}.login-box,.signup-box,.forgotten-box,.reset-box{max-width:530px;height:90%;margin:0 auto;padding:0;display:table}@media (max-width: 630px){.login-box,.signup-box,.forgotten-box,.reset-box{max-width:264px;text-align:center}} +.login-form{max-width:530px;color:#a5acae;display:table-cell;vertical-align:middle}@media (max-width: 630px){.login-form{max-width:264px}}.login-form div{position:relative;margin:0 0 5px 0;background:#3c4043;float:left}@media (max-width: 630px){.login-form div{margin-bottom:1em}}.login-form input{display:inline-block;clear:both;margin:0;padding:8px 0 8px 8px;width:216px;position:relative;border:none;color:#fff;font-size:1.1em;font-weight:200;background:transparent;box-shadow:none;-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}@media (max-width: 630px){.login-form input{width:264px;-webkit-transition:none;-moz-transition:none;transition:none}}.login-form input:focus{border:none;background:#484c50}.login-form .email-wrap{position:relative;margin-right:3px;border-radius:2px 0 0 2px}.login-form .email-wrap:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e012";font-size:12px;position:absolute;bottom:11px;left:8px;z-index:100}.login-form .email-wrap:hover{text-decoration:none}@media (max-width: 630px){.login-form .email-wrap{margin-right:0;border-radius:2px}}.login-form .email-wrap .email{padding-left:28px;border-radius:2px 0 0 2px}.login-form .password-wrap{position:relative;border-radius:0 2px 2px 0}.login-form .password-wrap:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02c";font-size:10px;position:absolute;bottom:12px;left:11px;z-index:100}.login-form .password-wrap:hover{text-decoration:none}@media (max-width: 630px){.login-form .password-wrap{border-radius:2px}}.login-form .password-wrap .password{padding-left:28px;border-radius:0 2px 2px 0}.login-form button{width:85px;height:36px;margin:0 0 0 10px;padding:0.5em 1.37em;min-height:30px;min-width:80px;box-shadow:rgba(255,255,255,0.15) 0 1px 0 inset}@media (max-width: 630px){.login-form button{margin:0;width:100%;margin-bottom:1em}}.login-form .meta{clear:both;color:#7d878a}.login-form a{color:#646d70;font-size:0.9em}.login-form a:hover{color:#8a9396;text-decoration:none}.signup-form,.reset-form{max-width:280px;color:#a5acae;display:table-cell;vertical-align:middle}@media (max-width: 630px){.signup-form,.reset-form{width:264px}}.signup-form div,.reset-form div{position:relative;margin:0 0 1em 0;background:#3c4043;float:left;display:table}.signup-form input,.reset-form input{margin:0;width:280px;padding:8px 10px;position:relative;border:none;color:#fff;font-size:1.1em;font-weight:200;background:transparent;box-shadow:none}@media (min-width: 631px){.signup-form input,.reset-form input{-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}}@media (max-width: 630px){.signup-form input,.reset-form input{width:264px}}.signup-form input:focus,.reset-form input:focus{border:none;background:#484c50}.signup-form .name-wrap,.reset-form .name-wrap{position:relative;border-radius:2px}.signup-form .name-wrap .name,.reset-form .name-wrap .name{border-radius:2px}.signup-form .email-wrap,.reset-form .email-wrap{position:relative;border-radius:2px}.signup-form .email-wrap .email,.reset-form .email-wrap .email{border-radius:2px}.signup-form .password-wrap,.reset-form .password-wrap{position:relative;border-radius:2px}.signup-form .password-wrap .password,.reset-form .password-wrap .password{border-radius:2px}.signup-form button,.reset-form button{width:100%;height:36px;margin:0 0 1em 0;padding:0.5em 1.37em;min-height:30px;min-width:80px;box-shadow:rgba(255,255,255,0.15) 0 1px 0 inset}.forgotten-form{max-width:280px;color:#a5acae;display:table-cell;vertical-align:middle}.forgotten-form div{position:relative;margin:0 0 1em 0;background:#3c4043;float:left}.forgotten-form input{margin:0;padding:8px 10px;position:relative;border:none;color:#fff;font-size:1.1em;font-weight:200;background:transparent;box-shadow:none;-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}.forgotten-form input:focus{border:none;background:#484c50}.forgotten-form .email-wrap{width:100%;position:relative;border-radius:2px}.forgotten-form .email-wrap .email{border-radius:2px}.forgotten-form button{width:100%;height:36px;margin:0 0 1em 0;padding:0.5em 1.37em;min-height:30px;min-width:80px;box-shadow:rgba(255,255,255,0.15) 0 1px 0 inset}.manage .content-view-container{position:relative;height:100%;width:100%}@media (max-width: 800px){.manage .content-view-container{overflow-x:hidden}}.manage .content-list{width:35%;padding:15px;position:absolute;bottom:0;top:0;left:0;border-right:#edece4 2px solid;background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}@media (max-width: 800px){.manage .content-list{width:auto;right:0;z-index:500;border:none}}.manage .content-list .content-filter{position:relative;z-index:300}.manage .content-list .content-filter>a{padding:5px;margin-left:-5px}.manage .content-list .content-filter .menu-drop,.manage .content-list .content-filter .menu-drop-left,.manage .content-list .content-filter .menu-drop-right{display:block}.manage .content-list .button-add{position:absolute;top:10px;right:15px;z-index:700;color:#fff;padding:3px 4px 3px 5px;min-height:0}.manage .content-list .button-add:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e032"}.manage .content-list .button-add:hover{text-decoration:none}.manage .content-list .content-list-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding-top:40px}.manage .content-list .entry-title{font-size:1.4em;line-height:1.1em;margin-bottom:0.5em;font-weight:normal}.manage .content-list .views{float:right;text-align:right;margin-left:15px}.manage .content-list .views:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e025";font-size:10px;color:#aaa9a2}.manage .content-list .views:hover{text-decoration:none}@media (max-width: 800px){.manage .content-list .views{float:none}}.manage .content-list .featured .status:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e026";font-size:11px;margin-right:10px;vertical-align:7%}.manage .content-list .featured .status:hover{text-decoration:none}.manage .content-list .status .draft{color:#e25440}.manage .content-list .status .scheduled{color:#f2a925}.manage .content-list ol{list-style:none;padding:0;margin:0;border-top:#edece4 1px solid}.manage .content-list ol li{margin:0;padding:0;border-bottom:#edece4 1px solid;position:relative}.manage .content-list ol li a{display:block;padding:20px 15px;color:#aaa9a2}@media (max-width: 400px){.manage .content-list ol li a{padding:15px}}@media (max-width: 800px){.manage .content-list ol li a{padding-right:40px}}.manage .content-list ol li a:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01d";position:absolute;top:50%;margin-top:-6px;right:15px}.manage .content-list ol li a:hover{text-decoration:none}@media (min-width: 801px){.manage .content-list ol li a:after{display:none}}.manage .content-list ol li a:hover{text-decoration:none}@media (min-width: 801px){.manage .content-list ol li.active{border-bottom:#e8eaeb 1px solid;background:#f6f6f7;box-shadow:#e8eaeb 0 -1px 0,rgba(0,0,0,0.06) 7px 0 0 inset,#e8eaeb 1px 0 0 inset}.manage .content-list ol li.active a:hover{box-shadow:rgba(0,0,0,0.1) 7px 0 0 inset;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}.manage .content-list ol li.active .entry-title{font-weight:bold}.manage .content-list ol li.active .entry-meta{color:#242628}.manage .content-list ol li.active .views{color:#242628;font-weight:normal}.manage .content-list ol li.active .views:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e025";font-size:10px;color:#242628}.manage .content-list ol li.active .views:hover{text-decoration:none}} +.manage .content-preview{width:65%;padding:15px;position:absolute;bottom:0;top:0;right:0;border-left:#edece4 2px solid;background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}@media (max-width: 800px){.manage .content-preview{width:auto;left:100%;right:-100%;margin-left:15px;border:none}}.manage .content-preview .unfeatured{vertical-align:-6%;margin:0 7px 0 -5px;padding:5px}.manage .content-preview .unfeatured:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e027";font-size:14px}.manage .content-preview .unfeatured:hover{text-decoration:none}.manage .content-preview .featured{vertical-align:-6%;margin:0 7px 0 -5px;padding:5px}.manage .content-preview .featured:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e026";font-size:14px}.manage .content-preview .featured:hover{text-decoration:none}.manage .content-preview .normal{text-transform:none;margin:0 3px}.manage .content-preview .content-preview-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:80px 40px;word-break:break-word;hyphens:auto}.manage .content-preview .content-preview-content .wrapper{max-width:700px;margin:0 auto}.manage .content-preview .post-controls{float:right;position:relative}.manage .content-preview .post-settings-menu{position:absolute;top:35px;right:-3px}.manage .content-preview .post-edit{margin-right:7px;padding:5px}.manage .content-preview .post-edit:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e00f";font-size:14px}.manage .content-preview .post-edit:hover{text-decoration:none}.manage .content-preview img{width:100%;height:auto}.manage .no-posts-box{position:relative;height:90%;margin:0px auto;padding:0px;display:table;z-index:600}@media (max-width: 800px){.manage .no-posts-box{position:fixed;top:45%;left:50%}}.manage .no-posts-box .no-posts{vertical-align:middle;display:table-cell;text-align:center}@media (max-width: 800px){.manage .no-posts-box .no-posts{display:block;position:relative;left:-50%}}.manage .no-posts-box .no-posts h3{color:#aaa9a2;font-weight:200;font-size:2em}@media (min-width: 401px){.editor .notifications{bottom:40px}}.editor .entry-title{height:57px;padding:2px 15px;margin-bottom:5px;position:relative}@media (max-width: 400px){.editor .entry-title{box-shadow:none}}.editor .entry-title input{border:0;margin:0;padding:0;font-size:3em;font-weight:bold;letter-spacing:-1px;width:100%;background:transparent}.editor .entry-title input:focus{outline:0}.editor .entry-container{position:relative;height:100%}.editor .entry-markdown{left:0;border-right:#edece4 2px solid}.editor .entry-preview{right:0;border-left:#edece4 2px solid}.editor .entry-markdown,.editor .entry-preview{width:50%;padding:15px;position:absolute;bottom:40px;top:61px;background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px}@media (max-width: 400px){.editor .entry-markdown,.editor .entry-preview{box-shadow:none}}@media (max-width: 1000px){.editor .entry-markdown,.editor .entry-preview{top:109px;left:0;right:0;width:100%;border:none;z-index:100;min-height:380px}.editor .entry-markdown .markdown,.editor .entry-markdown .entry-preview-content,.editor .entry-preview .markdown,.editor .entry-preview .entry-preview-content{height:50px;overflow:hidden}}@media (max-width: 1000px){.editor .entry-markdown .floatingheader,.editor .entry-preview .floatingheader{cursor:pointer;width:50%;border-right:#edece4 2px solid;color:#fff;font-weight:normal;background:#aaa9a2;position:absolute;top:-40px;left:0;box-shadow:rgba(0,0,0,0.1) 0 -2px 3px inset}.editor .entry-markdown .floatingheader a,.editor .entry-preview .floatingheader a{color:#fff}}.editor .entry-markdown .floatingheader a,.editor .entry-preview .floatingheader a{color:#aaa9a2}.editor .entry-markdown .floatingheader .markdown-help,.editor .entry-preview .floatingheader .markdown-help{position:relative;top:-5px;right:-5px;float:right;padding:5px}.editor .entry-markdown .floatingheader .markdown-help:before,.editor .entry-preview .floatingheader .markdown-help:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e018";color:#cfceca}.editor .entry-markdown .floatingheader .markdown-help:hover,.editor .entry-preview .floatingheader .markdown-help:hover{text-decoration:none}.editor .entry-markdown .floatingheader .markdown-help:hover:before,.editor .entry-preview .floatingheader .markdown-help:hover:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e018";color:#aaa9a2}.editor .entry-markdown .floatingheader .markdown-help:hover:hover,.editor .entry-preview .floatingheader .markdown-help:hover:hover{text-decoration:none}.editor .entry-markdown .floatingheader .entry-word-count,.editor .entry-preview .floatingheader .entry-word-count{float:right}.editor .entry-markdown.active,.editor .entry-preview.active{z-index:200}.editor .entry-markdown.active .markdown,.editor .entry-markdown.active .entry-preview-content,.editor .entry-preview.active .markdown,.editor .entry-preview.active .entry-preview-content{height:auto;overflow:auto}@media (max-width: 1000px){.editor .entry-markdown.active header,.editor .entry-preview.active header{cursor:auto;color:#aaa9a2;background:#fff;box-shadow:none}.editor .entry-markdown.active header a,.editor .entry-preview.active header a{color:#aaa9a2}}@media (max-width: 400px){.editor .entry-markdown .markdown-help,.editor .entry-markdown .entry-word-count,.editor .entry-preview .markdown-help,.editor .entry-preview .entry-word-count{display:none}}.editor .entry-markdown-content textarea{border:0;width:100%;height:100%;max-width:100%;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}.editor .entry-markdown-content textarea:focus{outline:0}.editor .entry-markdown-content .CodeMirror{height:auto;position:absolute;top:0;left:0;right:0;bottom:0;font-family:Inconsolata,monospace;font-size:1.4em;line-height:1.3em;color:#3c4043}.editor .entry-markdown-content .CodeMirror .CodeMirror-focused,.editor .entry-markdown-content .CodeMirror .CodeMirror-selected{color:#242628;background:#b3d5f3;text-shadow:none}.editor .entry-markdown-content .CodeMirror ::selection{color:#242628;background:#b3d5f3;text-shadow:none}.editor .entry-markdown-content .CodeMirror-lines{padding:65px 0 40px 0}@media (max-width: 1000px){.editor .entry-markdown-content .CodeMirror-lines{padding-top:25px}}@media (max-width: 400px){.editor .entry-markdown-content .CodeMirror-lines{padding:15px 0}}.editor .entry-markdown-content .CodeMirror pre{padding:0 40px}@media (max-width: 400px){.editor .entry-markdown-content .CodeMirror pre{padding:0 15px}}.editor .entry-markdown-content .cm-header{color:#000;font-size:1.4em;line-height:1.4em;font-weight:bold}.editor .entry-markdown-content .cm-variable-2,.editor .entry-markdown-content .cm-variable-3,.editor .entry-markdown-content .cm-keyword{color:#3c4043}.editor .entry-markdown-content .cm-string,.editor .entry-markdown-content .cm-strong,.editor .entry-markdown-content .cm-link,.editor .entry-markdown-content .cm-comment,.editor .entry-markdown-content .cm-quote,.editor .entry-markdown-content .cm-number,.editor .entry-markdown-content .cm-atom,.editor .entry-markdown-content .cm-tag{color:#000;font-weight:bold}@media (max-width: 1000px){.editor .entry-preview .floatingheader{right:0;left:auto;border-right:none;border-left:#edece4 2px solid}}.editor .entry-preview .entry-preview-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:60px 40px 40px 40px;overflow:auto;word-break:break-word;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}@media (max-width: 1000px){.editor .entry-preview .entry-preview-content{padding-top:20px}}@media (max-width: 400px){.editor .entry-preview .entry-preview-content{padding:15px}}@media (max-width: 1000px){.editor .scrolling .floatingheader{box-shadow:none}}@media (max-width: 1000px){.editor .scrolling .floatingheader::before,.editor .scrolling .floatingheader::after{display:none}}@media (max-width: 1000px){.editor .scrolling .CodeMirror-scroll,.editor .scrolling .entry-preview-content{box-shadow:0 5px 5px rgba(0,0,0,0.05) inset}} +.entry-preview-content,.content-preview-content{font-size:1.4em;line-height:1.5em}.entry-preview-content a,.content-preview-content a{color:#5ba4e5;text-decoration:underline}.entry-preview-content p,.content-preview-content p{margin:1.2em 0 1.6em}.entry-preview-content p:first-of-type,.content-preview-content p:first-of-type{margin-top:0}.entry-preview-content h1,.content-preview-content h1{font-size:3em}.entry-preview-content h2,.content-preview-content h2{font-size:2.2em}.entry-preview-content h3,.content-preview-content h3{font-size:1.8em}.entry-preview-content .btn,.content-preview-content .btn{text-decoration:none;color:#35393b}.entry-preview-content .img-placeholder,.content-preview-content .img-placeholder{border:5px dashed #35393b;height:100px;position:relative}.entry-preview-content .img-placeholder span,.content-preview-content .img-placeholder span{display:block;height:30px;position:absolute;margin-top:-15px;top:50%;width:100%;text-align:center}.entry-preview-content a.image-edit,.content-preview-content a.image-edit{width:16px;height:16px}.entry-preview-content img,.content-preview-content img{max-width:100%;height:auto;margin:0 auto}body.zen{background:#f3f2ed}body.zen .usermenu{display:none}body.zen #global-header,body.zen #publish-bar{opacity:0;height:0;overflow:hidden;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out}body.zen main{top:15px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out}body.zen .entry-markdown,body.zen .entry-preview{bottom:0;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out}#publish-bar{height:40px;padding:0;color:#7d878a;background:#1a1c1d;position:fixed;bottom:0;left:0;right:0;z-index:900;box-shadow:0 -2px 8px rgba(0,0,0,0.2);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}@media (max-width: 1000px){#publish-bar{font-weight:normal}}#publish-bar .post-settings:hover,#publish-bar .post-settings.active{color:#e2edf2}#publish-bar .post-settings-menu{position:absolute;bottom:44px;right:-3px}#publish-bar button{min-height:30px;height:30px;line-height:12px;padding:0 10px;margin-top:5px;border-top:rgba(255,255,255,0.4) 1px solid}#publish-bar .button-link{border-top:none}#publish-bar .options{width:30px;min-height:30px;height:30px;margin-top:5px;box-shadow:rgba(255,255,255,0.4) 0 1px 0 inset}#publish-bar .splitbutton-save .button-save,#publish-bar .splitbutton-save .button-delete,#publish-bar .splitbutton-delete .button-save,#publish-bar .splitbutton-delete .button-delete{-webkit-transition:width 0.25s ease,background-color 0.3s linear;-moz-transition:width 0.25s ease,background-color 0.3s linear;transition:width 0.25s ease,background-color 0.3s linear}#publish-bar .splitbutton-save .editor-options,#publish-bar .splitbutton-delete .editor-options{bottom:140%;right:-3%}#publish-bar .splitbutton-save .editor-options a,#publish-bar .splitbutton-delete .editor-options a{font-size:14px}.extended-tags{position:static;min-height:100%}.extended-tags #entry-tags:after{right:10px}.extended-tags .tags{width:281px}.extended-tags .tag-label,.extended-tags .tag-label.touch{color:#fff}.extended-tags .tag-input{width:100%;margin-top:5px;padding-top:5px;padding-left:10px;border-top:1px solid #242628}.extended-tags .right{display:none}#entry-tags{position:absolute;top:0;left:0;right:0;bottom:0;text-transform:none;padding:10px 0 0 0}#entry-tags:after{content:"";position:fixed;top:10px;right:270px;width:20px;height:26px;background-color:rgba(26,28,29,0);background-image:-webkit-linear-gradient(left, rgba(26,28,29,0),#1a1c1d);background-image:linear-gradient(to right,rgba(26,28,29,0),#1a1c1d);z-index:9999;pointer-events:none}@media (max-width: 400px){#entry-tags:after{right:161px}}#entry-tags .tags{position:relative;display:inline-block;vertical-align:middle;width:auto;max-width:80%;max-width:calc(100% - 320px);height:22px;padding-left:5px;padding-bottom:20px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;-webkit-transition:width 0.2s linear;-moz-transition:width 0.2s linear;transition:width 0.2s linear}@media (max-width: 400px){#entry-tags .tags{display:block;width:115px;max-width:inherit;padding-bottom:0}}#entry-tags .tag-label{display:block;float:left;padding:1px 8px 0 8px;-webkit-transition:all 0.15s ease-out 0s;-moz-transition:all 0.15s ease-out 0s;transition:all 0.15s ease-out 0s}#entry-tags .tag-label:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e003"}#entry-tags .tag-label:hover{text-decoration:none}#entry-tags .tag-label:hover{cursor:pointer;color:#e2edf2}#entry-tags .tag-label.touch{color:inherit}#entry-tags input[type="text"].tag-input{display:inline-block;padding:0;vertical-align:top;color:#e2edf2;font-weight:300;background:transparent;border:none}#entry-tags input[type="text"].tag-input:focus{outline:none}#entry-tags .tag{display:inline;margin-right:2px;padding:0 5px;color:#e2edf2;white-space:nowrap;background:#596063;border-radius:2px;box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset,#000 0 1px 3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#entry-tags .tag:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e034";font-size:8px;color:#242628;margin-left:4px;vertical-align:10%;text-shadow:rgba(255,255,255,0.15) 0 1px 0;-webkit-transition:all 0.15s ease-out 0s;-moz-transition:all 0.15s ease-out 0s;transition:all 0.15s ease-out 0s}#entry-tags .tag:hover{text-decoration:none}#entry-tags .tag:hover{cursor:pointer}#entry-tags .tag:hover:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e034";font-size:8px;color:#e2edf2;margin-left:4px;vertical-align:10%;text-shadow:none}#entry-tags .tag:hover:hover{text-decoration:none}.suggestions{bottom:100%}.suggestions li.selected{background:#5ba4e5;box-shadow:rgba(255,255,255,0.2) 0 1px 0 inset,rgba(0,0,0,0.5) 0 1px 5px}.suggestions li a{padding-left:25px}.suggestions mark{background:none;color:white;font-weight:bold}#entry-controls{display:inline-block;position:relative;padding:0;z-index:9000}#entry-controls.unsaved .post-settings-menu{padding-bottom:0}#entry-controls.unsaved .post-settings-menu .post-setting:nth-child(3) td{border-bottom:none}#entry-controls.unsaved .post-settings-menu .delete{display:none}#entry-actions{margin-right:6px;position:relative}#entry-actions-menu{position:absolute;bottom:50px;right:-5px}.markdown-help-container{padding-bottom:20px}.modal-markdown-help-table{margin-top:0}.CodeMirror{font-family:monospace;height:300px}.CodeMirror-scroll{overflow:auto}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-scrollbar-filler{background-color:white}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7}.CodeMirror div.CodeMirror-cursor{border-left:1px solid black;z-index:3}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-tab{display:inline-block}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable{color:black}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-property{color:black}.cm-s-default .cm-operator{color:black}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-error{color:#f00}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:bold}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-invalidchar{color:#f00}.CodeMirror{line-height:1;position:relative;overflow:hidden;background:white;color:black}.CodeMirror-scroll{margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;padding-right:30px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0;z-index:6}.CodeMirror-gutters{position:absolute;left:0;top:0;height:100%;padding-bottom:30px;z-index:3}.CodeMirror-lines{cursor:text}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-wrap .CodeMirror-scroll{overflow-x:hidden}.CodeMirror-measure{position:absolute;width:100%;height:0px;overflow:hidden;visibility:hidden}.CodeMirror-measure pre{position:static}.CodeMirror div.CodeMirror-cursor{position:absolute;visibility:hidden;border-right:none;width:0}.CodeMirror-focused div.CodeMirror-cursor{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror span{*vertical-align:text-bottom}@media print{.CodeMirror div.CodeMirror-cursor{visibility:hidden}}.error-content{max-width:530px;margin:0 auto;padding:0;display:table;height:100%}@media (max-width: 630px){.error-content{max-width:264px;text-align:center}} .error-details{display:table-cell;vertical-align:middle}.error-image{display:inline-block;vertical-align:middle;width:96px;height:150px}@media (max-width: 630px){.error-image{width:72px;height:112px}}.error-image img{width:100%;height:100%}.error-message{position:relative;top:-5px;display:inline-block;vertical-align:middle;margin-left:10px}.error-code{margin:0;font-size:7.8em;line-height:0.9em;color:#979797}@media (max-width: 630px){.error-code{font-size:5.8em}} .error-description{margin:0;padding:0;font-weight:300;font-size:1.9em;color:#979797;border:none}@media (max-width: 630px){.error-description{font-size:1.4em}} -.error-stack{margin:1em auto;padding:2em;max-width:800px;background-color:rgba(255,255,255,0.3)}.error-stack-list{list-style-type:none;padding:0;margin:0}.error-stack-list li{display:block}.error-stack-list li::before{color:#BBB;content:"\21AA";display:inline-block;font-size:1.2em;margin-right:0.5em}.error-stack-function{font-weight:bold}.ghost-setup{color:#7d878a;background:#242628}@media (max-width: 550px){.ghost-setup{background:#18191b}}.ghost-setup main{top:15px}@media (max-width: 550px){.ghost-setup main{top:0}}.ghost-setup input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #e2edf2 inset !important}.ghost-setup h1{margin:0;font-weight:200;font-size:26px;color:#e2edf2}@media (max-width: 550px){.ghost-setup h1{font-size:20px}}.ghost-setup h2{margin:10px 0 0 0;padding:0;border:none;font-weight:200;font-size:16px;color:#7d878a}@media (max-width: 550px){.ghost-setup h2{font-size:14px}} -.setup-box{display:table;max-width:500px;height:90%;margin:0 auto;padding:0}.setup-form{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:530px;padding:40px;color:#a5acae;background:#18191b}@media (max-width: 400px){.setup-form{padding:15px}}.setup-form header{margin-bottom:45px}@media (max-width: 550px){.setup-form header{margin-bottom:35px}}.setup-form footer{margin:40px 0 5px 0}@media (max-width: 550px){.setup-form footer{margin-top:35px}}.setup-form label{width:90px;color:#e2edf2;font-weight:300}@media (max-width: 550px){.setup-form label{width:100%}}.setup-form .form-group{padding-left:110px}@media (max-width: 550px){.setup-form .form-group{padding-left:0}}.setup-form input{width:300px;padding:7px;border:none;color:#fff;background:#3c4043;-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}@media (max-width: 550px){.setup-form input{width:100%}}.setup-form input:focus{border:none;background:#484c50}.setup-form p{font-size:12px;line-height:1.4em;color:#7d878a}.setup-form .button-add{width:100%;padding:0.9em 1.8em;font-size:13px}.settings .wrapper{background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px;position:relative;width:100%;height:100%;margin:0;padding:0}@media (max-width: 800px){.settings .wrapper{overflow-x:hidden}}.settings .title{text-transform:uppercase;font-weight:normal;font-size:1.6em;line-height:0.8em;margin:0 0 18px 0;padding:0;border:none}.settings .settings-sidebar{width:20%;position:absolute;top:0;left:0;bottom:0;z-index:700;background:#fff;box-shadow:#edece4 1px 0 0}@media (max-width: 800px){.settings .settings-sidebar{width:100%;box-shadow:none}}.settings .settings-sidebar>header{position:relative;z-index:400;height:17px;padding:30px 15px 30px 40px;margin-bottom:0;border-bottom:none;box-shadow:#edece4 0 -1px 0 inset, #edece4 1px 0 0;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(25%, #fff), color-stop(100%, rgba(255,255,255,0.9)));background:-webkit-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:linear,to bottom,#fff 0%,#fff 25%,rgba(255,255,255,0.9) 100%}@media (max-width: 1000px){.settings .settings-sidebar>header{padding-left:15px}}.settings .settings-menu{position:absolute;top:0;left:0;bottom:0;right:-1px;overflow:auto}@media (max-width: 800px){.settings .settings-menu{right:0}}.settings .settings-menu:before{display:block;content:"";height:77px}.settings .settings-menu ul{border-top:none}@media (max-width: 800px){.settings .settings-menu ul{border-bottom:#edece4 1px solid}}.settings .settings-menu li{margin-right:1px;border-top:#fff 1px solid}@media (max-width: 800px){.settings .settings-menu li{margin-right:0;border-top:#edece4 1px solid}}.settings .settings-menu li a{padding:15px 15px 15px 40px;border-bottom:none}@media (max-width: 1000px){.settings .settings-menu li a{padding-left:15px}}@media (max-width: 800px){.settings .settings-menu li a:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01d";float:right;margin-top:5px}.settings .settings-menu li a:hover{text-decoration:none}}.settings .settings-menu li:first-child{border-top:none}.settings .settings-menu li:first-child.active{border-top:none}@media (min-width: 800px), (min-width: 800px){.settings .settings-menu li.active{margin-right:0;position:relative;z-index:300;border-top:#edece4 1px solid;box-shadow:#fff 1px 0 0, #edece4 0 1px 0;-webkit-transition:all 0.15s ease-out 0;-moz-transition:all 0.15s ease-out 0;transition:all 0.15s ease-out 0}.settings .settings-menu li.active a{color:#242628;font-weight:bold;background:#fff}}.settings .settings-menu li a:before{margin-right:20px}@media (max-width: 1000px){.settings .settings-menu li a:before{margin-right:15px}}.settings .settings-menu .general a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e006"}.settings .settings-menu .general a:hover{text-decoration:none}.settings .settings-menu .publishing a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02d"}.settings .settings-menu .publishing a:hover{text-decoration:none}.settings .settings-menu .services a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e020"}.settings .settings-menu .services a:hover{text-decoration:none}.settings .settings-menu .users a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e002"}.settings .settings-menu .users a:hover{text-decoration:none}.settings .settings-menu .appearance a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e021"}.settings .settings-menu .appearance a:hover{text-decoration:none}.settings .settings-menu .apps a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e00b"}.settings .settings-menu .apps a:hover{text-decoration:none}.settings .settings-menu .code a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e03e"}.settings .settings-menu .code a:hover{text-decoration:none}.settings .settings-content{padding:0;position:absolute;top:0;right:0;left:20%;bottom:0;background:#fff;display:none}@media (max-width: 800px){.settings .settings-content{display:none;width:100%;left:100%;right:-100%;margin-left:15px}}.settings .settings-content img{max-width:100%}.settings .settings-content.active{display:block}.settings .settings-content>header{position:relative;z-index:200;height:17px;padding:30px 220px 29px 40px;border-bottom:#edece4 1px solid;margin-bottom:40px;text-transform:none;font-weight:normal;line-height:inherit;color:inherit;background:-moz-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(25%, #fff), color-stop(100%, rgba(255,255,255,0.9)));background:-webkit-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:-o-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:-ms-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:linear,to bottom,#fff 0%,#fff 25%,rgba(255,255,255,0.9) 100%}@media (max-width: 1000px){.settings .settings-content>header{padding-left:15px}}@media (max-width: 800px){.settings .settings-content>header{padding-left:115px}}@media (max-height: 600px), (max-height: 600px){.settings .settings-content>header{height:auto;padding:5px;position:absolute;top:0;right:0;border:none;background:transparent}.settings .settings-content>header .title{display:none}}@media (max-width: 650px){.settings .settings-content>header{padding-left:15px}.settings .settings-content>header .button-back{position:fixed;top:5px;left:14px;min-height:0;height:30px}.settings .settings-content>header .button-back:before{left:-9px;border-width:15px 9px 15px 0}}.settings .settings-content .page-actions{position:absolute;top:20px;right:40px;z-index:700;font-size:1em}@media (max-width: 1000px){.settings .settings-content .page-actions{right:15px}}@media (max-width: 650px){.settings .settings-content .page-actions{position:fixed;top:5px;right:4px}.settings .settings-content .page-actions button{min-height:0;height:30px;padding:0.5em 1.37em}}.settings .settings-content .page-actions .button-add{position:relative;padding-left:50px}.settings .settings-content .page-actions .button-add:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e032";font-size:1.4em;color:rgba(255,255,255,0.6);position:absolute;top:0;padding:9px 8px 0 0;left:9px;bottom:0;width:20px;border-right:#8ba644 1px solid}.settings .settings-content .page-actions .button-add:hover{text-decoration:none}.settings .settings-content .content{position:absolute;top:0;right:0;left:0;bottom:0;padding:40px;overflow:auto;-webkit-overflow-scrolling:touch}.settings .settings-content .content:before{display:block;content:"";height:77px}@media (max-height: 600px), (max-height: 600px){.settings .settings-content .content:before{display:none}}.settings .settings-content .content.no-padding{padding:0}@media (max-width: 1000px){.settings .settings-content .content{padding-left:15px}}@media (max-width: 550px){.settings .settings-content .content{padding:0 15px 40px}}.settings .settings-content .description-container,.settings .settings-content .bio-container{max-width:370px}.settings .settings-content .word-count{margin-right:30px;float:right;font-weight:bold;color:#9e9d95}.settings .user-group-header{margin-bottom:0px;padding-bottom:20px;border:0 none;border-bottom:1px solid #d9d6c5}.settings .user-group-header h3{display:inline-block;margin:0;color:#c0bfb6;font-weight:normal;font-size:1.1em;line-height:1em}.settings .user-search{display:inline-block;float:right}.settings .user-search label{margin:0}.settings .user-search:hover .user-search-input,.settings .user-search .user-search-input:focus{width:260px;padding:0 10px}.settings .user-search .user-search-input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:0px;padding:0;border:none;border-bottom:#f1f0ea 1px solid;-webkit-transition:width 0.2s ease-in-out;-moz-transition:width 0.2s ease-in-out;transition:width 0.2s ease-in-out;box-shadow:none}.settings .user-search .search-icon:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e007";font-size:1em;color:#c0bfb6}.settings .user-search .search-icon:hover{text-decoration:none}.settings .users{padding:0px;margin-top:0px;list-style:none}.settings .user{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;padding:20px;border:0 none;border-top:1px solid #e2edf2}.settings .user:first-child{border:none}.settings .user .user-image{display:inline-block;width:40px;height:40px;margin-right:17px;vertical-align:middle;background-color:#edece4;border-radius:20px}.settings .user .user-image.invite{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:8px;text-align:center}.settings .user .user-image.invite:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e012";font-size:1em;color:#aaa9a2}.settings .user .user-image.invite:hover{text-decoration:none}.settings .user .user-image img{width:40px;height:40px;border-radius:20px}.settings .user .user-meta{display:inline-block;vertical-align:middle}.settings .user .user-name{margin:0;margin-top:0.4em;font-weight:400;font-size:1.2em;line-height:1em}.settings .user .user-last-seen{line-height:1em}.settings .user-role{padding:2px 8px;float:right;font-size:0.8em;color:#fff;text-transform:uppercase}.settings .user-role.admin{background-color:#DE523A}.settings .user-role.editor{background-color:#4A8CBD}.settings .user-profile-header{position:relative}.settings .user-profile-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent),color-stop(100%, rgba(0,0,0,0.3)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,0.3));background-image:linear-gradient(transparent,rgba(0,0,0,0.3))}.settings .cover-image{display:block;line-height:0;width:100%;height:auto;min-height:180px}.settings .edit-cover-image{position:absolute;right:40px;bottom:38px;background:rgba(0,0,0,0.3);border-radius:0;color:rgba(255,255,255,0.8);z-index:2;border-radius:2px;-webkit-transition:color 0.3s ease,background 0.3s ease;-moz-transition:color 0.3s ease,background 0.3s ease;transition:color 0.3s ease,background 0.3s ease}@media (max-width: 1000px){.settings .edit-cover-image{right:15px}}.settings .edit-cover-image:hover{color:#fff;background:rgba(0,0,0,0.5)}.settings .user-profile{position:relative;top:-100px;z-index:1}.settings .user-profile fieldset{padding:0 40px}.settings fieldset.user-details-top{margin-bottom:0;padding:10px 0 0 0}.settings fieldset.user-details-top p{color:#fff}.settings .user-image{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;position:relative;width:120px;height:120px;float:left;margin-left:40px;margin-right:20px;text-align:center;border-radius:100%;overflow:hidden;border:5px solid #fff;background:#fff;z-index:2}.settings .user-image .img{display:block;width:110px;height:110px;background-size:cover;background-position:center center;border-radius:100%}.settings .user-image:hover .edit-user-image{opacity:1}.settings .edit-user-image{position:absolute;top:0px;right:0px;bottom:0px;left:0px;border-radius:100%;background:rgba(0,0,0,0.5);opacity:0;color:#fff;line-height:105px;text-transform:uppercase;text-decoration:none;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.settings #user-name{border-color:#fff}.settings .user-details-bottom{padding:0 40px;margin:-30px 0 0 0} +.error-stack{margin:1em auto;padding:2em;max-width:800px;background-color:rgba(255,255,255,0.3)}.error-stack-list{list-style-type:none;padding:0;margin:0}.error-stack-list li{display:block}.error-stack-list li::before{color:#BBB;content:"\21AA";display:inline-block;font-size:1.2em;margin-right:0.5em}.error-stack-function{font-weight:bold}.settings .wrapper{background:#fff;box-shadow:rgba(0,0,0,0.05) 0 1px 5px;position:relative;width:100%;height:100%;margin:0;padding:0}@media (max-width: 800px){.settings .wrapper{overflow-x:hidden}}.settings .title{text-transform:uppercase;font-weight:normal;font-size:1.6em;line-height:0.8em;margin:0 0 18px 0;padding:0;border:none}.settings-sidebar{width:20%;position:absolute;top:0;left:0;bottom:0;z-index:700;background:#fff;box-shadow:#edece4 1px 0 0}@media (max-width: 800px){.settings-sidebar{width:100%;box-shadow:none}}.settings-sidebar>header{position:relative;z-index:400;height:17px;padding:30px 15px 47px 40px;margin-bottom:0;border-bottom:none;box-shadow:#edece4 0 -1px 0 inset, #edece4 1px 0 0;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(25%, #fff), color-stop(100%, rgba(255,255,255,0.9)));background:-webkit-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:linear-gradient(to bottom, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%)}@media (max-width: 1000px){.settings-sidebar>header{padding-left:15px}} +.settings-menu{position:absolute;top:0;left:0;bottom:0;right:-1px;overflow:auto}@media (max-width: 800px){.settings-menu{right:0}}.settings-menu:before{display:block;content:"";height:77px}.settings-menu ul{border-top:none}@media (max-width: 800px){.settings-menu ul{border-bottom:#edece4 1px solid}}.settings-menu li{margin-right:1px;border-top:#fff 1px solid}@media (max-width: 800px){.settings-menu li{margin-right:0;border-top:#edece4 1px solid}}.settings-menu li a{padding:15px 15px 15px 40px;border-bottom:none}@media (max-width: 1000px){.settings-menu li a{padding-left:15px}}@media (max-width: 800px){.settings-menu li a:after{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e01d";float:right;margin-top:5px}.settings-menu li a:hover{text-decoration:none}}.settings-menu li:first-child{border-top:none}.settings-menu li:first-child.active{border-top:none}@media (min-width: 1001px){.settings-menu li.active{margin-right:0;position:relative;z-index:300;border-top:#edece4 1px solid;box-shadow:#fff 1px 0 0, #edece4 0 1px 0;-webkit-transition:all 0.15s ease-out 0s;-moz-transition:all 0.15s ease-out 0s;transition:all 0.15s ease-out 0s}.settings-menu li.active a{color:#242628;font-weight:bold;background:#fff}}.settings-menu li a:before{margin-right:20px}@media (max-width: 1000px){.settings-menu li a:before{margin-right:15px}}.settings-menu .general a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e006"}.settings-menu .general a:hover{text-decoration:none}.settings-menu .publishing a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e02d"}.settings-menu .publishing a:hover{text-decoration:none}.settings-menu .services a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e020"}.settings-menu .services a:hover{text-decoration:none}.settings-menu .users a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e002"}.settings-menu .users a:hover{text-decoration:none}.settings-menu .appearance a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e021"}.settings-menu .appearance a:hover{text-decoration:none}.settings-menu .apps a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e00b"}.settings-menu .apps a:hover{text-decoration:none}.settings-menu .code a:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e03e"}.settings-menu .code a:hover{text-decoration:none}.settings-content{padding:0;position:absolute;top:0;right:0;left:20%;bottom:0;background:#fff;display:none}@media (max-width: 800px){.settings-content{display:none;width:100%;left:100%;right:-100%;margin-left:15px}}.settings-content img{max-width:100%;max-height:400px}.settings-content.active{display:block}.settings-content>header{position:relative;z-index:200;height:17px;padding:30px 220px 46px 40px;border-bottom:#edece4 1px solid;margin-bottom:40px;text-transform:none;font-weight:normal;line-height:inherit;color:inherit;background:-moz-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(25%, #fff), color-stop(100%, rgba(255,255,255,0.9)));background:-webkit-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:-o-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:-ms-linear-gradient(top, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%);background:linear-gradient(to bottom, #fff 0%, #fff 25%, rgba(255,255,255,0.9) 100%)}@media (max-width: 1000px){.settings-content>header{padding-left:15px}}@media (max-width: 800px){.settings-content>header{padding-left:115px}}@media (max-height: 600px){.settings-content>header{height:auto;padding:5px;position:absolute;top:0;right:0;border:none;background:transparent}.settings-content>header .title{display:none}}@media (max-width: 650px){.settings-content>header{padding-left:15px}.settings-content>header .button-back{position:fixed;top:5px;left:14px;min-height:0;height:30px}.settings-content>header .button-back:before{left:-9px;border-width:15px 9px 15px 0}}.settings-content .page-actions{position:absolute;top:20px;right:40px;z-index:700;font-size:1em}@media (max-width: 1000px){.settings-content .page-actions{right:15px}}@media (max-width: 650px){.settings-content .page-actions{position:fixed;top:5px;right:4px}.settings-content .page-actions button{min-height:0;height:30px;padding:0.5em 1.37em}}.settings-content .page-actions .button-add{position:relative;padding-left:50px}.settings-content .page-actions .button-add:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e032";font-size:1.4em;color:rgba(255,255,255,0.6);position:absolute;top:0;padding:9px 8px 0 0;left:9px;bottom:0;width:20px;border-right:#8ba644 1px solid}.settings-content .page-actions .button-add:hover{text-decoration:none}.settings-content .content{position:absolute;top:0;right:0;left:0;bottom:0;padding:40px;overflow:auto;-webkit-overflow-scrolling:touch}.settings-content .content:before{display:block;content:"";height:77px}@media (max-height: 600px){.settings-content .content:before{display:none}}.settings-content .content.no-padding{padding:0}@media (max-width: 1000px){.settings-content .content{padding-left:15px}}@media (max-width: 550px){.settings-content .content{padding:0 15px 40px}}.settings-content .description-container,.settings-content .bio-container{max-width:510px}.settings-content .word-count{margin-right:30px;float:right;font-weight:bold;color:#9e9d95}.header-injection,.footer-injection{margin-top:3.2em}.ghost-setup{color:#7d878a;background:#242628}@media (max-width: 550px){.ghost-setup{background:#18191b}}.ghost-setup main{top:15px}@media (max-width: 550px){.ghost-setup main{top:0}}.ghost-setup input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #e2edf2 inset !important}.ghost-setup h1{margin:0;font-weight:200;font-size:26px;color:#e2edf2}@media (max-width: 550px){.ghost-setup h1{font-size:20px}}.ghost-setup h2{margin:10px 0 0 0;padding:0;border:none;font-weight:200;font-size:16px;color:#7d878a}@media (max-width: 550px){.ghost-setup h2{font-size:14px}} +.setup-box{display:table;max-width:500px;height:90%;margin:0 auto;padding:0}.setup-form{max-width:530px;padding:40px;color:#a5acae;background:#18191b}@media (max-width: 400px){.setup-form{padding:15px}}.setup-form header{margin-bottom:45px}@media (max-width: 550px){.setup-form header{margin-bottom:35px}}.setup-form footer{margin:40px 0 5px 0}@media (max-width: 550px){.setup-form footer{margin-top:35px}}.setup-form label{width:90px;color:#e2edf2;font-weight:300}@media (max-width: 550px){.setup-form label{width:100%}}.setup-form .form-group{padding-left:110px}@media (max-width: 550px){.setup-form .form-group{padding-left:0}}.setup-form input{width:300px;padding:7px;border:none;color:#fff;background:#3c4043;-webkit-transition:background ease 0.25s;-moz-transition:background ease 0.25s;transition:background ease 0.25s}@media (max-width: 550px){.setup-form input{width:100%}}.setup-form input:focus{border:none;background:#484c50}.setup-form p{font-size:12px;line-height:1.4em;color:#7d878a}.setup-form .button-add{width:100%;padding:0.9em 1.8em;font-size:13px}.settings .user-group-header{margin-bottom:0px;padding-bottom:20px;border:0 none;border-bottom:1px solid #d9d6c5}.settings .user-group-header h3{display:inline-block;margin:0;color:#c0bfb6;font-weight:normal;font-size:1.1em;line-height:1em}.settings .user-search{display:inline-block;float:right}.settings .user-search label{margin:0}.settings .user-search:hover .user-search-input,.settings .user-search .user-search-input:focus{width:260px;padding:0 10px}.settings .user-search .user-search-input{width:0px;padding:0;border:none;border-bottom:#f1f0ea 1px solid;-webkit-transition:width 0.2s ease-in-out;-moz-transition:width 0.2s ease-in-out;transition:width 0.2s ease-in-out;box-shadow:none}.settings .user-search .search-icon:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e007";font-size:1em;color:#c0bfb6}.settings .user-search .search-icon:hover{text-decoration:none}.settings .users{padding:0px;margin-top:0px;list-style:none}.settings .user{display:block;width:100%;padding:20px;border:0 none;border-top:1px solid #e2edf2}.settings .user:first-child{border:none}.settings .user .user-image{display:inline-block;width:40px;height:40px;margin-right:17px;vertical-align:middle;background-color:#edece4;border-radius:20px}.settings .user .user-image.invite{padding-top:8px;text-align:center}.settings .user .user-image.invite:before{font-family:"Icons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e012";font-size:1em;color:#aaa9a2}.settings .user .user-image.invite:hover{text-decoration:none}.settings .user .user-image img{width:40px;height:40px;border-radius:20px}.settings .user .user-meta{display:inline-block;vertical-align:middle}.settings .user .user-name{margin:0;margin-top:0.4em;font-weight:400;font-size:1.2em;line-height:1em}.settings .user .user-last-seen{line-height:1em}.settings .user-role{padding:2px 8px;float:right;font-size:0.8em;color:#fff;text-transform:uppercase}.settings .user-role.admin{background-color:#DE523A}.settings .user-role.editor{background-color:#4A8CBD}.settings .user-profile-header{position:relative;max-height:400px;overflow:hidden}.settings .user-profile-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background-color:transparent;background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,0.3));background-image:linear-gradient(transparent,rgba(0,0,0,0.3))}.settings .cover-image{display:block;line-height:0;width:100%;height:auto;min-height:180px}.settings .edit-cover-image{position:absolute;right:40px;bottom:38px;background:rgba(0,0,0,0.3);border-radius:0;color:rgba(255,255,255,0.8);z-index:2;border-radius:2px;-webkit-transition:color 0.3s ease,background 0.3s ease;-moz-transition:color 0.3s ease,background 0.3s ease;transition:color 0.3s ease,background 0.3s ease}@media (max-width: 1000px){.settings .edit-cover-image{right:15px}}.settings .edit-cover-image:hover{color:#fff;background:rgba(0,0,0,0.5)}.settings .user-profile{position:relative;top:-100px;z-index:1}.settings .user-profile fieldset{padding:0 40px}.settings .user-profile textarea{min-width:240px}@media (max-width: 500px){.settings fieldset.user-details-top{margin-bottom:10px}}@media (min-width: 501px){.settings fieldset.user-details-top{margin-bottom:0;padding:10px 0 0 0}.settings fieldset.user-details-top p{color:#fff}}.settings .user-image{display:block;position:relative;width:120px;height:120px;float:left;margin-left:40px;margin-right:20px;text-align:center;border-radius:100%;overflow:hidden;border:5px solid #fff;background:#fff;z-index:2}@media (max-width: 500px){.settings .user-image{margin-left:-10px}}.settings .user-image .img{display:block;width:110px;height:110px;background-size:cover;background-position:center center;border-radius:100%}.settings .user-image:hover .edit-user-image{opacity:1}.settings .edit-user-image{position:absolute;top:0px;right:0px;bottom:0px;left:0px;border-radius:100%;background:rgba(0,0,0,0.5);opacity:0;color:#fff;line-height:105px;text-transform:uppercase;text-decoration:none;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;transition:opacity 0.3s ease}@media (min-width: 501px){.settings #user-name{border-color:#fff}}.settings .user-details-bottom{padding:0 40px;margin:-30px 0 0 0} diff --git a/core/client/docs/index.html b/core/client/docs/index.html deleted file mode 100644 index a72643ad12..0000000000 --- a/core/client/docs/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -layout: home -title: Ghost UI ---- - -
-
-

Ghost UI

-

The user interface framework for the Ghost blogging platform.

-

- Download Ghost UI -

-

Currently v{{ site.current_version }}

-
-
\ No newline at end of file diff --git a/core/client/docs/index.md b/core/client/docs/index.md new file mode 100644 index 0000000000..51c4a3fa87 --- /dev/null +++ b/core/client/docs/index.md @@ -0,0 +1,6 @@ +--- +layout: default +title: Ghost UI +--- + +# Ghost-UI \ No newline at end of file diff --git a/core/client/docs/robots.txt b/core/client/docs/robots.txt deleted file mode 100644 index 3f86d8a9dd..0000000000 --- a/core/client/docs/robots.txt +++ /dev/null @@ -1,10 +0,0 @@ ---- -layout: nil ---- - -# www.robotstxt.org/ - -# Allow crawling of all content -User-agent: * -Disallow: -Sitemap: {{ site.url }}/sitemap.xml diff --git a/core/client/docs/sitemap.xml b/core/client/docs/sitemap.xml deleted file mode 100644 index 7aaf56c9b3..0000000000 --- a/core/client/docs/sitemap.xml +++ /dev/null @@ -1,22 +0,0 @@ ---- -layout: nil ---- - - - - {{ site.url }}/ - {{ site.time | date_to_xmlschema }} - daily - 1.0 - - {% for page in site.html_pages %} - {% if page.layout != "home" %} - - {{ site.url }}{{ page.url }} - {{ site.time | date_to_xmlschema }} - weekly - 0.7 - - {% endif %} - {% endfor %} - diff --git a/setup.html b/setup.html deleted file mode 100644 index 3dbbf6d42a..0000000000 --- a/setup.html +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - Ghost Admin - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - -
-
-
-
-

Welcome to your new Ghost blog

-

Let's get a few things set up so you can get started.

-
-
- - -

What would you like to call your blog?

-
-
- - -

The name that you will sign your posts with

-
-
- - -

Used for important notifications

-
-
- - -

Must be at least 8 characters

-
- -
-
-
- -
- - -
- - - -