diff --git a/core/client/assets/sass/layouts/editor.scss b/core/client/assets/sass/layouts/editor.scss index 91046cb7a9..4b7335cf50 100644 --- a/core/client/assets/sass/layouts/editor.scss +++ b/core/client/assets/sass/layouts/editor.scss @@ -171,10 +171,11 @@ textarea { border: 0; width: 100%; - height: calc(100% - 45px); + min-height: auto; + height: 100%; max-width: 100%; margin: 0; - padding: 0; + padding: 10px 20px 50px 20px; position: absolute; top: 0; right: 0; @@ -182,6 +183,19 @@ left: 0; -webkit-overflow-scrolling: touch; + @media (max-width: 600px) { + padding: 10px; + } + @media (min-width: 601px) and (max-width: 1000px) { + padding: 15px; + } + @media (min-width: 1001px) { + top: 40px; + } + @media (max-height: 560px) { + height: calc(100% - 40px); + } + &:focus { outline: 0; } diff --git a/core/client/docs/dist/css/ghost-ui.min.css b/core/client/docs/dist/css/ghost-ui.min.css index 2332b471f4..bb162f9e1b 100644 --- a/core/client/docs/dist/css/ghost-ui.min.css +++ b/core/client/docs/dist/css/ghost-ui.min.css @@ -10,7 +10,7 @@ textarea{width:100%;max-width:340px;min-width:250px;height:auto;min-height:6.5em 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:"GhostIcons";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:"GhostIcons";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}.settings-about .ghost_logo:before{font-family:"GhostIcons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e000";font-size:1.28rem;color:#7d878a;position:relative;top:-6px}.settings-about .ghost_logo:hover{text-decoration:none}.settings-about .ghost_logo:after{font-family:"GhostIcons";font-weight:normal;font-style:normal;vertical-align:-7%;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\e600";font-size:2.5rem;color:#242628}.settings-about .ghost_logo:hover{text-decoration:none}.settings-about p{color:#7d878a}.about-ghost-intro h1{margin-top:-6px;margin-bottom:-21px}.about-ghost-intro h1 .version{font-weight:300;font-size:1.3rem;position:relative;top:-3px}@media (max-width: 550px){.about-ghost-intro{padding-top:40px}} .about-environment-help{margin-top:35px}.about-environment p{margin:0;line-height:1.7}.about-help{padding-top:6px}@media (max-width: 500px){.about-help{padding-top:16px}}.about-help .button-dark{width:100%;display:block;font-size:0.85rem;padding-top:8px;padding-bottom:8px;min-height:32px}.about-help .button-dark:nth-child(1){margin-bottom:11px}@media (min-width: 501px){.about-environment-help{max-width:430px}.about-environment{float:left;width:calc(100% - 196px)}.about-help{float:right;width:176px}}.top-contributors{padding-left:0;max-width:650px}.top-contributors li{float:left;list-style:none;width:10%}.top-contributors li a{display:block}@media (min-width: 601px){.top-contributors li a{margin-right:9px;margin-bottom:9px}}@media (max-width: 600px){.top-contributors li a{margin-right:6px;margin-bottom:6px}}.top-contributors li a img{width:100%;display:block;border-radius:100%}.about-credits{margin-top:48px}.about-credits h1{font-size:1.85rem;margin-bottom:2rem}.about-contributors-info{margin-right:-0.9rem;font-size:1.2rem;max-width:620px}.button-save.large.about-get-involved{margin-top:-0.1rem;font-size:0.9rem}.about-copyright{margin-top:4.9rem}.about-copyright a:link,.about-copyright a:visited{color:inherit}.about-copyright a:hover,.about-copyright a:focus,.about-copyright a:active{text-decoration:none;color:#5ba4e5}.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:"GhostIcons";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:"GhostIcons";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:"GhostIcons";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:"GhostIcons";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:"GhostIcons";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:"GhostIcons";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:"GhostIcons";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:2px;padding:0 10px}.manage .content-preview .post-edit:before{font-family:"GhostIcons";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 .entry-word-count,.editor .entry-preview .floatingheader .entry-word-count{float:right}@media (max-width: 1000px){.editor .entry-markdown:not(.active) .markdown-help:hover:before,.editor .entry-preview:not(.active) .markdown-help:hover:before{color:#fff}}.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:calc(100% - 45px);max-width:100%;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-overflow-scrolling:touch}.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}} +.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:"GhostIcons";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:"GhostIcons";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:2px;padding:0 10px}.manage .content-preview .post-edit:before{font-family:"GhostIcons";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 .entry-word-count,.editor .entry-preview .floatingheader .entry-word-count{float:right}@media (max-width: 1000px){.editor .entry-markdown:not(.active) .markdown-help:hover:before,.editor .entry-preview:not(.active) .markdown-help:hover:before{color:#fff}}.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%;min-height:auto;height:100%;max-width:100%;margin:0;padding:10px 20px 50px 20px;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-overflow-scrolling:touch}@media (max-width: 600px){.editor .entry-markdown-content textarea{padding:10px}}@media (min-width: 601px) and (max-width: 1000px){.editor .entry-markdown-content textarea{padding:15px}}@media (min-width: 1001px){.editor .entry-markdown-content textarea{top:40px}}@media (max-height: 560px){.editor .entry-markdown-content textarea{height:calc(100% - 40px)}}.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}} .markdown-help{position:relative;top:-5px;right:-5px;float:right;padding:5px}.markdown-help:before{font-family:"GhostIcons";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}.markdown-help:hover{text-decoration:none}.markdown-help:hover:before{font-family:"GhostIcons";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}.markdown-help:hover:hover{text-decoration:none}.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}#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:220px;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:165px}}#entry-tags .tags{position:relative;display:inline-block;vertical-align:middle;width:auto;max-width:80%;max-width:calc(100% - 250px);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:"GhostIcons";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:"GhostIcons";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:"GhostIcons";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:not(.CodeMirror-focused) div.CodeMirror-cursor{visibility:hidden}.CodeMirror div.CodeMirror-cursor{position:absolute;border-right:none;width:0}.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}}